/* CSS Document */
body
{
	background:#e7e5e0 url(/images/bg_comrec.gif) top;
	background-repeat: repeat-x;
}

#banner 
{
	background:url(/images/banner/home_banner.gif);
}

#banner_nav1 a:link,#banner_nav1 a:visited
{
	color:#833377;
	text-decoration:none;
}

#banner_nav1 a:hover
{
	color:#833377;
	text-decoration:underline;
}



#banner_nav2 a:link,#banner_nav2 a:visited
{
	color:#7e8803;
	text-decoration:none;
}

#banner_nav2 a:hover
{
	color:#7e8803;
	text-decoration:underline;
}

#banner_textsize 
{
	color:#833377;
}

#banner_textsize a:link,#banner_textsize a:visited
{
	color:#833377;
	text-decoration:none;
}

#banner_textsize a:hover
{
	color:#833377;
	text-decoration:underline;
}

#main_nav
{
	border-bottom:solid 1px #0070cd;
}

#main_nav li.planning_head a:link ,#main_nav li.planning_head a:visited
{
	background:url(/images/banner/tabmenu_1_comrec_hvr.gif);
	width:60px;
	height:18px;
	color:#ffffff;
	text-decoration:none;
	padding:6px 5px 0px 0px;
}

#main_nav li.planning_head a:hover
{
	background:url(/images/banner/tabmenu_1_comrec.gif);
	width:60px;
	height:18px;
	color:#e11f13;
	text-decoration:none;
	padding:6px 5px 0px 0px;
}

 #main_nav li.housing_head a:link ,#main_nav li.housing_head a:visited
{
	background:url(/images/banner/tabmenu_2_comrec_hvr.gif);
	width:60px;
	height:18px;
	color:#ffffff;
	text-decoration:none;	
	padding:6px 5px 0px 0px;
}

#main_nav li.housing_head a:hover
{
	background:url(/images/banner/tabmenu_2_comrec.gif);
	width:60px;
	height:18px;
	color:#f1771f;
	text-decoration:none;
	padding:6px 5px 0px 0px;
}

#main_nav li.roads_head a:link ,#main_nav li.roads_head a:visited
{
	background:url(/images/banner/tabmenu_3_comrec_hvr.gif);
	width:47px;
	height:18px;
	color:#ffffff;
	text-decoration:none;	
	padding:6px 8px 0px 0px;
}

#main_nav li.roads_head a:hover
{
	background:url(/images/banner/tabmenu_3_comrec.gif);
	width:47px;
	height:18px;
	color:#047a33;
	text-decoration:none;
	padding:6px 8px 0px 0px;
}

#main_nav li.env a:link ,#main_nav li.env a:visited
{
	background:url(/images/banner/tabmenu_4e_comrec_hvr.gif);
	width:93px;
	height:18px;
	color:#ffffff;
	text-decoration:none;
	padding:6px 10px 0px 0px;
}

#main_nav li.env a:hover
{
	background:url(/images/banner/tabmenu_4e_comrec.gif);
	width:93px;
	height:18px;
	color:#d09703;
	text-decoration:none;
	padding:6px 10px 0px 0px;
}

#main_nav li.water a:link ,#main_nav li.water a:visited
{
	background:url(/images/banner/tabmenu_4w_comrec_hvr.gif);
	width:53px;
	height:18px;
	color:#ffffff;
	text-decoration:none;
	padding:6px 13px 0px 0px;
}

#main_nav li.water a:hover
{
	background:url(/images/banner/tabmenu_4w_comrec.gif);
	width:53px;
	height:18px;
	color:#162f69;
	text-decoration:none;
	padding:6px 13px 0px 0px;
}

#main_nav li.comrec a:link ,#main_nav li.comrec a:visited
{
	background:url(/images/banner/tabmenu_5_comrec.gif);
	width:183px;
	height:18px;
	color:#00b7eb;
	text-decoration:none;
	padding:6px 7px 0px 0px;
}

#main_nav li.comrec a:hover
{
	background:url(/images/banner/tabmenu_5_comrec.gif);
	width:183px;
	height:18px;
	color:#00b7eb;
	text-decoration:none;
	padding:6px 7px 0px 0px;
}

#main_nav li.council a:link ,#main_nav li.council a:visited
{
	background:url(/images/banner/tabmenu_6_comrec_hvr.gif);
	width:126px;
	height:18px;
	color:#ffffff;
	text-decoration:none;	
	padding:6px 6px 0px 0px;
}

#main_nav li.council a:hover
{
	background:url(/images/banner/tabmenu_6_comrec.gif);
	width:126px;
	height:18px;
	color:#a0c027;
	text-decoration:none;
	padding:6px 6px 0px 0px;
}

#main_nav li.planning_headie a:link ,#main_nav li.planning_headie a:visited
{
	background:url(/images/banner/tabmenu_1_comrec_hvr.gif);
	width:57px;
	height:18px;
	color:#ffffff;
	text-decoration:none;
	padding:6px 8px 0px 0px;
}

#main_nav li.planning_headie a:hover
{
	background:url(/images/banner/tabmenu_1_comrec.gif);
	width:57px;
	height:18px;
	color:#e11f13;
	text-decoration:none;
	padding:6px 8px 0px 0px;
}

 #main_nav li.housing_headie a:link ,#main_nav li.housing_headie a:visited
{
	background:url(/images/banner/tabmenuie_2_comrec_hvr.gif);
	width:65px;
	height:18px;
	color:#ffffff;
	text-decoration:none;	
	padding:6px 10px 0px 0px;
}

#main_nav li.housing_headie a:hover
{
	background:url(/images/banner/tabmenuie_2_comrec.gif);
	width:65px;
	height:18px;
	color:#f1771f;
	text-decoration:none;
	padding:6px 10px 0px 0px;
}

#main_nav li.roads_headie a:link ,#main_nav li.roads_headie a:visited
{
	background:url(/images/banner/tabmenu_3_comrec_hvr.gif);
	width:51px;
	height:18px;
	color:#ffffff;
	text-decoration:none;	
	padding:6px 4px 0px 0px;
}

#main_nav li.roads_headie a:hover
{
	background:url(/images/banner/tabmenu_3_comrec.gif);
	width:51px;
	height:18px;
	color:#047a33;
	text-decoration:none;
	padding:6px 4px 0px 0px;
}

#main_nav li.envie a:link ,#main_nav li.envie a:visited
{
	background:url(/images/banner/tabmenuie_4e_comrec_hvr.gif);
	width:82px;
	height:18px;
	color:#ffffff;
	text-decoration:none;
	padding:6px 11px 0px 0px;
}

#main_nav li.envie a:hover
{
	background:url(/images/banner/tabmenuie_4e_comrec.gif);
	width:82px;
	height:18px;
	color:#d09703;
	text-decoration:none;
	padding:6px 11px 0px 0px;
}

#main_nav li.waterie a:link ,#main_nav li.waterie a:visited
{
	background:url(/images/banner/tabmenu_4w_comrec_hvr.gif);
	width:53px;
	height:18px;
	color:#fff;
	text-decoration:none;
	padding:6px 13px 0px 0px;
}

#main_nav li.waterie a:hover
{
	background:url(/images/banner/tabmenu_4w_comrec.gif);
	width:53px;
	height:18px;
	color:#162f69;
	text-decoration:none;
	padding:6px 13px 0px 0px;
}

#main_nav li.comrecie a:link ,#main_nav li.comrecie a:visited
{
	background:url(/images/banner/tabmenuie_5_comrec.gif);
	width:145px;
	height:18px;
	color:#00b7eb;
	text-decoration:none;
	padding:6px 25px 0px 0px;
}

#main_nav li.comrecie a:hover
{
	background:url(/images/banner/tabmenuie_5_comrec.gif);
	width:145px;
	height:18px;
	color:#00b7eb;
	text-decoration:none;
	padding:6px 25px 0px 0px;
}

#main_nav li.councilie a:link ,#main_nav li.councilie a:visited
{
	background:url(/images/banner/tabmenuie_6_comrec_hvr.gif);
	width:141px;
	height:18px;
	color:#ffffff;
	text-decoration:none;	
	padding:6px 11px 0px 0px;
}

#main_nav li.councilie a:hover
{
	background:url(/images/banner/tabmenuie_6_comrec.gif);
	width:141px;
	height:18px;
	color:#a0c027;
	text-decoration:none;
	padding:6px 11px 0px 0px;
}

div.left-ul
{
	margin-left:14px;
	background-color: #d9dfe3;
	border-bottom: 1px solid #0070cd;
}

div.twocolumn a:link,div.twocolumn a:visited
{
	color:#0070cd;
	text-decoration:none;
}

div.twocolumn a:hover
{
	color:#0070cd;
	text-decoration:underline;
}
#textarea h1,#textarea h2,#textarea h3,#textarea h4,#textarea h5,#textarea h6,#textarea strong
{
	color:#0070cd;
}

#breadcrumbs a{
	color:#0070cd;
}

.image_head
{
	color:#0070cd;
}

#content a:link,#content a:hover,#content a:visited
{
color:#0070cd;
}

#form_title
{
	color:#ffffff;
	padding:4px 2px 4px 2px;
	background:#82bbde;
}

.GridHeader
{
	background:#cccccc;
	color:#ffffff;
}

.GridHeader a
{
	height:25px;
	padding:4px 4px 4px 4px;
}


.pagestyle
{
	height:25px;
	background:#d9dfe3;
}

.pagestyle a:link,.pagestyle a:visited
{
	text-decoration:none;	
}

.pagestyle a:hover
{
	text-decoration:underline;	
}

.pagestyle span,a.pageLinks_first,a.pageLinks_prev,a.pageLinks_next,a.pageLinks_last
{
	color:#0070cd;
	padding:4px 20px 4px 20px;	
}

/* rotating images*/
#gallery 
{
	margin-left:14px;
	height:120px;
	background-color: #efefef;
	border: 1px solid #333333;
	position: relative;
	width: 680px;
	overflow: hidden;

}

#gallery img{
	top: 0px;
	left: 0px;
	position: absolute;
	width:680px;
	height:120px;
}

#activitycenters_location_grid td
{
	height:18px;
}

#activitycenters_location_grid td a
{
	padding:2px 4px 2px 4px;
}

#activitycenters_location_grid
{
	border:solid 1px #034174;
}

.search_activity
{
	background:#d9dfe3;
	width:600px;
	border-bottom:solid 1px #0070cd;
	margin-bottom:5px;
}

.activity_image
{
	float:left;
	width:113px;
}

.activity_para
{
	padding:3px;
	float:left;
	width:487px;
}

.activity_title a:link,.activity_title a:visited
{
	text-decoration:none;
	padding:2px 0 2px 0;
	font-weight:bold;
}

.activity_title a:hover
{
	text-decoration:underline;
	padding:2px 0 2px 0;
	font-weight:bold;
}

.activity_content
{
	padding:2px 0 2px 0;
}

.activity_link a:link,.activity_link a:visited
{
	text-decoration:none;
	padding:2px 0 2px 0;
	font-weight:bold;
}

.activity_link a:hover
{
	text-decoration:underline;
	padding:2px 0 2px 0;
    font-weight:bold;
}

/* Right area */
#right #contactus
{
	width:260px;
	height:148px;
	background:url(/images/homepage/contactus.jpg);	
}

#right #leisure_contactus
{
	width:260px;
	height:148px;
	background:url(/images/activity_contact.jpg);	
}

#right #leisure_contactus #leisure_contact_pane1
{
	text-align:left;
	width:260px;
	height:91px;
}

#right #contactus #contact_pane1
{
	text-align:left;
	width:260px;
	height:91px;
}


#right #contactus #contact_pane1 h3
{
	width:150px;
	padding:3px 3px 2px 3px;
}

#right #leisure_contactus #leisure_contact_pane1 h3
{
	width:150px;
	padding:3px 3px 2px 3px;
}

#right #contactus #contact_pane1 p
{
	width:150px;
	padding:0px 3px 2px 3px;
}

#right #leisure_contactus #leisure_contact_pane1 p
{
	padding:0px 3px 2px 3px;
}

#right #contactus #contact_pane1 a:link,#right #contactus #contact_pane1 a:visited
{
	font-weight:bold;
	text-decoration:underline;
}

#right #contactus #contact_pane1 a:hover
{
	font-weight:bold;
	text-decoration:underline;
}

#right #contactus #contact_pane2
{
	clear:both;
	padding:3px 3px 3px 3px;
}


#right #search_area
{
	background:#d9dfe3;
	margin-top:4px;
	width:260px;
}

#right #search_title
{
	width:260px;
	height:12px;
	background:#82bbde;
	color:#0070cd;
	padding:3px 3px 3px 3px;
}

#right .search_con
{
	clear:both;
}

.search_label
{
	padding:6px 3px 6px 3px;
	color:#0070cd;
	float:left;
	width:100px;
}

#right .search_input
{
	padding:3px 0px 3px 0px;
	float:left;
	width:160px;
}

#right .search_button
{
	text-align:center;
	padding:5px 0 5px 0;
}



#right #iwanto ,#right #forms,#right #publications
{
	background:#d9dfe3;
	border-bottom:solid 1px #0070cd;
}

#right #iwanto h3,#right #forms h3,#right #publications h3
{
	color:#0070cd;
	background:#82bbde;
	border-bottom:solid 1px #0070cd;
}

#right #iwanto li a:visited,#right #iwanto li a:link,#right #forms li a:visited,#right #forms li a:link,#right #publications li a:visited,#right #publications li a:link
{
	padding:2px;
	color:#0070cd;
	text-decoration:none;
}

#right #iwanto li a:hover,#right #forms li a:hover,#right #publications li a:hover
{
	padding:2px;
	color:#0070cd;
	text-decoration:underline;
}

#right #awards
{
	width:260px;
	background:#b03c9e;
	margin-top:7px;	
	color:#b03c9e;
	padding:2px;
}

#right #awards h3
{
	padding:2px;
	color:#ffffff;
}

#right #download
{
	margin-top:8px;
	width:260px;
	background:url(/images/homepage/browsealoud.gif);
	height:58px;
}

#right #download h3
{
	margin-left:52px;
	width:200px;
	color:#b03c9e;
}

#right #download h3 a:link,#right #download h3 a:visited
{
	padding:2px 0 2px 2px;
	color:#b03c9e;
	text-decoration:none;
}

#right #download h3 a:hover
{
	padding:2px 0 2px 2px;
	color:#b03c9e;
	text-decoration:underline;
}
#right #download p
{
	padding:2px 0 2px 2px;
	margin-left:52px;
	width:200px;
	color:#000000;
}

#shadow
{
	background:url(/images/right_shadow_comrec.gif) no-repeat;
}

#leisure_main
{
	width:600px;
	border:solid 1px #0363b2;
}

#leisure_main .form_title
{
	background:#0363b2;
	color:#ffffff;
	width:598px;
	padding:5px;
}

#leisure_main .leisure_details
{
	float:left;
	width:340px;
}

#leisure_main .leisure_map
{
	text-align:right;
	float:left;
	width:258px;
}

.leisure_container
{
	clear:both;
	width:340px;
	padding:5px 0px 5px 5px;
}

.leisure_container .leisure_labels
{
	float:left;
	width:100px;
	color:#0070cd;
}

.leisure_container .leisure_inputfields
{
	float:left;
	width:235px;
	color:#000000;
}


.leisure_container_oi .leisure_labelsoi
{
	padding:5px 0 0 0;
	margin-left:5px;
	border-top:solid 1px #0363b2;
	width:320px;
	color:#0070cd;
}

.leisure_container_oi .leisure_inputfieldsoi
{
	float:left;
	width:235px;
	color:#000000;
}

.container
{
	padding:5px;
	clear:both;
	width:678px;
}

.container .labels
{
	color:#00b7eb;
	float:left;
	width:150px;
}

.container .inputfields
{
	float:left;
	width:400px;
}

.textfield,.textareafield
{
	width:400px;
}

#mainbuttons
{
	width:678px;
	text-align:center;
}

#form_title
{
	clear:both;
	background:#00b7eb;
	color:#ffffff;
	width:670px;
	padding:5px;
}

#contact_main
{
	width:680px;
	margin-bottom:2px;
	border:solid 1px #00b7eb;
}

.div_radio
{
	width:110px;
	float:left;
}

.flv_main_container
{
	margin-top:5px;
	width:680px;
}

.flv_title
{
	width:680px;
}

.flv_container
{
	width:680px;
}

.flv_left_container
{
	border-left:solid 1px #82bbde;
	border-bottom:solid 1px #82bbde;
	padding-right:3px;
	float:left;
	width:334px;
	height:250px;
}

.flv_director_details
{
	width:337px;
}

.director_note
{
	width:330px;
	clear:both;
}
.flv_director_image
{
	float:left;
	width:100px;
}

.director_details
{
	float:left;
	width:237px;
}

.director_name
{
	clear:both;
}

.director_email
{
	clear:both;
}

.flv_mov
{
	border-left:solid 1px #82bbde;
	border-right:solid 1px #82bbde;
	border-bottom:solid 1px #82bbde;
	float:left;
	width:340px;
}

.flv_title
{
	clear:both;
	background:#82bbde;
	color:#ffffff;
	width:670px;
	padding:5px;
}

#right .library
{
	background:#d9dfe3;
	border-bottom:solid 1px #0070cd;
}

.dirlist {
padding:5px 0px 5px 0;
background:#d9dfe3;
border:solid 1px #0070cd;
}

.dirlist a {
padding:2px;
text-decoration:none;
}

.dirlist a:hover {
padding:2px;
text-decoration:underline;
}