/*author: Jason Huber */
/*email: jason@simplyworksconsulting.com */
/*25 August 2009 */ 

/*colors 
2C5700 dark green
AFD775 light green
024769 dark blue
95CBE9 light blue
EFD279 light yellow
DE9D7F light pink
/*

/* GENERAL SETTING */
body { background-color:#dadada;
  font-family:  Arial, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 18px;
  z-index:-1;
  margin: 0px;
}
div, p, h1, h2, h3, h4, ul, img, form, p{padding:0px; margin:0px;}
img {border: none}

a {color: #006983;}
a:visited {color: #006983;}
a:hover {color: #b5e026;}
a:focus {color: #b5e026;}
a:active {color: #006983;}

.clearboth {
	clear: both;
}

/* WEB PAGE ON CENTER */
#webpage {
width: 1000px;
margin-left: auto;
margin-right: auto;
background: url(../images/body_green_1000px.gif) #ffffff repeat-y;
}

/* HEADER LAYOUT */

#header {
	margin: 10px 0 0 0; 
	height: 176px;
	}

/* HEADER IMAGES */
#header.cityhall {background: url(../images/design/New_Header_1000px.gif) #dadada no-repeat; }
/* police  */
#header.police {background: url(../images/design/header_police.jpg) #dadada no-repeat; }
#header.policecar {background: url(../images/design/header_policecar.jpg) #dadada no-repeat; }
/* fire dept  */
#header.firedept {background: url(../images/design/header_fire.jpg) #dadada no-repeat; }
/* rec center - aquatic park  */
#header.pool {background: url(../images/design/header_pool.jpg) #dadada no-repeat; }
#header.aquaticpark {background: url(../images/design/header_aquaticpark.jpg) #dadada no-repeat; }
#header.skatepark {background: url(../images/design/header_skatepark.jpg) #dadada no-repeat; }
#header.indoorhockey {background: url(../images/design/header_indoorhockey.jpg) #dadada no-repeat; }
/* westwood nature center */
#header.naturecenter {background: url(../images/design/header_naturecenter.jpg) #dadada no-repeat; }
/* community development */
#header.commdev {background: url(../images/design/header_commdev.jpg) #dadada no-repeat; }
#header.towngreen {background: url(../images/design/header_towngreen.jpg) #dadada no-repeat; }
#header.remodeling {background: url(../images/design/header_remodeling.jpg) #dadada no-repeat; }
#header.transitway {background: url(../images/design/header_transitway.jpg) #dadada no-repeat; }


#topleft {
	float:left;
	width: 400px;
	height: 150px;
	margin: 0 0 0 5px;

}

#logo {
 	margin: 18px 0 0 70px;
}

#searchblock {
	margin: 50px 0 0 94px;
}

/* link bar */
#linkbar {
padding: 1px 0px 0px 15px;
margin: 50px 0px 0px 0px;
font-family: Arial, serif;
letter-spacing: 0.5px;
}

#linkbar a {color: #ffffff; text-decoration: none; font-weight:600;}
#linkbar a:active {color: #ffffff;}
#linkbar a:visited {color: #ffffff;}
#linkbar a:hover {color: #7ab800; text-decoration: underline;}

#topright {
	float: right;
	margin: 53px 18px 0 0;
}

#topright h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: right;
	font-size: 36px;
	line-height: 36px; 
	text-shadow: #333333 0.05em 0.05em 0.15em;
}


/*  homepage  */
#topstories {
	float:left;
	margin: 10px 0 0 0;
}

.spotlighttop {
  background: url(../images/spotlight_green.gif) no-repeat;
  height: 30px;
	}
		
.spotlight {
    border:1px solid #cccccc;
	width: 350px;
	padding: 4px 7px 4px 10px; 
	}
		
h2.spottitle{
	padding:2px 0 0 32px;
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
}	

#updatedart {
	float:right;
	margin: 10px 16px 0 0;
}

.updatedblock {	
	width: 188px;
	margin: 0;
	border-bottom: 1px #cccccc solid;
 }

.updatedblock h2{
	display:block;
	background:url(../images/bt_green_rs.gif) 0 0 no-repeat;
	height:31px;
	padding:2px 0 0 32px;
	font:bold 13px/31px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0 0 0 0;
}
.updatedNav{
	padding:0;
	background:url(../images/bb_rs.gif) repeat-y;
	color:#000;
	margin:0;
}
.updatedNav ul{ 
padding: 4px 7px 4px 10px; 
margin: 0;
}

.updatedNav li{
	background:url(../images/nav_div2.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
	list-style:none;
}

.updatedNav li a{
	display:block;
	background:url(../images/arrow_green.gif) 2px 6px no-repeat;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 13px;
}
.updatedNav li a:hover{
	color:#333333;
	background:url(../images/arrow_white.gif) 2px 6px no-repeat #aad25c;
}



/* MAIN BODY BLOCK */
#mainbody { 
padding: 2px 0px 0px 0px;
}

.col {float: left;}
/* LEFT BLOCK MAIN MENU */
#leftbar {margin:0 0 0 -796px; width: 188px;}

/*
#leftbar a {
background: url(../images/title_green.gif) #ffffff no-repeat;
display: block;
font: bold 12px Arial;
color: #000000;
text-decoration: none;
text-indent: 27px;
margin-bottom: 1px;
padding: 0px 0px 5px 0px;
	}
	
#leftbar a:active {color: #000000;}
#leftbar a:visited {color: #000000;}
#leftbar a:hover {
	background: url(../images/title_on.jpg) #ffffff no-repeat;
	color: #FFFFFF;
	}

*/

.section_page{color: #000000; text-decoration:none; font-weight: 600; padding: 0 0 0 15px;}	
.subpage {color: #000000; text-decoration:none; padding: 0 0 0 22px;}	



/*  ARTICLES CENTER SECTION */
#articles {margin:0 3px 0 205px; width: 590px; padding: 0 3px 0 5px;}

#webarticle{
	padding: 5px;
	margin: 5px;
	font-size: 1.2em; 
	line-height: 1.4em;
}

#webarticle p{
margin: 9px 3px;
}

#webarticle em{
font-size: 0.9em;
color: #333;
line-height: 1.0em;
}

#webarticle h2{ 
display:block;
float:left;
width: 450px;
background: url(../images/pagetitle_green.gif) #ffffff no-repeat;
padding: 0 0 0 25px; 
height: 1.2em;
font-size: 1.4em;
margin: 3px 0px 10px 0px;
color: #024769;
}

#pageoptions {
	display:block;
	float:right;
	margin: -12px 0 0 0;
}

#webarticle h3{
line-height: 1.0em;
margin-bottom:5px; 
}

#webarticle h3 a{color: #000000; text-decoration: none;}
#webarticle h3 a:visited {color: #000000;}
#webarticle h3 a:hover {color: #b5e026; text-decoration:underline;}
#webarticle h3 a:focus {color: #b5e026;}
#webarticle h3 a:active {color: #000000;}


#webarticle ul{
	padding: 5px;
	margin: 12px;
}

/* tables for the meeting and video on demand */
.videoTable {border:1px solid #333333; border-collapse:collapse; margin-bottom:15px;}
.videoHeader{background-color:#7ab800 ; font-weight:700; color:#FFFFFF}
.grayblock{background-color:#ececec}


.videoTable a{color: #000000}
.videoTable a:visited {color: #000000;}
.videoTable a:hover {color: #b5e026;}
.videoTable a:focus {color: #b5e026;}
.videoTable a:active {color: #000000;}



/*
#webarticle .readmore {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #AAAAAA;
cursor:pointer;
padding:2px 5px;
background-color:#DDDDDD;
text-decoration:none;
}

#webarticle .readmore:hover{
	text-decoration:none;
	background-color: #8bb140;
	}
	
#webarticle .rm_button { 
margin: 9px 0 0;
	}
*/	
#webarticle .readmore_link {float:right; }
#webarticle .readmore_link a {color: #990000; font-size: 0.9em; text-decoration:none;}
#webarticle .readmore_link a:visited {color: #990000;}
#webarticle .readmore_link a:hover {color: #b5e026;}
#webarticle .readmore_link a:focus {color: #b5e026;}
#webarticle .readmore_link a:active {color: #990000;}
#webarticle .readmore_link img{
	vertical-align: bottom;
}

#webarticle .tag_links {float:left; width:450px;}
#webarticle .tag_links a {font-size: 0.8em;}

#contentnoright {
  margin: 0px 5px 0px 0px;
}	


.editlink {
 font-size: 0.8em;
 color: #990000; 
}

.editlink img{
	vertical-align: bottom;
}


.editlink a {color: #990000; text-decoration:none;}
.editlink a:visited {color: #990000;}
.editlink a:hover {color: #ffffff; background:#990000}
.editlink a:focus {color: #ffffff;}
.editlink a:active {color: #990000;}



/* RIGHT BAR */
#rightbar {margin:0 0 0 0; width: 189px;}


/* blocks on rightside bar */
.rightblock {	
	width: 188px;
	margin: 10px 0px 0px 0px;
	border-bottom: 1px #cccccc solid;
 }

.rightblock h2{
	display:block;
	background:url(../images/bt_green_rs.gif) 0 0 no-repeat;
	height:31px;
	padding:1px 0 0 32px;
	font:bold 13px/31px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
}
.rightNav{
	padding:5px 9px 6px 9px;
	background:url(../images/bb_rs.gif) repeat-y;
	color:#000;
	margin:0;
}

.rightNav a {color: #000000;}
.rightNav a:visited {color: #000000;}
.rightNav a:hover {color: #b5e026;}
.rightNav a:focus {color: #b5e026;}
.rightNav a:active {color: #000000;}

.rightNav p{padding: 0px; line-height: 13px;}

.rightNav li{
	background:url(../images/nav_div2.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
	list-style:none;
}

.rightNav li a{
	display:block;
	background:url(../images/arrow_green.gif) 2px 6px no-repeat;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 13px;
}
.rightNav li a:hover{
	color:#333333;
	background:url(../images/arrow_white.gif) 2px 6px no-repeat #aad25c;
}
.rightNav li.last{
	background-image:none;
}

	
/* FOOTER BLOCK */
#footer {
  clear: both;
  background: url(../images/footer_green_1000px.gif) no-repeat #dadada;
  height: 115px;
}

#lowermain {
	margin: 0px 680px 0px 0px;
	padding: 28px 0px 0px 25px;
	line-height: 13px;
	color: #ffffff;
}
#lowermain a {color: #ffffff; text-decoration: none }
#lowermain a:active  {color: #ffffff;}
#lowermain a:visited {color: #ffffff;}
#lowermain a:hover   {color: #333333; text-decoration: underline} 

#lowerrightbar {
	float: right;
	width: 630px;
	}	
	
#relatedlinks {
padding: 7px 0px 0px 15px;
line-height: 13px;
height: 75px;
}

#relatedlinks a {color: #000000;}
#relatedlinks a:visited {color: #000000;}
#relatedlinks a:hover {color: #b5e026;}
#relatedlinks a:focus {color: #b5e026;}
#relatedlinks a:active {color: #000000;}

#footerlinks {
color: #FFFFFF;
padding: 0px 0px 0px 50px;
}

#footerlinks a {color: #ffffff; text-decoration: none }
#footerlinks a:active  {color: #ffffff;}
#footerlinks a:visited {color: #ffffff;}
#footerlinks a:hover   {color: #333333; text-decoration: underline} 



/* COPYRIGHT BLOCK */
#copyright {
  text-align:center;
  font-size: 0.8em;
  background-color:#dadada;
  border: #dadada thin solid;
}



/* Message and Error 
.message {
background: url(../system/success_sign.jpg) #ffffff no-repeat;
padding: 6px 0 5px 50px;
margin: 2px 0 10px 0;
border: 1px #339900 solid;
width: 550px;
min-height: 50px;
height:auto !important;
height: 50px;
}


.error_message { 
background: url(../system/background_error.gif) #ffffff no-repeat;
padding: 6px 0 5px 57px;
border: 1px #900 solid;
width: 445px;
min-height: 50px;
height:auto !important;
height: 50px;
color:#FFF;
}
 */
 
.message {
margin: 0 0 5px;
padding: 5px 15px 5px 37px;
font-weight: normal;
background: #fff no-repeat 15px center;
border: 1px solid #ddd;
}
	.message.error { color: #990000; background-color: #f5e8e8; background-image: url(../images/icons/error.png); border-color: #990000; width: 521px;}
	.message.success { color: #11a322; background-color: #e8f6e9; background-image: url(../images/icons/success.png); border-color: #b2e1b7; width: 521px;}
	.message.info { color: #2446ad; background-color: #eaedf7; background-image: url(../images/icons/info.png); border-color: #b8c3e4; width: 521px; }
	.message.warning { color: #333333; background-color: #ffffdd; background-image: url(../images/icons/warning.png); border-color: #ffd700; width: 521px; } 

.message.error a {color: #333333;}
.message.error a:visited {color: #333333;}
.message.error a:hover {color: #990000;}
.message.error a:focus {color: #333333;}
.message.error a:active {color: #333333;}
 
.txterror {
background: #ffff99;
border: #990000 solid 1px;
}


/* Expandable menu css */
.menu_top{
background: url(../images/menu/menu_top.gif) #fff no-repeat;
height: 15px;
margin: 0px 0px -10px 0px;
}

.menu_bottom{
background: url(../images/menu/menu_bottom.gif) no-repeat;
margin: -1px 0px 0px 0px;
}

.arrowsidemenu{
width: 180px;
background: #aad25c;
}

.arrowsidemenu div a{
display: block;
font: bold 12px Arial;
color: #000000;
 /*bottom spacing between header and rest of content*/
text-decoration: none;
text-indent: 27px;
margin-bottom: 1px;
padding: 0px 0px 5px 0px; /*header text is indented 10px*/
background: url(../images/menu/green_menu.gif) no-repeat;
}

.arrowsidemenu a {color: #000000; 
no-repeat;
background-position:0px 0px
}
.arrowsidemenu a:active {color: #000000;}
.arrowsidemenu a:visited {color: #000000;}
.arrowsidemenu a:hover {color: #ffffff;  
background-position:0px -21px;}

.arrowsidemenu selected a{
background-position: 0px -62px;
}


.arrowsidemenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px 9px 6px 9px;
background: #FFFFFF;
}

.arrowsidemenu  ul li{
padding: 0px 0px 2px 2px;
line-height: 14px;
}

.arrowsidemenu ul li a{
color: #000000;
background: url(../images/menu/arrow_green.gif) 0px 4px no-repeat #FFFFFF; 
display: block;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 15px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowsidemenu ul li a:visited{
color: #333333;
}

.arrowsidemenu ul li a:hover{ /*hover state CSS*/
color: #333333;
background: url(../images/menu/arrow_white.gif) 3px 4px no-repeat #aad25c;
}
#thispage { 
background-position: 0px -62px;
color: #fff; 
}

#thissubpage { 
background: url(../images/thispage_green.gif) no-repeat;
color: #900;
}

/* TAGS result page*/
#webarticle h2.tags {
 font-size: 1.1em;
 color:#000;
}

/* how do items */
.howdo {margin-bottom:15px; width:210px;}
.howdotitle {color:#7ab800; font-size: 1.3em;}
.faq {color:#7ab800; font-size: 1.3em;}

/* tables for staff phone numbers */
.staffTable {border:1px solid #333333; border-collapse:collapse; margin-bottom:15px;}
.jobtitle {font-size: 7pt;}
.letter {background-color:#7ab800; }
.letter .header {font-weight: bold; color:#ffffff;}


/*  highlight for search */
.highlight {background: #ffff99;}
.searchform {
	margin: 5px 0px 12px 0px;
	padding: 12px 5px;
	border:#7bbd01 1px solid;
	background-color: #e8f6e9; 
	font-size: 1.2em;
	line-height: 1.3em;
}
.zoom_results_per_page {
	font-weight: 600;
}
.zoom_match {
	padding: 0px;
	margin: 0px;
}

/* Mouse over image preview */
.floatercell {border: #080 0px solid; float: left; margin: 0px; overflow: hidden;
}
.searchImg {border-width: 0px;}
#trailimageid {font-size: 0.75em; z-index: 200; left: 0px; visibility: hidden;  position: absolute; top: 0px; height: 0px; width: 320px;
}