@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'BebasNeue';
	src: url('../type/bebasNeue-webfont.eot');
	src: local('☺'), url('../type/bebasNeue-webfont.woff') format('woff'), url('../type/bebasNeue-webfont.ttf') format('truetype'), url('../type/bebasNeue-webfont.svg#webfont1Lb5Pdit') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{ margin:0; padding:0;} 

body{
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 width:960px;
 text-align:center; /* for IE */
 margin:0 auto; /* for the rest */
 border:solid 1px	#c8c8c8;
 height: 100%;
}
#resize{ position: relative; } 

h1 {font: 265% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;}
h2 {font: 200% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;}
h3 {font: 175% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;}
h4 {font: 146% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;}
h5 {font: 125% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;}

h1,h2,h3,h4,h5{
  letter-spacing: 0;
  padding-bottom:3px;
  	text-decoration: none;
	font-weight: 500;
	text-transform:uppercase;	
}
h2.line{text-decoration:underline; }

div{text-align:left}
a{outline:none;color:#3872ab}

.council {
font: 265% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;
margin-bottom:-5px;
}

.councilTitle{color:#3872ab;}
 .lists{ padding:12px 30px 30px 30px; } 
 .lists2{ padding:12px 30px 30px 30px; font-size:14px; } 
 
 table.right{
 border-collapse: collapse;
 float:right;
 border:solid 1px #3872ab;
 margin-right:30px;
 padding:0px;  
 }
 
 table.rightBudget{
 border-collapse: collapse;
 float:right;
 margin-right:20px;
 padding:0px;
  }
  
td{font-size:12px;}  
td.right{padding:0px 5px 2px 5px; border:solid 1px;}
td.general{padding:5px;}
th{text-align:center;}

th.right{
padding:0px 8px 2px 8px;
border:solid 1px #3872ab; 
vertical-align: bottom;
font: 125% 'bebasNeue', Arial Narrow, sans-serif; color:#3872ab;
}

tr.right{border:solid 1px; }
td.rightBudget{padding:5px;font-size:14px;}
 
.tabs {
	font-size:1.75em;
	padding:5px 5px 0px 5px;
	color:#3872ab;
	font-family:"bebasNeue",Arial,sans-serif;
	text-transform:uppercase;
	font-weight:normal;
}

img .center{
 display:block;
 margin-left:auto;
 margin-right:auto;
 }
 
#header, #footer{
	/*background-color:#ddd;
	margin:0 100px;*/
}

#header {
	width: 960px;
	background-image: url('../images/mermaid1of2.gif');
	background-repeat: no-repeat;
	height:96px;
}

#header a#linky {
	display:block;
	width:300px;
	/*height:175px;*/
  	height:80px;
	position:absolute;
	top:10px;
	left:20px;
}

.headerlinks {
color:#ffffff; 
text-decoration:none;
margin-top:2px;}

.headerlinks a{
color:#ffffff; 
text-decoration:none;
margin-top:2px;
}

.headerlinks a:hover{
color:#ffffff; 
text-decoration:underline;
margin-top:2px;
}

.deptname {	font: 150% 'BebasNeue', Arial, sans-serif; color:#3872ab;}
.deptname2 {font: 175% 'BebasNeue', Arial, sans-serif; color:#3872ab;}
.deptname3 {font: 200% 'BebasNeue', Arial, sans-serif; color:#3872ab;}

.garages{text-align:center;}
.centerHeading{text-align:center; font-weight:bold;}
.centerHeadingBlue{text-align:center; font-weight:bold; font-size:16px; color:#3872ab;}
.centerText{text-align:center;}
.centerTextBold{text-align:center; font-weight:bold;}
 .number{font-size:15px; font-weight:bold;}		
 .LGtext{font-size:16px;}
	
.boldName{
font-size:12px;
font-weight:bold;
color:#3872ab;
}

#topContainer{
  text-align:left;
  height:200px;
  left: 0px;
  position: relative;
  width:765px;
  margin:0 auto;
  top: 0px;
  border: 1px solid #c8c8c8;
  border-bottom:0px;
}

#featureBox{
	float:left;
	height:200px;
	width:750px;
	top: 0px;
	position: absolute;
}
#serviceBox{
	margin-left:536px;
	height:195px;
	width:212px;
	top: 138px;
	position: absolute;
	border-bottom:solid 1px #c8c8c8;	
	
}
#slideshowBox{	
	float:left;
	height:200px;
	width:500px;
	top: 0px;
	position: absolute;	
	}

#breadcrumbs{
padding-left:6px;
text-decoration:none;
font-weight:bold;
font-size: 8pt;
font-color: #ffffff;
text-align: left;
height: 14px;
background-color:#2e5ea0;
}
#breadcrumbs {color:#FFFFFF;}
#breadcrumbs a{color:#ffffff; text-decoration:none;}
#breadcrumbs a:hover{color:#ffffff; text-decoration:underline;}

/* NEW LAYOUT*/
#container{
	background-color:#ffffff;
	overflow:hidden;
	margin:0 0px;
	padding-left:212px; /* The width of the rail */
}
* html #container{
	height:1%; /* So IE plays nice */
}
#content{
	background-color:#ffffff;
	width:100%;
	border-left:212px solid #ffffff; /* The width and color of the rail */
	margin-left:-212px; /* Hat tip to Ryan Brill */
	float:right;
		 border-left:solid 1px #c8c8c8; 
}
#rail{
	background-color:#ffffff;
	width:212px;
	float:left;
	margin-left:-212px;
		 border-right:solid 1px #c8c8c8; 
	display:inline; /* So IE plays nice */
}
#content2{
	background-color:#ffff00;
	width:100%;
	border-left:212px solid #ffffff; /* The width and color of the rail */
	margin-left:-212px; /* Hat tip to Ryan Brill */
	float:right;
		 border-left:solid 1px #c8c8c8; 
}
#rail2{
	background-color:#00ff00;
	width:212px;
	float:left;
	margin-left:-212px;
		 border-right:solid 1px #c8c8c8; 
	display:inline; /* So IE plays nice */
}

#leftCol{
  margin-left:0px; 
  float:left;
  width:212px; 
  min-height: 100%; 
  top: 0px;
  position: relative; 
}  

 #leftColBlock{  
  padding:10px 10px 5px 10px; 
  border-bottom:1px solid #ccc;
  text-align:center;
  } 
  
   #leftColBlockBottom{
  padding:10px; 
  text-align:center;
  text-decoration:none; 
  }   
  
  #leftColBlock a{text-decoration:none;}  
  #leftColBlock a:hover{text-decoration:underline;}  	
  #leftColBlock img{padding:0px 5px 5px 5px;}    
  #leftColBlockBottom img{padding:0px 5px 5px 5px;}   
 
  #leftColLogo{ 
  text-align:center; 
 /* 
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #ccc;*/
  }  

#mainContent{
  padding:5px 20px 20px 20px;   
  position: relative;
}

#mainContent img.center{
	display:block;
	margin-left:auto;
    margin-right:auto;
    text-align:center;
    text-decoration:none;
}
#mainContent img.reg {float: left; margin: 5px 10px 5px 0px;}

#important{
border:solid thick #3872ab;
text-align:center;
padding:10px;
width: 500px;
margin:auto;
}

#centerBlock{
text-align:center;
padding:50px;
width: 400px;
margin:auto;
}

#centerBlock ul{list-style:none;}
#rightColContact{ 
  padding:0px 10px 10px 10px; 
  border-bottom:1px solid #ccc; 
  } 
  
  #rightColContact a{text-decoration:none; }
  #rightColContact a:hover{text-decoration:underline;}
  #rightColBlockTop{ padding:0px 10px 20px 10px; border-bottom:1px solid #ccc;}    
  #rightColBlockTop a{text-decoration:none;}    
  #rightColBlockTop a:hover{text-decoration:underline;}  
  #rightColBlockTop img{padding-left:5px;padding-right:15px;}
  
   #rightColLogo{
  padding:10px 0px 10px 0px; 
  text-align:center; 
  border-bottom:1px solid #ccc;
  }  
 
 #deptContainer{
	padding:10px 10px 20px 10px;	
	border-bottom:solid 1px #c8c8c8;
	font-size:10px;	
	text-align:left;
}
#deptContainer_fullWidth {padding:10px 10px 6px 10px;text-align:left;}
#deptContainer_fullWidth h4{text-align:left;}	

#weather{
text-align:center;
margin:0 auto; 
padding:10px;
border-bottom:solid 1px #ccc;
}
.imgCenter{
text-align:center;
margin:0 auto; 
text-decoration:none;
display:block;
}

.logos{
text-align:center;
margin:0 auto; 
padding:10px;
text-decoration:none;
display:block;
}


#logos{
text-align:center;
margin:0 auto; 
padding:10px;
border-bottom:solid 1px #ccc;
text-decoration:none;
}

#logos a{text-decoration:none;}

#logosRight{
text-align:center;
margin:0 auto; 
padding:10px;
border-top:solid 1px #ccc;
text-decoration:none;
}

#logosRight a{text-decoration:none;}

#logosBottom{
text-align:center;
margin:0 auto; 
padding:10px;
text-decoration:none;
}

#logosBottom a{text-decoration:none;}

/* toggle */
.labels {
color:#3872ab; 
font-size:110%; 
font-weight:bold;
}
.labelsLG {
color:#3872ab; 
font-size:125%; 
font-weight:bold;
}
.labelsLGcenter {
color:#3872ab; 
font-size:125%; 
font-weight:bold;
text-align:center;
}
.boldText{font-weight:bold;}

.deptportal #FooterColor						{ height: 12px; width:100%; text-align:center; position:relative; float:left;  padding-bottom:25px; padding-top:10px; border-top:solid 1px	#c8c8c8;}
.deptportal #FooterPadding						{ padding: 5px 0; text-align:center;  }
.deptportal #FooterColor .FOOTER_objects		{ font-size:95%; font-family: Arial, Helvetica, Verdana, Sans;  font-weight: normal; color: #999999; background: transparent;  }
.deptportal #FooterColor a.FOOTER_objects:active,
.deptportal #FooterColor a.FOOTER_objects:visited,
.deptportal #FooterColor a.FOOTER_objects:link	{ font-family: Arial, Helvetica, Verdana, Sans;  font-weight: normal; color: #019dbe; background: transparent; text-decoration:underline; border-bottom: 1px #999999 solid;}
.deptportal #FooterColor a.FOOTER_objects:hover	{ font-family:  Arial, Helvetica, Verdana, Sans;  font-weight: normal; color: #019dbe; background: transparent; text-decoration:underline; border-bottom: 1px #ffffff solid; }
.deptportal .FOOTER_objects a:active, .FOOTER_objects a:visited, .FOOTER_objects a:link, .FOOTER_objects a:hover { margin:2px; padding:2px;  text-decoration: underline;}

/* TEMPLATE CONVERSION AREA */
#mainContentDept{  
  padding:5px 20px 20px 20px;
  position: relative;
}
#mainContentDept ul {padding-left:24px;	}
p {margin-top: 1.5em; margin-bottom:1.5em;}
p.justify {margin-top: 1.5em; margin-bottom:1.5em; text-align:justify;}

div.center {text-align:center; width:100%;}
div.center table {margin-left:auto;	margin-right:auto;}		

img.floatRight {float:right; padding:5px;}
img.floatLeft {float:left;  }

ul {padding-left:18px;} /*april 14 2011 jay*/
ol {padding-left:24px;} /*april 15 2011 jay*/
li {padding-bottom:4px;} 
li.li-padding6px {padding-bottom:6px;}  /*april 14 2011 jay*/
li.li-padding8px {padding-bottom:8px;}  /*april 14 2011 jay*/
li.li-padding10px {padding-bottom:10px;}  /*april 14 2011 jay*/
.mainList {padding-left:20px; padding-bottom:3px;}
li.subList{list-style:disc;}
li.mainList {padding-left:20px; padding-bottom:3px;}
li.bold {font-weight:bold;}

.blockText{ padding: 0px 25px 0px 25px; font-style:italic;}
.blockTextLG{ padding: 0px 50px 0px 50px; font-size:14px;}
.red {color:#CC0000;}
.blue {color:#3872ab;}
.yellow {color:#ffcc00;}
.green {color:#00cc66;}
td.tdpad4 {padding:4px;} /*may 5 2011 jay*/

/*Spring Events*/
hr.spring{
border-color:#22486d; 
border-style:solid; 
height:1px; 
margin-top:12px; 
margin-bottom:0px;
}

p.springTitle {
 font-weight:bold; 
 font-size:130%;
 color:#993399; 
 margin-right:15px; 
 margin-bottom:0px;
 margin-top:12px;
 }
 
 p.springDate{
 font-weight:bold;
 font-size:110%;
 color:#993399; 
 margin-bottom:0px;
 margin-top:4px;
 }
 p.spring{
 margin-right:15px;
 margin-bottom:0px;
 margin-top:6px;
 }
 p.springLink{margin-top:8px; margin-bottom:0px;}
 p.springInfo{margin-bottom:0px; margin-top:10px;}

/* council */
.minutes{float:left; padding-left:10px; padding-bottom:5px;width: 23%;}

.minutesTD{padding:0px 80px 5px 10px;}

td.contact{padding:10px;}
.contactHeader {
font-weight:  bold;
color:#3872ab;
font-size:13px;
text-decoration:underline;
text-align:center;
  }
  
#books{
border:0px;
 cellpadding:0px;
 cellspacing:opx;
  border-collapse: collapse;
  bordercolor:#111111;
}
.books{
text-align:center;
font-weight:bold;
border:1px #c8c8c8;
text-decoration:none;
}
.booksTall{
text-align:center;
font-weight:bold;
border:0px;
text-decoration:none;
height:25px;
vertical-align:bottom;}
	
.text14pt{
	font-size:14px;}
	
.text16pt{
	font-size:16px;}
	
	.text14ptBold{
	font-size:14px;
	font-weight:bold;}
	
.text16ptBold{
	font-size:16px; font-weight:bold;}
.boldText{font-weight:bold;}
.text18ptBold{
	font-size:18px;
	font-weight:bold;}
	
	.text24ptBold{
	font-size:24px;
	font-weight:bold;}
td.center {text-align:center;}
th.center {text-align:center;}
table{
	text-align:center;
margin:0 auto;}
table.left {text-align:left;
margin-left:0;}
td.centerBold {text-align:center; font-weight:bold; }
.italic { font-style:italic;}
.italicBold { font-style:italic; font-weight:bold}
.smGrey {color:#999999; font-size:9px;}
.boldUnder{font-weight:bold; text-decoration:underline}

.space {text-align: left; vertical-align:top; padding-bottom:8px;}

/**containers**/

.floatLeftB {
float: left;
width: 25%;
height:auto;
border: thin silver solid;
margin: 0px 15px 5px 0px;
padding: 0.5em;}

.floatRightB {
float: right;
width: 25%;
height:auto;
border: thin silver solid;
margin: 0px 0px 5px 15px;
padding: 0.5em;}

/**captions**/ 

.floatRightB p, .floatLeftB p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
margin-top: 5px;
margin-bottom: 5px;}

/**optional border around images**/

.floatRightB img, .floatLeftB img {
border:1px solid #000}

/**to clear floats after they are not needed**/ 

.clearIt {
clear:both;
height:1px;
display:block;}

#logosRightTop{
text-align:center;
margin:0 auto; 
padding-top:0px;
padding-bottom:5px;
border-bottom:solid 1px #c8c8c8;
text-decoration:none;
}

.blockText{ padding: 0px 25px 0px 25px; font-style:italic;}
.blockTextLG{ padding: 0px 50px 0px 50px; font-size:14px;}