﻿/* *********   START PAGE RESET ************* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial;
}
body {
	line-height: 1;
}
ol, ul {

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearall{clear:both;}

/* *********   END PAGE RESET ************* */

body 
{

	text-align:center;
	margin: 0 auto;
	padding: 10px 0px;
	

}

#sitelogo
{
    margin: 0px 0px 0px 15px;  
    
}
#ctl00_cph_Menu_ctl00_menucontents {

}
#page_head {
    height:170px;
    background:#fff url(img/headbg.png) repeat-y top right;
    padding:0px;
    margin:0px;
}
#search_nav 
{
    width:100%;
    text-align:right;
    background-color:#003c64;
    border-bottom:solid 1px #fff;
    border-top:solid 10px #fff;
    height:16px;
    padding:2px 0px;
}
#search_nav a
{
    color:#fff;
    font-family:Arial;
    font-size:11px;
    line-height:1.5;
    background-color:Transparent;
    text-decoration:none;
}
#search_nav_input
{
    margin:50px 0px 5px 0px;
    width:240px;
    height:30px;
    background: url('../../images/search.jpg') no-repeat top left;
}
#search_nav_input input 
{
    float:left;   
    border:0px;
    margin:3px 3px 3px 6px;
    width:190px;
    background-color:Transparent;
    color:#666666;
}
#search_nav_button 
{
    width:30px;
    height:30px;
    float:right;
    cursor:pointer;
}
#ctl00_cph_Menu_pMenu {


}



#vmenu, #vmenu li, #vmenu li a
{
    background-color:#003c64;
	margin:0px;
	padding:2px;
	list-style:none;
	display:block;
	color:#fff;
	font-family: "Arial Narrow", Arial;
	font-size:12pt;
    text-decoration:none;
}
#vmenu {

    margin-left:15px;
}
#vmenu li a:hover {
    color:#91ACC7;
}

#vmenu  li
{
    padding-left:2px;
}
#page_mid {
    display:block;
    clear:both;
    
    
}

#page_container 
{
	width:990px;
	margin: 0 auto;
	text-align:left;
}

#Div1 {
    width:960px;
    margin:0px;
    padding:0px 15px 0px 15px;
    background-color:#fff;
  background-color:#fff;
background-image:url(img/leftbg.png);
background-repeat:repeat-y;
background-position: 15px 0px;  
}

#Div1 {


}
#ctl00_cph_Left_pLeft {
    float:left;
    width:230px;
    min-width:230px;
    margin:5px 0px;
    padding:0px;
}
#ctl00_cph_Left_ctl00_left_widgets 
{
  
}

#ctl00_cph_Mainbody_pBody {
    float:left;
}
#ctl00_cph_Mainbody_ctl00_bodywrapper {
    padding:10px 0px 0px 15px;
}
#ctl00_cph_Mainbody_ctl00_bodycontents 
{
    line-height:1.2;

}
#ctl00_cph_Right_pRight {
    float:left;
     
}
#ctl00_cph_Footer_pFooter {
    clear:both;
    width:960px;
    height:25px;
    border-bottom:solid 2px #fff;
}
.widget {
    width:240px;
}
.homepage_widget {
    /*width:480px;*/
}
/* cal widget */
#ctl00_cph_Mainbody_ctl00_0_4_eventCal td
{
    padding:3px;
    border-color:white;
    border:none;
    
    
}
#ctl00_cph_Mainbody_ctl00_0_4_eventCal tr td
{
    border-bottom:solid 1px #e0eff5;   
    background-color:white;
}
#ctl00_cph_Mainbody_ctl00_0_4_eventCal table tr 
{
    border:none;
}
#ctl00_cph_Mainbody_ctl00_0_4_eventCal, #ctl00_cph_Mainbody_ctl00_0_4_eventCal table tr td
{
    background-color:white;
    border:none;
    font-weight:normal;
    color:#519036;
}

#ctl00_cph_Mainbody_ctl00_0_4_eventCal a
{
    text-decoration:none;
    color:#000000;
}

#submenucontents {
    width:240px;
}

.activeul li a:hover
{
	background: #3db7e5;
}

#ctl00_cph_Mainbody_ctl00_ctl00_pathway 
{
    margin-top:-1px;
    padding-top:0px;
    /*width:718px;*/
    white-space:nowrap;
    overflow:hidden;
    
}

#breadcrumbsul 
{
    list-style:none;
    display:inline;
    margin:0px;
    padding:0px;
    white-space:nowrap;
}
#ctl00_cph_Mainbody_ctl00_ctl00_pathway 
{
    overflow:hidden;
    width:720px;
    white-space:nowrap;
}

#breadcrumbsul li 
{
    display:inline;
}
#breadcrumbsul li div
{   
    float:left;
    height:24px;
    padding:5px 18px 5px 15px;
}
#breadcrumbsul li:first-child div
{   
    padding:5px 20px 5px 5px;
}
#breadcrumbsul li div a 
{
    text-decoration:none;
    color:white;
}
#breadcrumbsul li div a:hover 
{
    color:#23336c;
}
.level-1 div
{
    background: url('img/level-1.png') no-repeat top right;
    margin-right:-15px;
    
}
.level-2 div
{
    background: url('img/level-2.png') no-repeat top left;
    margin-right:-15px;
}

.level-3 div
{
    background: url('img/level-3.png') no-repeat top left;
    margin-right:-15px;
}
.level-3-end div
{
    background: url('img/level-3-end.png') no-repeat top left;
    margin-left:15px;
}
.level-2-end div
{
    background: url('img/level-2-end.png') no-repeat top left;
    margin-left:15px;
}
.level-4 div
{
    background: url('img/level-4.png') no-repeat top left;
    margin-right:-15px;
}
.level-4-end div
{
    background: url('img/level-4-end.png') no-repeat top left;
    margin-left:15px;
}




.content 
{
	margin-right:22px;
	min-height:200px;
	background: #ffffff;
	padding:5px 5px 5px 10px;
	/*width:710px;*/
}
#addContentdiv, #backtocontent, .adminbutton
{
	float:right;	
	margin:5px;
    padding:5px;
    background: #666666;
    width:180px;
    border: solid 1px black;
    color:#ffffff;
    cursor:pointer;
}
.adminbutton 
{
    padding:2px;
    float:none;
    width:auto;
}

#addnews_div 
{
	margin:5px;
    padding:5px;
    background: #666666;
    width:180px;
    border: solid 1px black;
    color:#ffffff;
    cursor:pointer;  
    text-align:center;
}
.section
{
	margin:0px;
	padding:5px;
	min-height:200px;
	text-align:left;
	width:715px;
	font-family: Arial;
}


.calendar 
{
	margin-bottom:30px;
}

h1, .section h1
{
	font-size:1.3em;
	color:#519036;	
	padding-bottom:10px;
	font-family: "Arial Narrow", Arial;
}
h3, .section h3, .content h3, .module h3
{
	font-size:1em;
	color:#519036;	
	padding-bottom:10px;
}

.homepage 
{
	color:#000000;
    width:715px;
    line-height:1;
}

#voice-login {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	border:thin solid #000000;
	font-size:12px;
	padding:5px;
	margin-left:2px;
	line-height:2;
	width:240px;
	color:#000000;
	background-color:#FFFFFF;
}
#adminfloatcontent {
	text-align:left;
	padding:3px;
	color:#000000;
}



#adduserdiv {
    margin:5px;
    padding:5px;
    background: #666666;
    width:100px;
    border: solid 1px black;
    color:#ffffff;
}


#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
z-index:9000;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
	background: black;
	color: white;
	padding: 10px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);

}
#dropdownpanel .contentdiv a
{
    color:White;
    font-weight:bold;
}
#dropdownpanel .control{ /*Div containing panel button*/
border-top: 5px solid black;
color: white;
font-weight: bold;
text-align: center;
background: transparent url("../../images/panel.gif") center center no-repeat; /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}

.trans {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

#adminpanel {

}

#footer 
{
    width:100%;
    height:25px;
    display:block;
    background-color:#7f9db1;
}

#credits {
    width:100%;
    background-color:#fff;
    margin:0px;
    text-align:right;
    padding:3px;
}
#credits a, #credits a:hover, #credits a:active{
    text-decoration:none;
    font-size:11px;
}

.adminbox {
	width:100px;
	height:50px;
	float:left;
	padding:10px;
	text-align:center;
}

.adminbox a {
	width:100%;
	height:100%;
	border: 1px solid #999999;
	display:block;
	text-decoration:none;
	padding: 15px 0px;
	color:#fff;

}
.adminbox a:hover {
	background-color:#333333;
}


/*  nested sortables */

			div.wrap {
				border:1px solid #BBBBBB;
				padding: 1em 1em 1em 1em;
			}
			
			.page-list {
				list-style: none;
				margin: 0;
				padding: 0;
				display: block;
			}
			
			.clear-element {
				clear: both;
			}
			
			.page-item1 > div,
			.page-item2 > div,
			.page-item3 > div,
			.page-item4 > div {
				background: #f8f8f8;
				margin: 0.25em 0 0 0;
			}

			.left {
				text-align: left;
			}
			
			.right {
				text-align: right;
			}

			.sort-handle {
				cursor:move;
			}
			
			.helper {
			border:2px dashed #777777;
			}
			
			.current-nesting {
				background-color: yellow;
			}
			
			.bold {
				color: red;
				font-weight: bold;
			}
/* end nested sortables */



/* Edit In Place */
.edit, .edit_area 
{	
	border:1px dashed blue;
	cursor: pointer;
}

#usermanagaertable {
    width:600px;
}
#Contentmanagaertable 
{
	width:100%;	
}
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/* Home */
.homeleft
{
	width:670px;
    padding:3px 25px 0px 10px;

}
.homeboxcontent {
    font-family: Arial, Sans-Serif; 
    font-size:12px;
}
.homeright
{
	width:230px;
}

.homboxclass0 
{

    width:100%;
    font-family: Arial, Sans-Serif; 
}

.homboxclass1 
{
    width:230px;
}

.homboxclass2 
{
    width:480px;
}

.homboxclass3 
{

    width:230px;

}
.floatright 
{
	float:right;
}
.floatleft
{
	float:left;
}
.delevent 
{
	width:32px;
	height:32px;
	background: url('../../images/PNG/Blue/32/close.png') no-repeat top left;
	margin-top:-35px;
	cursor:pointer;
}
#ctl00_cph_Left_ctl00_3_inthenews  div 
{
 padding:4px 2px 4px 2px;  

}
#ctl00_cph_Left_ctl00_3_inthenews  li
{
   cursor:pointer;
   list-style:none;
   
}
.newswid_title 
{
    float:left;
    width:210px;
}

.newswid_date 
{
    float:left;
    width:70px;
}

.evenli 
{
    background-color:#f2f2f2;
}
.newsclear 
{
    float:left;
    clear:both;
    width:215px;

}

body, p, div, span 
{
font-family: Arial, Sans-Serif;
 font-size: 13px;
 color:#4d4d4d; 
 line-height:1.3;
  
}
.section table td, .content table td
{
    padding:3px;   
}
.section img, .content img
{
    margin:5px;   
}

h1, .section h1, .content h1, .content h1 div, .features h1
{
 font-family:"Arial Narrow", Arial, Sans-Serif;
 font-size: 24px;
 color:#519036;   
}
h2, .section h2, .content h2, .panel h2, .section ul li h2 a, .features h2
{
 font-family:"Arial Narrow", Arial, Sans-Serif;
 font-size: 18px;
 color:#519036;   
}

p, .section p, .content p, .contenttext p
{
    margin:1px 0px 5px 0px;  
    font-family: Arial, Sans-Serif; 
}

.section ul, .content ul, .section li, .content li
{
    margin:5px;
    margin-left:25px;
}
#breadcrumbsul 
{
    list-style:none;
    display:inline;
    margin:0px;
    padding:0px;
}

#breadcrumbsul li 
{
    display:inline;
        margin:0px;
    padding:0px;
}


.module 
{
    margin-bottom:15px;
}
.module h2
{
    background: url('img/h2bg_light.png') no-repeat top left;
    width:220px;
    height:20px;
    padding:3px;
    color:White;
    font-size:12px; 
}
.module_fullwidth h2
{
    background: url('img/h2bg_light.png') no-repeat top left;
    width:520px;
    height:20px;
    padding:3px;
    color:White;
    font-size:12px; 
}

.module a
{
    color:#f58c3e; 
    font-size:12px;  
}
.module h2 a
{
    background: #0da5df;
    
}

.submenu
{
	text-align:left;
	margin: -15px 0px;
	padding:0px;
	display:inline;
	float:left;
}
.submenu h2
{
    background: url('img/h2bg.png') no-repeat top left;
    width:220px;
    height:20px;
    padding: 3px;
    color:White;
    font-size:12px;
}
.submenu h2 a
{
    background: url('img/h2bg.png') no-repeat top left;
    color:White;
    font-size:12px;
    text-decoration:none;
    display:block;
    width:200px;
}
#submenu 
{
	list-style:none;
}
#submenu li
{
    margin:0px;
    padding:0px;
}
#submenu li a
{
	color:#000000;
	margin:0px;
	padding:4px 0px 2px 5px;
	text-decoration:none;
	display:block;
	width:220px;
	font-size:12px;
}

#submenu li a:hover
{
	background: #F6DBC8;
}

#activelink, .activelink
{
	background: #f2f2f2;
	font-weight:bold;
}

.activelink, .activeul2
{
    background-color:#e0e0e0;  
}

.activeul2 a
{
    width:100px;
}

.currentli
{
	background: #f2f2f2;
	margin:5px 0px 5px 0px;
}

#submenu li ul 
{
    padding-left:10px;
    padding-bottom:5px;
    width:211pt;
    overflow:hidden;
}

#submenu li ul #activelink
{
    background-color:#e0e0e0;
}

.activeul li
{
list-style:none;
}

#submenu li ul a
{
    width:211px;
    list-style:none;
}

.activeul li a
{
	color:#000000;
	margin:0px;
	padding:4px 0px 2px 5px;
	text-decoration:none;
	display:block;
	width:100px;
	font-size:12px;
}


.activeul li
{
	color:#000000;
	margin:0px;
	padding:4px 0px 2px 5px;
	text-decoration:none;
	display:block;
	width:90px;
	font-size:12px;
}

.notice-body p
{
    color:White;   
}
.notice-body h3
{
    color:White;   
}
.panel 
{
    display:none;   
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
    width:475px;
    height:220px;
}

.panel p, .panel img
{
    padding:0px;
    margin:0px;   
}

.panel img 
{
    width:470px;
    border:solid 1px #f17a20;   
}

#panels-control 
{
    clear:both;
}

#panels-control
{
    position:absolute;
    top:130px;
    left:0px;   
    
}

#panels-control div
{
    float:left;
    width:24px;
    height:24px;
    padding:5px 5px 0px 0px;
    margin:2px;
    background: url('../../images/block.png') no-repeat top left;
    color:#fff;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

#panel-wrap
{
    position:relative;
    top:0px;
    left:0px;
    width:475px;
    height:230px;
}

.panels
{
    position:relative;
    top:0px;
    left:0px;
    width:475px;
    height:220px;
    overflow:hidden;
    margin: 0px 0px 5px 0px; 
    margin-bottom:20px;
    padding:0px;
}

.panel-edit-button
{
    float:right;
    margin-top:-20px;
}

.panel h2
{
 font-family:"Arial Narrow", Arial, Sans-Serif;
 font-size: 16px;
 color:#519036;   
 background:none;
 padding:0px;
 margin:10px 0px 0px 0px;
 width:100%;
}

.panel p
{
    padding:0px 0px 5px 0px;
    margin:0px;
}

#admin-wrap 
{
    height:270px;
    display:none;
}

.dates 
{
    margin:0px;
    padding: 0px 0px 0px 0px;
    list-style:none;
}

.dates  li
{
   margin:5px; 
   padding:2px;
   margin-left:-15px;
}

.dates  li a
{
    color:#4d4d4d;   
}

#quicklinks 
{
    padding: 0px 0px 0px 0px;
    list-style-image: url('../../images/bullett.jpg');
}

#quicklinks li 
{
    margin-left:20px;   
}

#quicklinks li a
{
    color:#4d4d4d;   
}

#quicklinksdiv 
{
    padding:5px;
}

#features
{

}



#mediastuff h3, #mediastuff h3 img
{
 vertical-align:middle;
 margin:3px;  
 line-height:1; 
}
#mediastuff h3
{
    margin:0px;
    padding:0px;
}

#cboLinks
{
    width:210px;  
}

.calevent a 
{
    background-color:White;
    font-weight:bold;
    width:100%;
    height:100%;
    color:#fff;
}

#countdowndiv 
{
    position: fixed;
    width: 130px;
    border: solid 1px #000;
    vertical-align: middle;
    background: #ffffff;
    text-align: center;
    bottom: 2px;
    left: 2px;
    padding: 2px;
}
#ctl00_cph_Mainbody_ctl00_0_5_councilinfo h3
{
    margin:0px;
    padding:0px;
    margin-left:5px;
}
#garbagedayis 
{
    margin:10px;
}
#footer_links 
{
    padding:5px 0px 0px 5px;   
    color:#ffffff;
}
#footer_links a, #footer_links a:visited
{
    color:#ffffff;  
}
p.photo 
{
    float:left; 
    background-color:#eee;
    width:120px;
    height:120px;
    border: solid 1px #999;  
    text-align:center;
    margin:2px;
}
p.photo img
{
    margin-top:10px;
}

.feature_box 
{
    float:left;
    position:relative;
    border: solid 1px #519036;
    margin: 2px;  
    padding:0px;  
    display:block;
    width:230px;
    height:90px;
    overflow:hidden;
    background: #f2f2f2;
}
.feature_box img 
{
    margin:0px;
    padding:0px;
}

.module_fullwidth h2 
{
    margin-bottom:-10px;
}
.feature_box h3 
{
    padding:0px;
    margin:5px 0px 0px 2px;
}

.feature_edit_button 
{
    position:absolute;
    top:61px;
    left:191px;
}


.tbl
{
    border:solid 1px black;
    width:100%;
}

.tbl th
{
    background-color:#ccc;
    padding:5px;
    font-weight:normal;
}
body
{
	background-color:#035c94;
background-image:url(img/sky.jpg);
background-position:top center;
background-repeat: no-repeat;
background-attachment:fixed;
}
a, a:hover, .content a, .content a:hover
{
    text-decoration:underline;
    color:#519036;
}
a:visited, .content a:visited
{
    text-decoration:underline;
    color:#003C64;
}
