body{
	margin: 5px auto 0px auto;
	padding:0px;
	background-color:#f6f6f6;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:#ccc solid 1px;
	font-size: 75%;
}
html>body {
	font-size: 12px;
}

a {
	color: #0033CC;
	text-decoration: none;
}
	
p {
	margin: 0 10px 1.5em 0;
	line-height: 1.5em;
	font-size:1em;
}

h1{
	margin:0px;
	padding:0px;
	color: #666666;	/*font-size: larger*/
	font-size:1.5em;
	line-height: 1em;
	margin: 0 0 1em 0;
}
h2{
	color:#333;
	padding:0px;
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: .8334px;
	margin-bottom: .1667px;
}
h3{
	font-weight:bold;
	color:#333;
	margin:0px 0px 3px 0px;
	font-size:.91667em;
	line-height: 1.6363em;
	margin-top: 1.0909em;
	margin-bottom: 0.5454em;
}
img{
	border:none;
	}
	
.example{
	clear:both;
	margin-top:1em;
	}	

.example img{
	float:left;
	}
.example div{
	
	margin-left:155px;
}
.example h2{

	color:#333;
	padding:0px;
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: .8334px;
	margin-bottom: .1667px;

}
.example p{
	clear:both;
	}

ul, ol {
	margin-left:10px;
	padding-left:20px;
	}
li{
	margin-bottom:1em;
	}
.smallerFont{
	font-size:.7em;
	}
.error {
	font-weight: 600;
	color: #FF0000;
}
.imageRight {
	float: right;
	text-align: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
.imageLeft {
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.loneLink{
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
	
	}
.indent{
	margin-left:10px;
}
.subHead {
	color: #996633;
	font-size: larger;
	
	}
.centerTitle {
	font-weight: bolder;
	text-align: center;
}
.subTitle {
	font-weight: bolder;
	font-size: 11pt;
}
	
#title_bar {
	background-color: #FFFFFF;
	height: 50px;
	font-size:33px;
	color:#369;
	padding-left:2px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
#header {
	background-color: #FFFFFF;
	text-align:center;
}

.flash{
	margin-bottom:1.5em;
}

/* ----------------- Main Navigation begin -----------------------------
	Style modified from Alteration to Rollovefr Horizontal List Navbar
	by Keith Burgin
	http://css.maxdesign.com.au/listamatic/horizontal23.htm
	
	and from Rollover Horizontal List Nav Bar
	by Russ Weakley
	http://css.maxdesign.com.au/listamatic/horizontal03.htm

*/
#main_nav{
	margin:0px;
	padding:0px;
	width: 100%;
	float: left;
	background-color:#FFFFFF;
	border-top:#ccc solid 1px;
}

#main_nav ul { padding: 0; }
#main_nav ul li { display: inline; }
#main_nav ul
{
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
color: #006699;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#main_nav ul li a
{
padding: 0.5em 1.25em;
background-color:#fff;
color: #006699;
text-decoration: none;
float: left;
border-right: 1px solid  #ccc;
font-size:1.15em;

}

/* because we used an .em padding and the width of each nav element is different it is hard to make the right border on the last nav item line up with the right of the page
so instead we just got the padding so that it was close and then in the css below get rid of the border and use the page border instead. There will be a slight whitespace for the difference on the right of the nav item. */
#main_nav ul li a#results
{
border:none;
}

#main_nav ul li a:hover
{
	background-color: #74D5C8;
	color: #fff;
}

#main_nav #navlist li a:hover, #main_nav #navlist li a:active
{
	color: #FFF;
	text-decoration: none;
	background-color: #70CEC2;
}

/* ------------------- Main Navigation End ---------------------------- */


/*content wraps around all content between the main nav and the footer */
#content {
	background-color: #fff; 
	/*background-image: url(../images/bg_content.gif);  keeps it looking like two columns even though divs are not equal height, this is faux columns trick with bg image */
	clear:both;
	/* border-bottom:#B3B85A solid 1px; */
	margin:0px;
	padding:0px;
	
}
#content_main { /*this holds the main content which is the page_title and the main_info */
	background-color: #FFF;
	width:665px;
	margin:0px;
	padding:1.5em 10px 10px 25px;
}
#page_title { /*page_title is the title of the page and is above the main_info in the content_main div */
	background-color: #ECECEC;
	/* height: 30px; */
	line-height: 31px;
	font-size:1.3em;
	color: #333333;
	padding-left: 20px;
	padding-top: 1px;
	font-weight: bold;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;/* border-bottom:#B3B85A solid 1px; */
	margin:0px;
}

/*make sure the content div around the two columns is as long as either of the columns */
#clearColumns{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
}

 #content_primary{ /*this is the main content if there are two columns */
background-color: #FFF;
	width:500px;
	margin:0px;
	padding:1.5em 12px 10px 12px;
	margin-left:175px;
	border-left:dotted 1px #ccc;
}
/* this is the secondary content wich holds the section title and the sidebar */
#content_secondary { 
	background-color: #FFF;
	width:175px;
	float:left;
	margin:0px;
	
	
}
#section_title {
	background-color: #B3B85A;
	/*height: 30px;*/
	font-size: 1.3em;
	font-weight: bold;
	line-height: 31px;
	padding-left: 15px;
	padding-top: 1px;
	color: #333333;
	border-top:#996533 solid 1px;
	border-bottom:#B3B85A solid 1px;
	margin:0px;
}
#sidebar{
	background-color:#FFF;
	/*padding: 20px 5px 10px 20px;*/
	margin:0px;
	padding:0;
	
}
#sidebar a{
	/*font-size:1.1em; make the sidebar links a little bigger */
}

/* VERTICAL NAVIGATION - USED IN SIDEBAR 
Adapted from css by Eric Meyer
http://css.maxdesign.com.au/listamatic/vertical06.htm
*/
#vertNav
{
	margin:0;
	padding:0;
border-bottom: 1px dotted #ccc;
width: 175px;
}


#vertNav li
{
list-style: none;
margin: 0;
padding:0; 
border-top: 1px dotted #ccc;
font-size:1.0833em;
	line-height: 1.2857em;
}

#vertNav li.active
{
background-color:#70CEC2;
}

#vertNav li a { 
	text-decoration: none; 
	padding:0px 5px;
	display:block;
	color:#006699;
	
}

#vertNav li a:hover { 
	text-decoration: none; 
	background-color:#74D5C8;
	color:#fff;
}
#vertNav li a#current {

background-color:#666666;
color:#FFF;

}
/*END VERTICAL NAVIGATION */


#main_info {
	margin:0px;
	padding-left:20px;
	padding-right:5px;
	background-color: #FFFFFF;
}


#footer {
	background-color: #FFF;
	background-repeat:no-repeat;
	clear:left;
	background-image:url(../images/footerbar.gif);
	height:76px;
	border-top:solid 1px #ccc;
}
#footer #copyright{
	text-align:right;
	vertical-align:bottom;
	font-size:.9em;
	color:#fff;
	line-height:76px;
	height:76px;
	padding-right:7px;
}

/* *************** Footer Navigation Begin **************************
	Styles modified from
	Centered list navbar
	by Russ Weakley
	http://css.maxdesign.com.au/listamatic/horizontal16.htm

 */
 #main_nav2{
 	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
 }
 
 #main_nav2 ul
{
padding: .2em 0;
margin: 0px;
list-style-type: none;
background-color: #fff;
color: #000;
width: 100%;
font-size:.9em;
text-align: center;
}

#main_nav2 li { display: inline;}
#main_nav2 li a
{
background-color: #FFF;
padding: .2em 1em;
border-right: 1px solid #000;
}

#main_nav2 li a:hover
{
color: #369;
text-decoration:underline
}

/* *************** Footer Navigation END ************************** */