* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

html {
background-color: #FFFFFF;
}

body {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
}

a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:30px;
color: #FFFFFF;
text-align:left;
line
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
font-style:italic;
margin-top:15px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:right;
font-style:italic;
margin-top:15px;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-left:right;
font-style: normal;
margin-top:15px;
margin-left:20px;
margin-bottom:15px;
color: #666666;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#1a1a4b;
text-align:left;
}

p {
font-family:Arial, Helvetica, sans-serif;
color:#737577;
line-height: 16px;
font-size: 13px;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
font-size: 14px;
font-weight: 600;
color:#737577;
}

#container {
width:900px;
margin:auto;
}

#headerContainer{
width:900px;
height:130px;
}

#homeHeader {
background-image:url(../images/header.jpg);
height:130px;
width:inherit;
}

#headerInside{
float:left;
height:130px;
width:450px
}

#insideTop{
float:right;
width:441px;
height:130px;
background-color:#ffffff;
}

#insideTop a img{
height:130px;
width:58px;
margin-right:2px;
}


#subContainer{
width:900px;
margin-top:20px;
}

#navigation {
float:left;
width:227px;
padding-right:10px;
}

#navigation li{
list-style-type:disc;
margin-left:38px;
margin-top:12px;

}

#navigation li ul{
list-style-type:disc;
margin-left:-10px;
margin-top:12px;
}

#navigation li a{
font-weight: 700;
color:#7F7F7F;
}

#navigation li a#blue:hover {color:#00ADEF;}
#navigation li a#purple:hover {color:#AB499C;}
#navigation li a#green:hover {color:#8CC63E;}
#navigation li a#orange:hover {color:#F9A11C;}
#navigation li a#purple2:hover {color:#662E91;}
#navigation li a#pink:hover {color:#ED008C;}
#navigation li a#teal:hover {color:#00A79D;}


/*
#navigation li a:hover{
color: #999966;
}
*/

#navigation li ul{
list-style-type:disc;
}

#main{
float:right;
width:661px;
border-left:solid 1px  #999999;
min-height:620px;
}

#mainTop{
width:659px;
}

#mainBottom{
width:inherit;
margin-top:20px;
}

#mainBottomOpen{
margin-left:20px;
width:621px;
margin-top:10px;
}

#mainBottomOpen a{
text-decoration:underline;
color:#666666;
}

#mainBottomleft{
float:left;
padding-left:20px;
width:445px;
}

#mainBottomleft a{
text-decoration:underline;
color:#666666;
}



#mainBottomright{
float:right;
width:157px;
margin-right:23px;
}

#mainBottomright img{
margin-bottom:10px;
}

#mainBottomleft2{
float:left;
padding-left:20px;
width:340px;
}

#mainBottomleft2 p{
line-height:16px;
}

#mainBottomleft2open{
float:left;
width:340px;
}

#mainBottomleft2open a{
text-decoration:underline;
color:#333333;
}

#mainBottomleft2open img{
padding-left:3px;
padding-top:3px;
}

#mainBottomleft2 li{
margin-top:10px;
list-style-type:disc;
list-style-position: inside;
font-style:italic;
font-weight:normal;
}

#mainBottomright2{
float:right;
width:252px;
margin-right:23px;
}

#mainBottomright2 p{
font-size:16px;
line-height:18px;
}

#mainBottomright2 img{
margin-top:40px;
float:right;
}


#countyfooter {
margin-top:20px;
padding-bottom:10px; 
padding-left:180px;
padding-top:15px;
width:700px;
height:45px;
border-top: 1px solid   #CCCCCC;
}

#countyfooterLinks {
float:left;
width:600px;
height:39px;
margin-right:11px;
padding-top:6px;
text-align:right;
line-height:18px;
}

#countyfooterLinks li {
display:inline;
font-size:12px;
border-right:1px solid #999999;
padding:0 5px 0 5px;
list-style:none;
}

#countyfooterLinks li a{
font-weight:normal;
color: #666666;
}

#countyfooterLinks li a:hover{
font-weight:normal;
}

#countyfooterLogo {
float:left;
width:88px;
height:45px;
}

.pdf {
padding-top:50px;
font-size:11px;
font-style:italic;
color: #666666;
}

ul#colors li a.blue {color:#00ADEF;}
ul#colors li a.purple {color:#AB499C;}
ul#colors li a.green {color:#8CC63E;}
ul#colors li a.orange {color:#F9A11C;}
ul#colors li a.purple2 {color:#662E91;}
ul#colors li a.pink {color:#ED008C;}
ul#colors li a.teal {color:#00A79D;}


.blue, .highlight {color:#00ADEF;}
.purple, .highlight {color:#AB499C;}
.green, .highlight {color:#8CC63E;}
.orange, .highlight {color:#F9A11C;}
.purple2, .highlight {color:#662E91;}
.pink, .highlight {color:#ED008C;}
.teal, .highlight {color:#00A79D;}



#navigation li#ga {
margin:0;
padding:0;
list-style-type:none;
}


/*------------ top nav color codes -------------*/

div.hoverBtn{
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverBlue.jpg) repeat-x 0 0 scroll;
}


div.hoverBtnpurple{
	margin-left:	2px;
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverPurple.jpg) repeat-x 0 0 scroll;
}

div.hoverBtngreen{
	margin-left:	2px;
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverGreen.jpg) repeat-x 0 0 scroll;
}


div.hoverBtnorange{
	margin-left:	2px;
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverOrange.jpg) repeat-x 0 0 scroll;
}

div.hoverBtnpurple2{
	margin-left:	2px;
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverPurple2.jpg) repeat-x 0 0 scroll;
}

div.hoverBtnpink{
	margin-left:	2px;
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverPink.jpg) repeat-x 0 0 scroll;
}

div.hoverBtnteal{
	margin-left:	2px;
	margin-right: 	6px;
	position: 		relative;
	float:			left;
	height: 		130px;
	width:			58px;
	background: url(../images/hoverTeal.jpg) repeat-x 0 0 scroll;
}

div#insideTop div a.bgTeal
{
	background: url(../images/nav_image_teal.jpg) no-repeat;
}




div.hoverBtn a {

	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll; 

}


div.hoverBtnpurple a {

	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}


div.hoverBtngreen a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}

div.hoverBtnorange a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}

div.hoverBtnpurple2 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}

div.hoverBtnpink a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}

div.hoverBtnteal a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			58px;
	height: 		130px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}


.on {background-position:-58px 0 !important;}


div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverBlue.jpg) repeat-x -58px 0 scroll;
}




div.hoverBtnpurple div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverPurple.jpg) repeat-x -58px 0 scroll;
}


div.hoverBtngreen div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverGreen.jpg) repeat-x -58px 0 scroll;
}

div.hoverBtnorange div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverOrange.jpg) repeat-x -58px 0 scroll;
}

div.hoverBtnpurple2 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverPurple2.jpg) repeat-x -58px 0 scroll;
}

div.hoverBtnpink div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverPink.jpg) repeat-x -58px 0 scroll;
}


div.hoverBtnteal div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	height: 		130px;
	width:			58px;
	background:		url(../images/hoverTeal.jpg) repeat-x -58px 0 scroll;
}

/*------------ end of top nav color codes -------------*/