@charset "utf-8";
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #EFEEE0;
	background-repeat: no-repeat;
	font-size: 11px;
	width: 860px;
	border: 0px 0px 0px 0px;
	clear: both;

}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}


.thrColAbsHdr #container {
	width: 860px;
	background-repeat: repeat;
	background-image: url(images/bkground.jpg);
	border-bottom-style: none;
} 

/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
.thrColAbsHdr #header {
	height: 180px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	background: #DDDDDD;
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 860px;
} 
.thrColAbsHdr #header h1 {
	margin: 0px 0px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image: url(images/top.gif);
	width: 860px;
	height: 180px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 0px;
	left: 684px;
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px;
	height: 180px;
	margin: 0px 0px 0px 0px;
}

.thrColAbsHdr #sidebar2 {
	top: 180px;
	width: 160px;
	position: absolute;
	padding: 0px 0px 0px 0px;
	border-bottom: solid #666666 1px;
	background-color: #FFFFFF;
	left: 684px;
}

.thrColAbsHdr #mainContent {
	padding: 0px 0px 0px 0px;
	width: 480px;
	top: 180px;
	min-height: 1000px;
	position: static;
	margin: 0px 193px 0px 187px;
}
.thrColAbsHdr #footer {
	padding: 0px 0px 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#EFEEE0;
	background-image: url(images/bottom.jpg);
	width: 860px;
} 
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

h2{
	font-size: 24px;
	color: #666666;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 15px 0px;
	text-align: left;
	
}

h3{
	font-size: 18px;
	color: #666666;
	border-top-color:#666666;
	border-top-width: 1px;
	border-top-style:solid;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0px 15px 0px;
	text-align: left;
}

h4{
	font-size: 14px;
	color: #666666;
	border-bottom-color:#666666;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;
	text-align: left;
}

h5{
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 0px;
	text-align: left;
}

h6{
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	border-bottom-color:#666666;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 25px 0px 0px 0px;
	text-align: left;
}

ul{
	padding-left: 0px;
	list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#navBar{
	padding: 0px 0px 0px 0px;
	width: 160px;
	position: absolute;
	top: 180px;
	left: 10px;
	border-top: solid #FF6600 1px;
}

#content{
	width: 485px;
	margin: 0px;
	padding: 0 0 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFcc00;
	margin-top: 0px;
	text-align: left;
}


/************* #globalNav styles **************/

#globalNav{
	color: #cccccc;
	padding: 0px 20px 0px 10px;
	position: relative;
	top: 150px;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}



/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 192px;
	top: 160px;
	width: 480px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 0px 0px 0px 0px;
	color: #666666;
	width: 480px;
/*	font-size: 100%;*/
}

.story h2{
	clear: both;
	padding: 5px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
}

.story h3{
	clear: both;
	padding: 5px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;/*	font-size: 100%;*/
}

.story p{
	padding: 0px 0px 0px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: solid 1px;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: static;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 1px 0px 1px 5px;
	border-top: 0px solid #cccccc;
	width: 100%;
  	voice-family: "\"}\""; 
  	voice-family:inherit;

}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;	
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding: 1px 0px 1px 5px;
}

.orangebottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.greenbottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CC00;
}
.bluebottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#6699FF;
}
.greytop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
.grey {color: #666666}
.whitedot {color: #FFFFFF;}
.yellow {color: #FFcc00;}
.darkred {color: #660000;}
.dashed{
	border-top: #666666;
	border-top-width: 1px;
	border-top-style:dashed;
}

#masthead {
}