/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
body										{ font-size:.8em; font-family:arial; margin:0; margin-top:20px; }


#container								{ width: 760px; margin: auto }

#header									{ background: url("images/header-back.png")  right no-repeat; }

#navigation								{ margin-top:20px; background:url("images/nav-back.jpg") bottom left repeat-x; padding-bottom:5px;}

#footer									{ clear:both; border-top:1px solid #ccc; padding-top:10px; font-size:80%; color:#666; }

#breadcrumbs							{ display:block; background: none; margin-bottom: 25px; }


/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/


h1										{ font-size:180%; color:#69BE28; letter-spacing:-1px; margin-bottom:13px;}
h2										{ font-size:140%; color:#002395;margin-bottom:10px; letter-spacing:-1px;}
h3										{ font-size:105%; color:#69BE28; }
strong,
b										{ color:#002395; }

address								{ font-style:normal; }

#header h1								{ margin: 0 }
#header em								{ display:none; }

img 							{ border:0; }

a.skip									{ position: absolute; left:-1000em } 

#navigation	ul							{ list-style: none; margin-left: 0; margin-bottom:10px; background:url("images/navigation-ul-back.png") top left repeat-x #009933; width:760px; float:left;}
#navigation	li							{ margin-right: 0em; float:left;  }
#navigation	li	a						{ color:#fff; text-decoration:none;float:left; padding:9px 10px; font-size:95%; background:url("images/nav-seperator.png") 100% .6em no-repeat; }


#footer	ul								{ list-style: none; margin-left: 0; float:left; margin-bottom:5px; }
#footer	li								{ display: inline; border-right:1px solid #ccc; padding:0 4px 0 2px }
#footer a								{ color:#666; }
#footer p								{ clear:left; line-height:160%}
#footer	a								{  }
#footer img								{ float:right; }

#preamble								{ background:url("images/preamble-back.png") bottom left no-repeat;  position:relative; padding:0 158px 0 358px; min-height:250px; _height:250px; color:#fff; font-size:128%; margin-bottom:1em; clear:both;}
#preamble img							{ display:none; }
#preamble object						{ position:absolute; top:5px; left:15px; }
#preamble p								{ font-size:90%; }
#preamble h1							{ text-transform:uppercase; color:#fff; font-size:140%; line-height:110%; padding-top:25px; margin-right:-40px;}
#preamble em							{ display:block; color:#69BE28; font-weight:normal; font-style:normal;}
#preamble a								{ color:#fff; text-decoration:none; background:url("images/preamble-link-back.png") 0 .4em no-repeat; padding:9px 0 9px 30px; display:block;  border:0px solid red;}

#testimonials							{ width:177px; background:url("images/testimonials-cta.jpg") 0 0 no-repeat; height:221px; position:relative; }
#testimonials blockquote				{ margin:0; padding:0; display:none; }
#testimonials p							{ display:none; }
#testimonials a							{ position:absolute; top:0; left:0; display:block; text-indent:-1000em; height:221px; width:177px; }

#content								{ margin:15px 0; float:left; width:364px; padding:0 10px; position:relative; left:185px; }
#related								{ margin:15px 0; float:left; width:175px; margin-right:10px; position:relative;  right:384px}
#additonal								{ margin:15px 0; float:left; width:177px; padding-left:10px; margin-right:0px; _padding-left:10px; } 

form 									{ padding:10px; margin:15px 0 0 0; background:url("images/form-back.png") bottom left repeat-x #fff; color:#333; border:1px solid #f6f6f6 }
form p									{ margin:0 0 5px 0; }
form h2								{ color:#333333; font-weight:normal; font-size:185%; margin-bottom:2px; }
fieldset								{ padding:0px; border:none; }
form div								{ margin:0; }
fieldset dt							{ margin:.2em 0 .2em 0; }
fieldset dd							{ margin:0; }

#content table							{ border-collapse:separate; border:none; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
#content tr								{ border:none;  }
#content th								{ border:none; padding:5px 0; display:none;  }
#content td								{ padding:8px 0; border:none; width:48%}		

#additonal form 						{ padding-bottom:10px; margin-bottom:10px; margin-top:0;}
#additonal form h2						{ margin-bottom:10px; }
#additonal form p						{ margin-bottom:10px; }
#additonal fieldset					{ margin:0; padding:0;}
#additonal dd							{ margin-bottom:10px; }
#additonal dd input,
#additonal dd textarea					{ width:150px; }

#related .sub-nav h2									{ background:url("images/related-h2-back.png") top left repeat-x #0028A5; color:#fff; padding:5px; font-size:110%; position:relative; _margin-bottom:0;}
#related .sub-nav ul									{ background:#F3F3F3; list-style:none; margin:0 0 20px 0; padding:0;}
#related .sub-nav ul	li								{ _border:1px solid #f3f3f3;}
#related .sub-nav ul li li								{ margin-left: 10px; _border:1px solid #f3f3f3;}
#related .sub-nav ul	li	a							{ color:#000; text-decoration:none; display:block; padding:5px 0 5px 15px;  background:url("images/related-bullett.png") .3em .8em no-repeat; position:relative; _margin:0; }
#related .sub-nav ul	li	a.active					{ background:url("images/related-active-bullett.png") .3em .8em no-repeat #fff; color:#69BE28; }
#related .sub-nav ul	li	a:hover						{ color:#69BE28; }
#related .sub-nav ul	li ul li a						{ margin-left:-10px; }

#page									{ background:url("images/container-back.png") 0 0 repeat-y; width:760px; clear:both; overflow:auto; border:0px solid red; margin-bottom:15px; padding:0;}

#form-error								{ border:2px solid #900; background:#fcc; padding:15px; color:#000; margin-bottom:15px; }
#form-error h1							{ color:#900; }
#form-error li							{ padding-left:0; background:none; }

.news-articles ul,
.news-archive-list ul					{ list-style:none; margin:0 0 1em 0; }		

.news-articles ul li,
.news-archive-list ul li				{ background:url("images/home-li-back.png") 0 1em no-repeat; padding:10px 0 10px 20px; border-bottom:1px dotted #ccc; position:relative; }	

.news-articles ul li a,
.news-archive-list ul li a				{ color:#69BE28; text-decoration:none; }					

.news-articles h2,
.news-archive-list h2					{ border-bottom:1px dotted #ccc; margin-bottom:0px; padding-bottom:10px;}

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

body.home #content							{ overflow:auto; width:760px; position:static; right:0; margin-top:0; margin-bottom:15px; padding:0;}
body.home #content h1						{ text-transform:uppercase; color:#fff; font-size:140%; line-height:110%; padding-top:38px; margin-right:-40px;}
body.home #content h1 em					{ display:block; color:#69BE28; font-weight:normal; font-style:normal;}
body.home #content .news-articles			{ width:187px; margin-right:10px; float:left; }

body.home #content form					{ width:352px; margin-right:10px; float:left; position:relative; padding-bottom:0; margin-top:0;}
body.home #content fieldset				{ width:170px; float:left;  padding:0; margin:0;}
body.home #content form div input			{ padding:0; margin:0; clear:left; position:absolute; bottom:20px; left:10px;  }
body.home #content form textarea			{ width:160px; height:130px;}
body.home #content form input#submit		{ width:80px; }	

body.home #content #testimonials			{ float:right; }
/*body.home #content ul						{ list-style:none; margin:0; }
body.home #content ul li					{ background:url("images/home-li-back.png") 0 1em no-repeat; padding:10px 0 10px 20px; border-bottom:1px dotted #ccc; }
body.home #content ul li a					{ color:#69BE28; text-decoration:none; }
*/

body.sitemap #content ul li				{ }
body.sitemap #content ul ul				{  margin:5px 0 0  15px; padding:0;}
body.sitemap #content ul ul li			{margin:0px 0; }

#content #article-rating  						{ float: left; width:100%; border-top:1px solid #333; padding-top:15px; margin-top:15px; }
#content #article-rating p 						{ float: left; }
#content #article-rating ul 						{ float: right; list-style:none; margin:-10px 0 0 0; padding:0 }
#content #article-rating ul li					{ margin:0; padding:0; float:left; }
#content #article-rating ul li a 				{ float:left; display:block; width:33px; margin:0; height:31px; text-indent:-10000em;  background:url("images/rating-star.gif") 0 0 no-repeat #ddd;  }
#content #article-rating ul li a.selected		{ background-color:#F20E19; }
#content #article-rating ul:hover li a.selected	{ background-color:#f90; }

#page #content ul						{ margin: 10px}


/******************************************************************************* 
* Three Cols			                                                       *
*******************************************************************************/

body.three-cols #content ul				{ list-style:none; margin:0 0 1em 0; }
body.three-cols #content ul li				{ background:url("images/content-li-bullett.png") 0 .8em no-repeat; padding:5px 0 5px 10px; position:relative }


