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

body {
	margin:0 auto;
	background-color:#999965;
	background-image:url(../images/tile.gif)
	}
.floatleft{float:left; margin:10px;}
.floatleftb{float:left; margin:10px 10px 10px 0px; border:1px solid #000;}
.floatright{float:right; margin:10px;}
.floatrightb{float:right; margin:0 0 10px 10px; border:1px solid #000;}
.brdr01{border:1px solid #000;}
.brdr02{border:1px solid #333;}
.tablecenter{background-color:/*#9dce9d;*/ #fff;}
.tablecenter table{background-color:#e1f2e1;	/*background-color:#fff;*/}
.tablecenter th{background-color:#3c553b; color:#fff; font-weight:bold; text-align:center;}
.tablecenter td{color:#000; text-align:left; font-size:12px;}
.mission{font-style:italic; text-align:center; font-size:14px; line-height:20px;}

.mmenu ul{
	padding-left:15px;
	}
.mmenu li{
	padding-bottom:3px;
	list-style:url(../interface/bullet.gif); 
	}

.green02{background-color:#e1f2e1;}
.tblc td{text-align:center;}
.links{border:none;}
.links table{background-color:#e1f2e1;	/*background-color:#fff;*/}
.links th{background-color:#e1f2e1; color:#333; font-weight:bold;}
.links td{color:#000; text-align:left; font-size:12px;}

#frame01{
	margin:0 auto;
	width:400px; 
	height:268px;
	background-color:#fff;
	/*border:1px solid #333;*/
	}
#frame02{
	margin:0 auto;
	width:320px; 
	height:320px;
	background-color:#fff;
	/*border:1px solid #333;*/
	}
#frame03{
	margin:0 auto;
	width:400px; 
	height:261px;
	background-color:#fff;
	/*border:1px solid #333;*/
	}
#pNum{
	margin-left:70px;
	margin-top:5px;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	}	
	
/********************************************************************
shells
********************************************************************/

#shell{
	margin:0 auto;
	width:900px;
	background-color:#999965;
/*	background-image:url(../images/sidebar.gif); */
	background-position:top left; background-repeat:no-repeat;
	border: 1px solid #24230c;
	}
#shell .boro {background-image:url(../images/l_boro.gif); background-position:top left; background-repeat:no-repeat;}
#shell .boro2 {background-image:url(../images/l_boro2.gif); background-position:top left; background-repeat:no-repeat;}
#shell .cops {background-image:url(../images/l_cops.gif); background-position:top left; background-repeat:no-repeat;}
#shell .libr {background-image:url(../images/l_libr.gif); background-position:top left; background-repeat:no-repeat;}
#shell .main2 {background-image:url(../images/l_main2.gif); background-position:top left; background-repeat:no-repeat;}
#shell .main3 {background-image:url(../images/l_main3.gif); background-position:top left; background-repeat:no-repeat;}
#shell .misc {background-image:url(../images/l_misc.gif); background-position:top left; background-repeat:no-repeat;}
#shell .misc2 {background-image:url(../images/l_misc2.gif); background-position:top left; background-repeat:no-repeat;}
#shell .parks {background-image:url(../images/l_parks.gif); background-position:top left; background-repeat:no-repeat;}
#shell .works {background-image:url(../images/l_works.gif); background-position:top left; background-repeat:no-repeat;}

#shell .clock {
	margin:0 auto;
	width:900px;
	background-color:#999965;
	background-image:url(../images/sidebar.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border: 1px solid #24230c;
	}

#container {
	float:right;
	width:828px;
	text-align:right;
	background-color:#ffffff;
	background-image:url(../images/tile_colwrap.gif);
	background-repeat:repeat-y;
	}
#colwrap {
	width:828px;
	}

/********************************************************************
footer
********************************************************************/

#foot {
	float:right;
	height:60px;
	width:628px;
	text-align:left;
	padding-top:10px;
	background-image:url(../images/tile_colwrap.gif);
	background-position:right;
	background-repeat:repeat-y;
	}
/* #foot #titl {
	width:828px;
	height:60px;
	background-image:url(../interface/footer.gif); 
	background-repeat:no-repeat;
	} */

/********************************************************************
content
********************************************************************/

#leftbtn {
	position:absolute;
	top:260px;
	float:left;
	text-align:right;
	width:64px;
}
#centercol{
	width:690px; 
	float:left;
	padding:15px 10px 0px 10px;
	text-align:left;
	background-color:#ffffff;
/*	background-image:url(../interface/footer.gif); */
	background-position:bottom;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
/**/
#centercol a:link{color:#3c553b; text-decoration:underline;}
#centercol a:visited{color:#3c553b; text-decoration:underline;}
#centercol a:hover{color:#3430cd; text-decoration:underline;}
#centercol a:active{color:#3c553b; text-decoration:underline;}
/**/
#centercol #content{
	margin: 0;
	width:540px; 
	float:right;
	}
#centercol #content_nosub{
	float:left;
	}
#rightcol{
	width:110px;
	float:right;
	background-color:#9cce9c;
	background-image:url(../interface/clock_right.gif);
	background-repeat:no-repeat;
	text-align:center;
	}
#rightcol a:link{color:#003300; font:"Times New Roman", Times, serif; font-size:12px; text-decoration:none;}
#rightcol a:visited{color:#003300; font:"Times New Roman", Times, serif; font-size:12px; text-decoration:none;}
#rightcol a:hover{color:#003300; font:"Times New Roman", Times, serif; font-size:12px; background-color:#c0e4c0;}
#rightcol a:active{color:#003300; font:"Times New Roman", Times, serif; font-size:12px; text-decoration:none;}

#rightcol div a:hover{background-color:#c0e4c0;}

#rightcol div{
	padding:3px 3px 3px 3px ;
	border-top:1px solid #c0e4c0;
	}
	
.ico 
{
	display: block;
	height: 81px;
	width: 54px;
	margin: 5px 0 0 10px;
	
}

#ico_credit { background: url(../images/ico_credit.jpg) no-repeat; height: 93px; }
#ico_comm { background: url(../images/ico_comm.jpg) no-repeat; }

a#ico_comm:hover { background-position: 0 -81px; }
a#ico_credit:hover { background-position: 0 -93px; }

#facebook 
{
	display: block;
	height: 48px;
	width: 48px;
	background: url(../images/facebook_48.png) no-repeat;
	float: right;
	margin-right: 40px;
}

#frontpage { 
display:block;

height: 47px;
padding-top: 270px;
width:100%;
background:url(../images/frontpage.jpg) no-repeat white;
background-position:center;
vertical-align:bottom;
}

/********************************************************************
content styles
********************************************************************/


h1{
	font-family:"Times New Roman", Times, serif; 
	font-size:18px; 
	font-weight:bold; 
	color:#003300;
	margin-top:0px; 
	}
h2{
	font-family:"Times New Roman", Times, serif; 
	font-size:16px; 
	font-weight:bold; 
	color:#3c553b;
	margin-top:0px; 
	}
h3{
	font-family:"Times New Roman", Times, serif; 
	font-size:16px; 
	font-weight:bold; 
	color:#3c553b;
	border-top:1px solid #9cce9c;
	padding-top:5px;
	}

/********************************************************************
header
********************************************************************/
#top{
	margin:0 auto;
	width:75px;
	width:900px;
	height:10px;
	}
#header{
	height:61px;
	text-align:left;
	background-image:url(../interface/header_clockR.gif); 
	background-position:right;
	background-repeat:no-repeat;
	}
#title{
	height:36px; 
	}
#title p{
	padding: 6px 0 0 6px;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-weight:bold;
	color:#fff;
	}
#chapter{
	height:25px; 
	}
#chapter p{
	padding:2px 0 0 6px;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#000;
	}

/********************************************************************
subnav menu
********************************************************************/
#subnav{ 
	/*subnav bar along top*/
	width:90%;
	margin:0px auto;
	text-align:center;
	}
#subnav img{padding:3px;}
#subnav01{
	/*subnav along side*/
	float:left; 
	margin:0 0 0 0;   
	width:140px;
	} 
#subnav01 img{padding:3px;}

/*****************************/

.subber{ 
	/*div class to replace rollover images
	text decoration underline remains in safari*/
	margin-top:1px;
	width:132px;
	height:20px;
	background-image:url(../interface/b.gif);
	background-repeat:no-repeat;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#003300;
	text-decoration:none;
	text-align:center;
	line-height:18px;
	}
.subber:link{text-decoration:none;}
.subber:visited{text-decoration:none;}
.subber:hover{
	background-image:url(../interface/b1.gif); 
	text-decoration:none; 
	background-repeat:no-repeat; 
	cursor: pointer; 
	}
.subber:active{text-decoration:none;}
.subber2{font-size:9px; line-height:20px;}

.subnav a {
		display: block;
		padding: 5px;
		background: rgb(205,235,205);
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(230,244,230)), to(rgb(204,234,204)));
				background: -moz-gradient(linear, left top, left bottom, from(rgb(230,244,230)), to(rgb(204,234,204)));
		text-decoration: none;
		cursor:point;
		width: 132px;
		margin-bottom: 1px;
		font-size: 12px;
		color: #3c553b;
		text-align: center;
}

#centercol .subnav a:link{color:#3c553b; text-decoration:none;}
#centercol .subnav a:visited{color:#3c553b;  text-decoration:none;}
#centercol .subnav a:hover{background: #b4d8b4; color:#3c553b;  text-decoration:none;}
#centercol .subnav a:active{color:#3c553b;  text-decoration:none;}

/*
#centercol #subnav01 .subnav a:link { 
	color: #3c553b;
}
#centercol #subnav01 .subnav a:visited { 
	color: #3c553b;
}
#centercol #subnav01 .subnav a:hover { 
	background: rgb(215,239,215); 		
	color: #3c553b;
}
#centercol #subnav01 .subnav a:active { 
	color: #3c553b;
}
*/

/********************************************************************
hacks
********************************************************************/
.clear {
clear:both;
font-size:1px;
line-height:0px;
}
#clear {
clear:both;
font-size:1px;
line-height:0px;
}
.clearline {
clear:both;
padding-right:10px;
}