html {
}
body {
  	background: #666666 url(../images/bkg-body2.gif) repeat-x;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	line-height: 18px;
	height: 100%;
	margin: 0 auto;
}
.container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 723px;
}
div, form  {
	margin: 0;
	padding: 0;
}
h1 {  
	background: #4c4b4d;
	color: #fbfbce;
	font-size: 160%;
	font-weight: normal; 
	margin: 0 0 0 500px; 
	padding: 15px 20px; 
	text-align: right;
}
h2 {
  background: #ffffff;
  color: #882222;
  font-size: 140%;
  font-weight: bold;
  margin: -3px 0 0;
  padding: 0 0 9px;
}
h3 {
  background: #4c4b4d;
  color: #fbfbce;
  font-size: 115%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-top: 10px;
}

h3.nopad {
  background: #4D4D4D;
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

h3.nopadbig {
  background: #4D4D4D;
  color: #ffffff;
  font-size: 130%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

	
.white a, 
.white a:link, 
.white a:visited {

font-weight:bold;
text-decoration: none;
	color: #ffffff;
 	display: block;
	font-size: 100%;
	padding-left: 0px;	
	width: 0px;
}
.white a:hover {
	color: #cccccc;
}	

.small {
	background:#cccccc;
	color: #447788;
 	font-size: 88%;
	}
	
a, a:link {
	color: #918809;
	text-decoration: underline;
}
a:visited {
	color: #114455;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
img {
 	border: 0;
}
img.right {
 	border: 0;
 	margin-left: 10px;
 	margin-bottom: 10px;
}
img.left {
 	border: 0;
 	margin-right: 10px;
 	margin-bottom: 10px;
}
img.center {
 	display: block;
 	margin-left: auto;
 	margin-right: auto 
} 
.hide {
	display: none;
}
.clear {
	clear: both;
}

/* ----- red box ----- */
.red-image {
	background: url(../images/bkg-site-search2.gif) no-repeat; 
	float: left; 
	height: 28px;
	text-align: left; 
	width: 161px;
}
.red-image img {
	margin:0;
 	padding: 5px 6px 0 1px;  
}
.red-image label {
	height: 1px;
	overflow: hidden;
	width: 1px;
	position: absolute;
	top: -500px;  
}
/* ----- top main images ----- */
.main-top {
	border-bottom: 0px solid #85d5f7;
	height: 52px; 
	width: 723px; 
}

.main-bot {
	border-bottom: 0px solid #85d5f7;
	height: 206px; 
	width: 723px; 
}

.mainnav-wrap {
	border-bottom: 0px solid #fff;
	height: 28px; 
	width: 723px; 
}
/* ----- Main Navigation -----*/
.mainnav {
	background: #5d6361 url(../images/main_nav3.jpg) no-repeat;
	color: #999999;
	float: left;
	height: 28px;
	margin:0;
	padding: 0;
	position: relative;
	width: 562px;
	background-color: #5d6361;
}
.mainnav ul { 
	margin:0;
	padding: 0;
}
.mainnav ul li {
	list-style: none;
	position: absolute;
	top: 0px;
	
}
.mainnav li span { 
	/*display: none;*/
	height: 1px;
	overflow: hidden;
	width: 1px;
	position: absolute;
	top: -500px;
}
.mainnav li, .mainnav a { 
	height: 28px; 
	display: block; 
}
.about { 
	left: 0; 
	width: 103px;
}
.about a:hover, .about a.on { 
	background: transparent url(../images/main_nav3.jpg) 0 -28px no-repeat;
}
.news { 
	left: 103px; 
	width: 59px; 
}
.news a:hover, .news a.on { 
	background: transparent url(../images/main_nav3.jpg) -103px -28px no-repeat; 
}
.legislation {
	left: 162px;
	width: 86px;
}
.legislation a:hover, .legislation a.on { 
	background: transparent url(../images/main_nav3.jpg) -162px -28px no-repeat; 
}
.calendar {
	left: 248px;
	width: 78px;
}
.calendar a:hover, .calendar  a.on { 
	background: transparent url(../images/main_nav3.jpg) -248px -28px no-repeat; 
}
.resources  {
	left: 326px; 
	width:85px; 
}
.resources a:hover, .resources a.on { 
	background: transparent url(../images/main_nav3.jpg) -326px -28px no-repeat; 
}

.contact {
	left: 411px; 
	width:87px; 
}
.contact a:hover, .contact a.on { 
	background: transparent url(../images/main_nav3.jpg) -411px -28px no-repeat; 
}
.home {
	left: 498px; 
	width:64px; 
}
.home a:hover, .home a.on { 
	background: transparent url(../images/main_nav3.jpg) -498px -28px no-repeat; 
}


/* ----- Content Wrap ----- */
.content-wrapper {
	background: #ffffff;
	color: #333;
	border-top: 0px solid #000000; 
	padding: 15px 0 25px;
	width:723px;
	border-left:1px solid #85d5f7;
	
}
/* ----- HR rules ----- */
.hr-line { 
	background: #fff url(../images/hr-line.gif) repeat-x;
	height: 1px;
}
/* ----- Back to Top ----- */
A.backtotop-link, A.backtotop-link:visited, A.backtotop-link:active {
	color : #447788;
	font-family : Arial, Verdana, Trebuchet MS, Tahoma, sans-serif;
	font-size: 88%;
	text-decoration : underline; 
} 

A.backtotop-link:hover {
	color : #4D4D4D; 
	font-family : Arial, Verdana, Trebuchet MS, Tahoma, sans-serif; 
	text-decoration : underline;
} 
/* ----- Sub-navigation ----- */

.subnav-zone_white {
	
	background:#ffffff;
	color: #333;
	float:left;
	height:auto !important; /* for modern browsers */
	width:450px;
	margin-bottom:0px; 
	text-align:left;
	padding:20px; 
	font-weight:normal;
	font-size: 100%; 
	margin-right:0px;
}
.subnav-zone {
	
	background:#eff7fd;
	color: #333;
	float:left;
	height:auto !important; /* for modern browsers */
	width:450px;
	margin-bottom:0px; 
	text-align:left;
	padding:20px; 
	font-weight:normal;
	font-size: 100%; 
	margin-right:0px;
}
/* ----- No Links Navigation ----- */
	
.nolinks {
	background: #760000;	
	border: 0px solid #000000; 
	color: #ffffff;
	margin: 0 0 0px;
	padding: 0px;
	list-style: none;
	}
.nolinks h3 { 
	background: #ffffff;
    color: #000000;
	font-size: 100%;
	font-weight: bold;
	padding-left: 10px;	
}	

.nolinks ul {
	margin:0;
	padding-left: 5px;	
}	
.nolinks ul li {
	margin: 0;
	padding-left: 5px;	
	list-style: none;
}	
.nolinks ul li a, 
.nolinks ul li a:link, 
.nolinks ul li a:visited {
	background:#eeeeee;
	color: #666;
 	display: block;
	font-size: 89%;
	padding-left: 5px;	
	width: 123px;
}
.nolinks ul li a:hover {
	background: #eeeeee;
	color: #333;
}	
/* ----- Quick Links Navigation ----- */
.quicklinks {
	background: #eff7fd;	
	border: 0px solid #000000; 
	color: #000000;
	margin: 0 0 0px;
	padding: 0;
	}

.quicklinks h3 { 
    background: #eff7fd;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin:  0;
	padding:  2px 10px 1px 10px;
}

.quicklinks h3.white { 
    background: #eff7fd;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin:  5px;
	padding:  2px 10px 1px 10px;
}

.quicklinks h4 { 
    background: #eff7fd;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin:  0;
	padding:  2px 10px 0px 10px;
}

.quicklinks h4.nocolor { 
    background: #eff7fd;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin:  0;
	padding:  2px 10px 0px 10px;
}

.quicklinks ul {
	margin:0;
	padding: 0px 0 6px 0;
}	
.quicklinks ul li {
	margin: 0;
	padding: 0;	
	list-style: none;
}	
.quicklinks ul li a, 
.quicklinks ul li a:link, 
.quicklinks ul li a:visited {
	background:#eff7fd;
	color: #000000;
 	display: block;
	font-size: 89%;
	margin: 0 0 0 8px;
	padding: 0 10px 6px 0px;
	width: 123px;
}
.quicklinks ul li a:hover {
	background: #eeeeee;
	color: #333;
}
.quicklinks ul li.on a:link, 
.quicklinks ul li.on a:visited, 
.quicklinks ul li.on a:hover {
	background: #eeeeee;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	padding-left: 0px;
	text-decoration: none;
}

.quicklinks ul li.moveright {
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding-left: 10px;	
	list-style: none;
}	

.quicklinks ul li.moverightred {
	
	color: #000000;
	background:#eff7fd;
	margin-top:5px;
	font-size: 100%;
	font-weight: normal;
	padding-left: 10px;	
	list-style: none;
}	

.quicklinks ul li.subnav a:link, 
.quicklinks ul li.subnav a:visited, 
.quicklinks ul li.subnav a:hover {
	background:#eff7fd;
	color: #000000;
 	display: block;
	font-size: 88%;
	margin: 0 0 0 19px;
	padding: 0 10px 6px 0px;
	width: 123px;
}
.quicklinks ul li.subnav a:hover {
	background: #eff7fd;
	color: #000000;
}
/* ----- Quick Links Navigation END----- */



/* ----- Right Column Lists ----- */
.rightnav-zone {
	
	background-color:#ffffff;
	color: #000000;
	float:right;
	height:auto !important; /* for modern browsers */
	width:190px;
	margin-bottom:0px; 
	text-align:center;
	padding:20px; 
	margin-right:0px;
		
}

.rightnav-zone_blu {
	
	background-color:#eff7fd;
	color: #000000;
	float:right;
	height:auto !important; /* for modern browsers */
	width:180px;
	margin-bottom:0px; 
	text-align:center;
	padding:20px; 
	margin-right:0px;
		
}

/* ----- Main Content ----- */
.content { 
	background:#fff;
	color: #4D4D4D;
	height:auto !important; /* for modern browsers */
	margin-left: 180px;
	width:420px;
}
.content-search-results { 
	background:#fff;
	color: #4D4D4D;
	height:auto !important; /* for modern browsers */
	margin-left: 180px;
	width:550px;
}

/* ----- Content Wrap ----- */
.content-wrapper {
	background: #ffffff;
	color: #333;
	border-top: 0px solid #6b99a9; 
	margin: 1px 0 0;
	padding: 0px 0 0px;
	width:723px;
	border-left:1px solid #85d5f7;
	
}
/* ----- Footer Navigation ----- */
.footer {
	
	
	background-color:#06648d;
	color: #fff;
	border-top: #85d5f7 solid 5px; 
	text-align: center;
	width:723px;
	margin-top: 0px;
	font-size: 100%;
}
.footer ul {
	 
	color: #fff;
	margin: 12px 0;
	padding: 0;
} 
.footer ul li {
	 
	color: #fff;
	display: inline;
	list-style: none;
}		
.footer ul li a, 	
.footer ul li a:link, 
.footer ul li a:visited {
	 
	color: #fff;
	text-decoration: underline;
}
.footer ul li a:hover {
	 
	color: #cccccc;
	text-decoration: underline;
}

.footer p {
	 
	color: #fff;
	margin-top: 12px;
	padding: 0;
	text-align: center;  
}
.footer p img {
	
	color: #fff;
	padding: 8px 0;
}
/* ----- Footer smaller font ----- */
		
.footer ul li.small a, 	
.footer ul li.small a:link, 
.footer ul li.small a:visited {
	font-size: 90%; 
	color: #fff;
	text-decoration: underline;
}
.footer ul li.small a:hover {
	font-size: 90%;
	color: #cccccc;
	text-decoration: underline;
}
/* --- end --- */