body {
background-image: url(images/bkg.gif);
background-repeat:repeat-x;
padding:0;
margin:0;
font-size:12px;
font-family:Arial, Helvetica, Verdana, sans-serif;
line-height:1.25em;
color:#333333;
}

.container {
margin: 0px auto;
width: 820px;
background-color: #fff;

}

p {
line-height:1.45em;
}

.topics {
line-height: 2em;
}

.toparea {
background-image: url(images/topbkg.gif);
float: left;
width: 820px;
height: 247px;
}

.eyebrowNav {
float: right;
height: 39px;
width: 820px;
text-align: right;
color: #fff;
font-size: 11px;
/*border-style: solid;*/
}

.browbox {
float: right;
padding-top: 10px;
}

.introContainer {
float: left;
width: 820px;
height: 95px;
margin: 0;
/*border-style: solid;*/
}

.introtextbox {
width: 500px;
float: left;
padding-top: 30px;
padding-left: 85px;
}

.introtexthead {
font-size:18px;
color:#336699;
font-weight: bold;
line-height: 1em;
}

.introtextcopy {
font-size:13px;
}

.navcontainer {
float: left;
width: 820px;
height: 113px;

/*border-style: solid;*/
}

#pipe {
	font-size:11px;
	}
#pipe ul {
	float: left;
	margin-top: 74px;
	margin-left: 143px;
	padding: 0;
	display: inline;
	} 

#pipe ul li {/*sub.html (line 95)*/
/*display:inline;*/
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
/*width:100%;*/
}
	
		
#pipe ul li.first {
	background-image: none;
	margin-left: 0;
	margin-right: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	

	
#pipe li a {
	background-image:url(images/navline.gif);
	/*background-color:#999;*/
	color:#333333;
	padding: 19px 15px;
	margin-right: 0px;
	text-decoration: none;
	
}

#pipe li a:link {
	background-image:url(images/navline.gif);
	/*background-color:#999;*/
	color:#333333;
	padding: 19px 15px;
	margin-right: 0px;
	text-decoration: none;
	
}

#pipe li a:visited {
	background-image:url(images/navline.gif);
	/*background-color:#999;*/
	color:#333333;
	padding: 19px 15px;
	margin: 0px;
	text-decoration: none;
}

#pipe li a:active {
	background-image:url(images/navline.gif);
	/*background-color:#999;*/
	color:#333333;
	padding: 19px 15px;
	margin: 0px;
	text-decoration: none;
}

#pipe li a:hover {
	color:#ffffff;
	background-image:url(images/navline_on.gif);
	padding: 19px 15px;
	margin: 0px;
	text-decoration: none;
}

#pipe li .ons {
	background-image:url(images/navline_on.gif);
	padding: 19px 15px;
	margin: 0px;
	text-decoration: none;
	color: #fff;
}

.bottomcontainer {
padding-top: 20px;
float: left;
width: 820px;
}

.bottombkg {
float: left;
width: 820px;
background-image: url(images/dot.gif);
background-repeat: repeat-y;
}

.aboutcontainer {
float: left;
width: 435px;
}

h1 {
color:#336699;
font-weight: bold;
font-size: 12px;
padding-bottom: -2px;
}



/*H1 LINK STARTS*/

h1 a {
color:#336699;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

h1 a:link {
color:#336699;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

h1 a:visited {
color:#336699;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

h1 a:active {
color:#336699;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

h1 a:hover {
color:#336699;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
}



/*H1 LINK ENDS*/
.aboutcopy {
padding-top: 20px;
width: 365px;
}

.testcontainer {
float: left;
width: 385px;
}

.testcopy {
padding-top: 10px;
width: 385px;
}

.semcontainer {
float: left;
width: 165px;
}

.semcopy {
padding-top: 10px;
width: 165px;
}


/*sub page*/
.subcontainer {
padding-top: 50px;
float: left;
width: 820px;
}

.subbkg {
float: left;
width: 820px;
background-image: url(images/subbkg.gif);
background-repeat: repeat-y;
}

.subnav {
float: left;
width: 142px;
}

.subcontent {
float: right;
width: 660px;
}

h2 {
color:#336699;
font-weight: bold;
font-size: 20px;
padding-bottom: -2px;
margin-top: 0;
}

.subgraph {
font-weight: bold;
color:#336699;
}

.gotop a{
float: right;
padding: 3px;
color: #4a6783;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.gotop a:link{
float: right;
padding: 3px;
color: #4a6783;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.gotop a:visited{
float: right;
padding: 3px;
color: #4a6783;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.gotop a::active{
float: right;
padding: 3px;
color: #4a6783;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.gotop a:hover{
float: right;
padding: 3px;
color: #4a6783;
font-weight: bold;
font-size: 11px;
text-decoration: none;
background-color: #d7dde2;
}

.numbs ol li {
	padding: 5px;
	}

.bulls ul li {
	padding: 5px;
	}

/*SUBNAV STARTS*/


/*subnavie declares width, take out spaces*/
#subnavie {
	margin: 0px;
	padding: 0px;
	width: 142px;
	}

/*same as above- nothing special here*/
#subnavie ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	} 

/*declares background*/
#subnavie ul li {
	background-image:url(images/subnavdot.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding: 0px 0;
	margin: 0;
	/*border: 1px solid #000;*/
	}
	
		

/*everything happens here- below ul and li just holds this button. MAKE SURE IT IS DISPLAY BLOCK*/
#subnavie li a {
	padding: 10px 0;
	margin: 0px 0;
	color: #666;
	text-decoration: none;
	display: block;
	
}

#subnavie li a:link {
	color: #666;
	text-decoration: none;
	
}

#subnavie li a:visited {
	color: #666;
	text-decoration: none;
	
}

#subnavie li a:active {
	color: #666;
	text-decoration: none;
	
}

#subnavie li a:hover {
	color: #336699;
	text-decoration: none;
}

.formcontainer {
	float: left;
	width: 630px;
	padding: 5px 0;
}

.formleft {
	float: left;
	width: 200px;
	/*text-align: right;*/
}

.formright {
	float: left;
	padding-left: 10px;
	wdith: 420px;
}

.formleft2 {
	float: left;
	width: 15px;
	/*text-align: right;*/
}

.formright2 {
	float: left;
	padding-left: 10px;
	wdith: 605px;
}

/*FOOTER STARTS HERE*/

#footlink {
	font-size: 11px;
	color: #666;
}

#footlink ul {
float: left;
margin: 0;
padding: 0;
display: inline;
}


#footlink ul li {
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin:0;
padding:0;
}

#footlink li a {
color: #666;
padding: 10px 20px 10px 0;
text-decoration: none;
}

#footlink li a:link {
color: #666;
text-decoration: none;
}

#footlink li a:visited {
color: #666;
text-decoration: none;
}

#footlink li a:active {
color: #666;
text-decoration: none;
}

#footlink li a:hover {
color: #336699;
text-decoration: none;
}

/*FOOTER ENDS HERE*/

/*BLUE BUTTONS */

#bbutton {
margin-top: 5px;
padding: 15px 0px;

float: left;
color: #fff;
}

#bbutton a {
padding: 5px 7px 5px 0;
color: #336699;
text-decoration: none;
font-weight: bold;
}

#bbutton a:link {

color: #336699;
text-decoration: none;
font-weight: bold;
}

#bbutton a:visited {
color: #336699;
text-decoration: none;
font-weight: bold;
}

#bbutton a:active {
color: #336699;
text-decoration: none;
font-weight: bold;
}

#bbutton a:hover {
color: #336699;
font-weight: bold;
text-decoration: underline;
}

#bloglink {
float: right;
}