.right {
margin-left:10px;
margin-bottom:10px;
float:right;
}



.left {
margin-right:10px;
margin-bottom:10px;
}











/*Floating layers */
#navright {
  position:absolute;
  z-index:10;
  margin-left:616px;
  width: 241px;
  margin-top:215px;
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
}





#Circle1 {
background-image:url(../images/interface/header/circles.png);
background-repeat:no-repeat;
  position:absolute;
  z-index:10;
  width: 253px;
  height:121px;
  margin-left:715px;
  margin-top:110px;
}





#HomeTitle1 {
background-image:url(../images/home/legislation-title.png);
background-repeat:no-repeat;
  position:absolute;
  z-index:10;
  margin-left:293px;
  width: 174px;
  height:45px;
  margin-top:385px;
}

#HomeTitle2 {
background-image:url(../images/home/upcomingevents-title.png);
background-repeat:no-repeat;
  position:absolute;
  z-index:10;
  margin-left:630px;
  width: 226px;
    height:45px;
  margin-top:385px;
}


/* CLEAR Elements  -This tag is to be used to clear all floats so that backgrounds repeat vertically in FireFox*/
#Clear {	
	clear: both;
}

/* Basic Elements */
body {	
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	background-image:url(../images/interface/misc/bg-main.gif) !important;
	background-repeat:repeat-y !important;
	background-position:top !important;
	background-color: #bfc07d !important;
}
#MainBody-BG {
	width: 980px;
	clear: both;
	margin:0 auto;
}

form {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

a:link {
	color: #0534fd;
	text-decoration: none;
}
a:visited {
	color: #0534fd;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0534fd;
}

h1 {
	font: 40px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	color:#FFFFFF;
    background-repeat: no-repeat;
   	clear: both;
   }
h1 span{
   display: none;
}
h2 {
	font: 20px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	color:#003b67;
    background-repeat: no-repeat;
}
h2 span{
   display: none;
}
h3 {
	font: 18px Arial, Verdana, Helvetica, sans-serif;

	font-weight:lighter;
	color: #e77d01;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
}
h3 span{
   display: none;
}




h4 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #0e418e;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
}
h3 span{
   display: none;
}



hr {
	color: #9aad77 !important;
	
background-color: #9aad77;
height: 1px;
border: none;

}


hr.othercolor{
color: #d6d6d6 !important;
background-color: #d6d6d6;
height: 1px;
border: none;

}







#CenterBoxSecondary ul.listing  li{
padding-top:0px;
margin-top:0px;
list-style-image:url(../images/interface/misc/green-dot.gif); 
}

#CenterBoxSecondary ul.listing{
font-weight:bold;
margin-left:0px;
padding-left:20px;
margin-top:0px;
padding-top:0px;
}



#UpcomingEvents li, #Legislation li {
list-style-image:url(../images/interface/misc/dot1.gif);
}



#UpcomingEvents ul, #Legislation ul {
margin-left:0px;
padding-left:20px;
margin-top:0px;
padding-top:0px;
}


p {
   padding:0px;
   padding-bottom:5px;
   margin: 0px;
   margin-bottom:5px;
}


/* Titles */
 
h1.HomeImage {
    background-image: url(../images/home/homeimage-center.jpg);
	width: 613px;
	height: 266px;
}

#ContentSecondaryTopLeft h1.TitleAbout {
    background-image: url(../images/interface/titles/title-about.jpg);
	font-size:40px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:120px;
	padding-left:30px;
	width: 546px;
	height: 36px;
}


    
/* HEADER REGION */	
		
#TopContainer {
	width: 980px;
	background-image:url(../images/interface/header/bg-left.gif);
	background-repeat:repeat-x;
	height: 104px;
	clear: both;
	}
	
#TopContainerLine {
	width:980px;
	height:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	background-image:url(../images/interface/header/line1.gif);
	background-repeat:no-repeat;
	clear: both;
	}

#RightLogoBox {
width:322px;
height:104px;
float:right;
}

#FormBox {
width:322px;
margin-top:21px;
clear:both;
}

#FormBox .input{
margin-right:5px;
height:15px;
width:182px;
padding-left:10px;
padding-right:10px;
font-size:14px;
padding-top:5px;
color:#104c9f;
}

#NavBox {
width:322px;
float:left;
margin-top:29px;
}
	

/* Logo */

#Logo-home a{
   background-image: url(../images/interface/header/logo.gif);
   background-repeat: no-repeat;
   float: left;
   width: 459px;
   height: 104px;
}
#Logo-home a:hover{
   background-image: url(../images/interface/header/logo.gif);
}
#Logo-home span{
   display: none;
}






/* Navigation Top */
#Nav1 a{
color:#368a76;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
background-image: url(../images/interface/nav/nav1.gif);
background-repeat: no-repeat;
padding-left:25px;
width:50px;
padding-top:8px;
height: 21px;  
float: left;
}
#Nav1 a:hover{
color:#368a76; 
text-decoration:none;  
background-image: url(../images/interface/nav/nav1-over.gif);
}




#Nav2 a{
color:#368a76;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
background-image: url(../images/interface/nav/nav2.gif);
background-repeat: no-repeat;
padding-left:13px;
width:51px;
padding-top:8px;
height: 21px; 
float: left;
}
#Nav2 a:hover{
text-decoration:none;
color:#368a76;   
   background-image: url(../images/interface/nav/nav2-over.gif);
}



#Nav3 a{
color:#368a76;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
background-image: url(../images/interface/nav/nav3.gif);
background-repeat: no-repeat;
padding-left:10px;
width:70px;
padding-top:8px;
height: 21px; 
float: left;
}
#Nav3 a:hover{
color:#368a76;
text-decoration:none;   
background-image: url(../images/interface/nav/nav3-over.gif);
}

    

#Nav4 a{
color:#368a76;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
background-image: url(../images/interface/nav/nav4.gif);
background-repeat: no-repeat;
padding-left:10px;  
width:93px;
padding-top:8px;
height: 21px; 
float: left;
}
#Nav4 a:hover{
color:#368a76;
text-decoration:none;   
   background-image: url(../images/interface/nav/nav4-over.gif);
}





/* HomePage */

#CenterBox {
background-image:url(../images/home/bg-middle-left.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:980px;
float:left;
}


#CenterBoxLeft {
width:298px;
float:left;
}


#CenterBoxRight {
width:682px;
float:left;
}


#CenterPiece {
background-image:url(../images/home/ducks.jpg);
background-repeat:no-repeat;
width:382px;
height:250px;
padding-right:300px;
color:#525252;
padding-top:32px;
font-size:14px;
line-height:26px;
clear:both;
}

#CenterPiece h1{
font-size:20px;
color:#4f7608;
}




#CenterPiece p{
line-height:22px;

}



#ContentArea {
width:682px;

background-image:url(../images/home/bg-middle.gif);
background-repeat:repeat-x;
clear:both;
background-color:#FFFFFF;
padding-top:38px;
}


#Legislation {
background-image:url(../images/home/legislation.gif);
background-repeat:no-repeat;
float:left;
width:293px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
font-size:11px;
}

#UpcomingEvents {
background-image:url(../images/home/upcomingevents.gif);
background-repeat:no-repeat;
float:left;
width:308px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
font-size:11px;
}

/* MISC */
flashcontent {
	position: relative;
	width: 100%;
	margin-left: auto;
}
select, input, textarea,  fieldset {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}


img, div, a, body, td, #TopRoof, #TopContainer, #Legislation, #UpcomingEvents, #MenuRightMain, #Circle1   { 
 behavior: url(/iepngfix.htc) 
 
}






/*Center Secondary */

#CenterBoxSecondary {
background-image:url(../images/interface/misc/bg-one.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:980px;
float:left;
}


#ContentAreaSecondary {
width:604px;
clear:both;
line-height:18px;
padding-top:26px;
padding-left:38px;
padding-right:40px;
padding-bottom:40px;
}

#CenterBoxSecondary h1{
color:#FFFFFF;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:31px;
padding-left:38px;
font-size:36px;
clear:both;
}

#CenterBoxSecondary h2{
color:#4f7608;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
font-size:20px;
font-weight:normal;
clear:both;
}








/* Footer */

#FooterBox {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-image:url(../images/interface/footer/bg-line.gif);
background-repeat:repeat-x;
width:960px;
padding-top:20px;
padding-right:20px;
text-align:right;
height:100px;
}

#FooterBox a{
color:#edb72f;
text-decoration:none;
	}
	
#FooterBox a:hover{
color:#edb72f;
text-decoration:underline;
	}
		
#FooterBox a:visited{
color:#edb72f;
text-decoration:none;
	}
	
#FooterBox a:active{
color:#edb72f;
text-decoration:none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	






































	
	
/* Menu Left*/
#leftbox {
margin-left:20px;
	width:257px;
clear:both;
}


#leftcontent {
	width:257px;
	background-image:url(../images/interface/nav-left/navigation-bg-main.gif);
	background-repeat:repeat-y;
	clear:both;
}
/* Styles for Example #1 */

#example1 {
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	font: bold 14px Arial;
	color: #FFFFFF;
	cursor: hand;
	cursor: pointer;
}



#example1 .categoryitemsBox {
	background-image:url(../images/interface/nav-left/navigation-bg-center.png) !important;
background-repeat:no-repeat;
	width:257px;
}


#example1 .box {


background-repeat:repeat-y;
	background-image: url(../images/interface/nav-left/navigation-bg2.gif) !important;
}



#example1 .closed {
}
#example1 .closed, #example1 .opened {
	background-repeat:repeat-y;
}
#example1 .header {
}
#example1 .opened {
	background-image: url(../images/interface/nav-left/navigation-over.gif);
}
#example1 a {
	display:block;
	font-weight:bold;
	text-decoration:none;
}
#example1 a.hover {
	background-image: url(../images/interface/nav-left/navigation-over.gif);
	color:#FFFFFF;
}
#example1 ul {
	font: 11px Arial;
	line-height:15px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
	overflow: hidden;
	padding-bottom:0px;
}

#example1 ul li a {
	color: #7a8862 !important;
	display: block;
	padding: 0px 0;
	text-decoration: none;
	background-image: url(../images/interface/nav-left/bg-regular.gif);
	height:20px;
	padding-left:20px;
	padding-top:8px;
}
#example1 ul li a:visited, #example1 ul li a:active {
	background-image: url(../images/interface/nav-left/bg-regular.gif);
	color: #7a8862 !important;
}
#example1 ul li a:hover { /*hover state CSS*/
	color: #104c9f !important;
	background-image: url(../images/interface/nav-left/bg-over.gif);
	background-repeat:no-repeat;
}
#example1 li {
	display: block;
	list-style-type: none;
}
#example1 li a {
	color:#FFFFFF;
	padding-left:20px;
	padding-top:8px;
	height:25px;
}
#example1 li.active a {
	color:#FFFFFF;
}
#example1 li.active li a {
	color:#FFFFFF;
}



#MenuLeftMainTop {
	background-image:url(../images/interface/nav-left/navigation-top2.png);
	background-repeat:no-repeat;
	width:257px;
	margin-top:20px;
	height:54px;
	clear:both;
}
#MenuLeftMainBottom {
	background-image:url(../images/interface/nav-left/navigation-footer.png);
	background-repeat:no-repeat;
	width:257px;
	height:32px;
	margin-bottom:20px;
	clear:both;
}