@charset "utf-8";
/* CSS Document */
body {
	font: 98% Georgia, "Times New Roman", Times, serif;
	background: #202a35;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColElsCtr #container {
	width: 60em;
	background: #202a35;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: justify; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-color:#202a35;
}
#topbox {color:#acaeaf;
         background-color:#202a35;
         background-image:url(images/header3.gif);
          background-repeat:no-repeat;
          height: 200px;
         margin-top: 15px;
		 }
	

.style2 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.page-bottom
{
	clear:both;
	height: 15px;
	
}


.rightpic {float: right;}

.staffpic {float: left;
          margin: 10px 17px 6px 6px;
		  border: 4px solid #ced6df;}



.leftpic {float: left;
          padding: 10px 10px 6px 6px;}
.leftpic1 {float: left;
          padding: 10px 10px 6px 0px;}
.rightpic {float: right;}
.h2 {color:#CB5446;
     font-size:16px;}
	 
	 
#leftcol {width: 10em;
          font-size: 85%;
		  float: left;
		   background-color: #202a35;
		   border-color: #01508b;
		  padding: 0px 20px 20px 20px;
		   margin-right: 0px;
		   margin-left: 0px;}
		   
#middlecol {width: 14em;
          font-size: 85%;
		    float: left;
		    background-color: #ffffff;
		   border-color: #ced6df;
		   padding: 20px;
		   margin-right: 0px;
		   margin-left: 0px;
		   } 
		   
#rightcol {width: 27em;
           float: right;
           margin-left: 1px;
		   margin-right: 0px;
		   padding-top: 10px;
		   padding-left: 10px;
		   padding-right:10px;
		    background-color: #ffffff;
			font-size: 13px;
			line-height: 18px;
			color: #202a35;
		  }	    
	 
	 
	 
	 
	 
	 
	 
	 
#left {float: right;
       width: 12em;
	   padding: 20px;
	   }	 
	
#right {
       width: 35em;
	   padding: 10px;
	   margin-left: 0 px;
	   background-color:#ffffff;
	   font-size:13px;
	   line-height: 18px;
	   border-left: 1px dotted #ced6df;}	
	   
#innerbox {
            margin: 0 0em 0 12em;
           position: absolute;
	      border: 5px solid #ced6df;
		   background-color:#ffffff;}
#innerbox1 {
            margin: 0 0em 0 16em;
			width: 48em;
			line-height: 17px;
			padding: 10px;
			font-size: 12px;
        
	      border: 5px solid #ced6df;
		   background-color:#ffffff;}

#leftbox {float: left;
         width: 18em;
		 margin-right: 6px;
		 margin-bottom: 6px;}		   
		   
#council {float:left;
           
			width: 60em;
			
			padding: 10px;
			font-size: 9px;}
#add {float:left;
			width: 53em;
			
			padding: 10px;
			font-size: 9px;}

pre {
border: solid 1px #eef;
padding:6px;
background: #f7f6ff;
}

dt {
font-weight:bold;
font-size: 1.1em;
}
		   
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);

}


/* Defines standard links. There are 4 pseudo classes for links: a:link, a:visited a:hover and a:active. They should be 

defined in this order */


a {color: #202a35;
   text-decoration: underline;}


.speclink {color: #6b6c6e;
      text-decoration: none;}
   
a:hover {text-decoration: none;
         color: #a6acb3;}

#speclink1 {color: #ced6df;
      text-decoration: none;
	  text-align: right;
	  font-size: 9px;
	    margin: 0 0em 0 40em;
			width: 48em;}
	  
.customlink {color:#475d76;
             text-decoration:none;}	
	  

/* Defines navigation bar and nested elements */


#navlist  {position: absolute;
           
	
	
	
	
}

#navlist ul {margin-top: 0;
             margin-left: 0;
             padding-left:7px;}


#navlist li{list-style-type: none;}


a.navlinks

   {display: block;
    width: 11em;
    background-color: #202a35;
    color: #ced6df;
    text-decoration: none;
    padding: 4px 2px 4px 3px;
    font-size: 12px;
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #ced6df;
    border-bottom: 1px solid #ced6df;
    border-left: 1px solid #EEEEEE;
    margin-top: 4px;
    margin-bottom: 4px;}

a.navlinks:hover, a.navlinks:active

   {background-color: #ced6df;
    color:#202a35;
    }

	#sidebox  {
	
	border: 1px solid #ced6df;
	font-size: 12px;
	padding: 2px;
	margin-left: 6px;
	margin-top: 150px;
	background-color: #202a35;
	color: #ced6df;
	width: 11em;
	
}



li.currentlink {display: block;
                width: 11em;
                background-color: #202a35;
                color: #ced6df;
                padding: 4px 2px 4px 3px;
                font-size: 12px;
                border-top: 1px solid #EEEEEE;
                border-right: 1px solid #ced6df;
                border-bottom: 1px solid #ced6df;
                border-left: 1px solid #EEEEEE;
                margin-top: 4px;
                margin-bottom: 4px;
                font-weight: bold;
				text-align:left;
}