@charset "utf-8";
 
body  {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #333;
}

/** main typographic styles **/
p {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333333;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 25px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
ul,ol, dl	{
	margin: 0;
	padding: 0;
}


#content_main .tabletext {
		font:Arial, Helvetica, sans-serif; font-size: .8em; color: #555;}
#content_main tr:nth-of-type(odd) {
  background-color:#eee;
} 

a:link { text-decoration: underline; color: #006633; }
a:visited {text-decoration: none; color: #006633; }
a:hover, a:active, a:focus {text-decoration: underline; color: #333; }

/** images **/
.photoleft {
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #666;
	float: left;
}

.photoright {
	margin: 10px;
	padding: 2px;
	border: 1px solid #666;
	text-align: right;
	float: right;
	clear: right;
}

.caption {
	text-align: left;
	font-size: 70%;
	caption-side: bottom;
	color:#666666;
	}

/** main structural items **/

#containall {
	width: 750px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border-right:;
	border-right: 1px dotted #cce0d6;
	border-bottom: 1px dotted #cce0d6;
	border-left: 1px dotted #cce0d6;
	background: #FFF;
} 

#header {
	width: 750px;
	height: 100px;
	margin-bottom: 15px;
	padding: 0;
}
#containall #header table tr td .top_photo {
	padding: 0 6px 15px 0;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#containall #content_main {
	padding: 15px 0;
	width: 560px;
	float: left;
}
#containall #sidebar {
	float: left;
	width: 190px;
	padding: 40px 0;
}
/***** Navigation Links *********/
#containall #sidebar #navlinks {
	text-align: left;
	margin: 0;
	list-style-type: none;
}

#containall #sidebar #navlinks ul {
	padding: 15px 15px 15px 5px;
	list-style-type: none;
}
#containall #sidebar #navlinks ul li {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5d9b8c;
	margin: 5px 5px 5px 0;
	padding-bottom: 3px;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
#containall #sidebar #navlinks ul li a:link {
	color: #17705a;
	text-decoration: none;
	display: block;
}
#containall #sidebar #navlinks ul li a:visited {
	color: #17705a;
	text-decoration:none;
	}
#containall #sidebar #navlinks ul li a:hover {
	color: #666;
	}
#containall #sidebar #navlinks ul li h3 {
	text-transform: uppercase;
	margin: 18px 0 5px 0;
	color: #063;
	padding: 0;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}


/************** END Navigation Links ***************/

/*********** text styles for main content area *************/
#content_main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #063;
}
#content_main h2 {
	font-size: 1em;
	line-height: 1.2em;
	color: #333;
	margin:15px 0 15px 0;
}
#content_main h3 {
	color: #333;
	font-size: 0.8em;
	line-height: 1.2em;
	text-transform: uppercase;
}
#content_main h4{
	font-size: 0.8em;
	line-height: 1em;
	color: #000;
	}
#content_main h5,h6 {
	font-size: 0.8em;
	line-height: 1em;
	color: #000;
	margin-bottom: 0px;
	}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#content_main ul, #content_main ol { 
	padding: 0 15px 5px 80px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
#content_main ul li, #content_main ol li {
		font-size: .8em; 
		line-height: 1.6em;
}
#content_main ul ul li, #content_main ol ol li	{
	font-size: 100%;
}


/*************** end of main content area styles ********/


/*********** footer **/
	
#footer {
	clear: both;
	padding: 10px 0;
	margin-top: 10px;
	border-top: 1px solid #cce0d6;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
/*** end of footer styles ***********/

/********* A to Z index styles ********/	
.alpha-index {
	margin: 15px 0;
	text-align: center;
}
#content_main .alpha-index a {
	display:inline-block;
	width: 15px;
	font-size: 15px;
	color: #063;
	text-decoration: none;
}
#content_main .alpha-index a:hover, #content_main .alpha-index a:active, #content_main .alpha-index a:focus {
	color: #063;
	background: #ddeae4;
}
#content_main .alpha-anchors {
	font-size: 20px;
	text-transform: uppercase;
	color: #063;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #063;
}

/************** end A to Z index ******/
#content_main #accredtopnav {
	font-size: 0.8em;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}