/* 
-----------------------------
general styles
-----------------------------
*/
* {margin: 0; padding: 0; border: 0; }
html {background: #d2e1e4;}

body { 	margin: 2px 0 0;  font: 75%/1.2 verdana, arial, helvetica, sans-serif; color: #000; background: url(../images/site_images/bodyBlue.gif) repeat-y 50% 0;}


h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin-top: 0; }

h1, h2, h3, h4, h5, h6 { color: #28a3b9; margin: 15px 0 10px 0; }

h1 { font-size: 145%; line-height: 18px; }
h2 {
	font-size: 120%;
	line-height: 14px;
	color: #e3f6fc;
	padding-left: 10px;
}
h3 { font-size: 130%; color: #266789;}
h4 { font-size: 110%; }
h5 { font-size: 100%; color: #90bf20; }
h6 {
	font-size: 100%;
	padding-bottom: 10px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
}
img { border: none; }
a:link { color: #1d89ac; }
a:visited { color: #e4720f; }
a:hover { color: #69920d; }
a:focus { color: #69920d; }
a:active { color: #69920d; }
#white a:link {color:#FFF;}
#white a:visited {color:#FFF;}
#white a:active {color:#FFF;}
.white a:link {color:#FFF;}
.white a:visited {color:#FFF;}

table { margin: 1em 0; border-collapse: collapse; }

caption { text-align: left; padding: 0 0 .5em; font-size: 100%; font-weight: normal;}

th, td {text-align: left;  vertical-align: top; border: 1px solid #fff; padding: 5px; font-weight: normal; }

thead th { 	background: #dbf5fe; font-weight: bold; }

blockquote {
	margin-top: 10px;
	background: #e3f6fc;
	border: 1px solid #b0e2f4;
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 10px;
}


/*
-----------------------------
container styles
-----------------------------
*/

#container { margin: 0 auto; width: 830px;  }

/*
-----------------------------
header styles
-----------------------------
*/
#header {position: relative; float: left; width: 100%; height: 200px;  margin: 0; padding: 0;  }
html>body #header {position: relative; float: left; width: 830px; height: 200px;  margin-left: 0px; padding: 0px;  }


#header image {position: absolute; top: 0px; left: 0; display: inline;}


#header2 {
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background-image:  url(../images/footer_bg.gif);
	repeat: repeat-x;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	background-color: #13A3B2;
}
#header2 ul	{  float: left; clear: both; margin-left: 25px; margin-top: 0px; font-size: 100%; color: #fff; font-weight: normal; line-height: 30px;  }
#header2 li { display: inline; padding: 0 0 0 25px; margin: 2px 0 2px 20px;  background-image: url(../images/site_images/spiral.gif); background-repeat: no-repeat; background-position: -.1em .5em; }
html>body #header2 li { display: inline; padding: 0 0 0 25px; margin: 2px 0 2px 20px;  background-image: url(../images/site_images/spiral.gif); background-repeat: no-repeat; background-position: -.1em .1em; }
#header2 a{ color: #fff; text-decoration: none; }
#header2 a:hover{ color:#E0FCDD; text-decoration: none; }

#printheader {display: none;}
/*
-----------------------------
content & breadcrumb styles
-----------------------------
*/

#content { float: left; width: 830px; clear: both; margin-top: 0px; padding: 0; background: #fff;}
#testemonial {
	font-size: 100%;
	padding-bottom: 10px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
}

#breadcrumb { margin-top: 0px; width: 780px; height: 20px; padding: 6px 20px; font-size: 90%; border-bottom: 1px dotted #ddd;}
body>html #breadcrumb { margin-top: 0px; width: 780px; height: 20px; padding: 6px 20px 5px 5px; font-size: 80%; border-bottom: 1px dotted #ddd;}
#breadcrumb img {float: right; margin-top: -10px; margin-right: 20px;}
#breadcrumb ol { margin-top: 5px; padding: 0; }
#breadcrumb ol li { display: inline; list-style-type: none; margin: 0 5px 0 0; }
#breadcrumb ol li a { padding: 0 15px 0 0; 	background: url(../images/site_images/arrow-breadcrumb.gif) no-repeat 100% .5em; color: #28a3b9; text-decoration: none;}
#breadcrumb ol li a:hover { color: #6ca318; }


/*
-----------------------------
tools styles
-----------------------------
*/

#site-navigation #tools {float: right; text-align: right; width: 185px; margin: 0; padding: 0; }
#site-navigation #tools img { padding: 0 0 0 0px; }

/*
-----------------------------
left_side
-----------------------------
*/

#left_side {
	float: left;
	left: 0;
	width: 180px;
	margin: 10px;
	padding: 10;
	background-color: #24242A;
	color: #FFFFFF;
	text-align: left;
}
#left_side p {
	text-align: left;
	padding-left:10px;
	line-height: 20px;
	padding-bottom: 10px;
}
#left_side a {
	text-align: left;
	padding-left:10px;
	line-height: 20px;
	color:#28a3b9;
	font-weight:bold;
	margin-left: -10px;
}
#left_side li a {
	text-align: left;
	padding-left:0px;
	line-height: 20px;
	color:#99CCFF;
	font-weight:400;
}

/*
-----------------------------
main content
-----------------------------
*/


#page_main { float: left; width: 500px; margin: 0px 10px 0 0; padding: 20px; line-height: 130%; background: #fff; border-left: 1px dotted #ddd; border-right: 1px dotted #ddd;  }
html>body #page_main { float: left; width: 495px; margin: 0; padding: 5px 20px 0 20px; line-height: 130%; background: #fff; border-left: 1px dotted #ddd; border-right: 0px dotted #ddd;  }

#page_main p {line-height: 18px; margin-top: 10px;}
#page_main img { float: right; margin: 10px; }
#page_main ul {margin-left: 50px; margin-top: 15px; list-style-image: url(../images/site_images/orange_arrow.jpg);}
#page_main li {margin-top: 10px;}
#page_main img.left {float: left; margin-left: 10px;}

/*
-----------------------------
right side
-----------------------------
*/


#page_right { float: right; clear: both; width: 20px; margin: 5px 0px 10px 0px; padding: 0;  }
html>body #page_right { float: right; width: 20px; margin: 10px 10px 10px 0px;	padding: 0 10px 0 6px;}


/*
-----------------------------
index bottom section
-----------------------------
*/

#divider { clear: left; height: 5px; border-bottom: 1px solid #b9d96d;  }

#bottom-content { float: left; width: 830px; clear: both; border-top: 1px dotted #ddd; }
#bottom-content p {text-align: center;}

#bottom-left {float: left; left: 0; width: 200px; margin: 15px 0px 0 5px; padding: 0; height: 150px; background: url(../images/site_images/DG2a.jpg) no-repeat;  }
#bottom-left h3 {text-align: right; margin-top: 5px; padding-right: 10px; font-size: 110%;}

#bottom-centre { float: left; width: 370px; margin: 15px 0px 0 0; padding: 0 20px 0 20px; line-height: 130%; background: url(../images/site_images/quotes.gif) no-repeat; border-left: 1px dotted #ddd; border-right: 1px dotted #ddd;}

#bottom-right { float: right; width: 200px; margin-right: 0px; padding-top: 10px; margin-bottom: 10px;}
#bottom-right h2 { font-size: 125%; }
#bottom-right p {margin: 0 0 10px 0;}
/*
-----------------------------
footer styles
-----------------------------
*/
#footer { clear: left; background: #28a3b9; repeat: repeat-x; width: 96%; height: 30px; margin-left: -4px; margin-top: 0px; padding: 10px 20px; font-size: 90%; border-top: 1px solid #000;}
html>body #footer { clear: left; background: #28a3b9; width: 95.5%; height: 30px; margin-left: -1px; margin-top: -7px; padding: 10px 20px; font-size: 90%; border-top: 1px solid #000;}
#footer ul { margin: 0; padding: 0; text-align: right;}
#footer ul li {	list-style-type: none; 	display: inline; padding: 0 0 0 .5em; margin: 0 0 0 .5em; border-left: 1px solid #fff; background: none;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fcd0b1;  }
/*
-----------------------------
site index styles
-----------------------------
*/
#siteindex {}
#siteindex ul   {margin-left: 20px; margin-top: 10px; list-style-image: url(../images/site_images/bullet.gif);} 
#siteindex ul li { display: block; list-style-type: disc; padding: 0px; margin: 0px 0 0 0; background: none; }
#siteindex h3 a		{  color: #0086cc; text-decoration: none; }
#siteindex a		{  text-decoration: none; }
#siteindex a:hover	{   text-decoration: underline;}
#siteindex a:visited	{ }


/*
-----------------------------
class styles
-----------------------------
*/

.date { font-size: 85%; color: #666; }
.structural, .assistive { position: absolute; left: -500em;}
#content ul.bordered-list { padding: 0 0 20px; background: url(../images/line-horizontal.gif) no-repeat 0 100%; }
.image-container { 	float: right; width: 230px; font-size: 90%; color: #555; margin: 0 0 10px 10px; }
.image-subsection { float: right; margin: 0 0 1em 1em; }
.quote {
	font-size: 120%;
	color: #266789;
	text-align: left;
	width: 320;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 20px;
	font-style: italic;
}
.footnote {
	padding-top: 10px;
	border-top-style: dotted;
	border-top-color: #ddd;
	text-align: left;
	text-indent: 0px;
	border-top-width: 2px;
}
#next {clear: both; width: 100%;}
#next img {float: right; padding-right: 20px; margin-bottom: 10px;}
.img.left {float: left; margin-left: 10px;}

/*
-----------------------------
blockquote styles
-----------------------------
*/
p.bq { text-align:right; font-style:italic; color:#000;}
h6.bq { text-align:left; color:#000000; margin:50px 10px -10px 0px;}
p.source {margin: 0; font-size: 90%; text-align: right; }
ul.bq  {  margin: 0px; list-style-type: disc;}
li.bq  { display: block;  padding: 0px; margin: 10px; list-style-image:none; }
h3.bq  { padding-bottom: 20px; font-style:italic; right:auto;}