body {
	font-family: Arial, Verdana, sans serif;
        color: #4d4d4d;
        margin: 0;
        padding: 0;
}

/* adds a pdf icon to all links ending in .pdf
a[href $='.pdf'] {
   padding-right: 18px;
   background: transparent url(/images/icons/pdf.gif) no-repeat center right;
} 
*/


img {
	border: none;
}

#masthead {
  width: 750px;
  margin: 0;
  padding: 0;
}

 
p, ol, blockquote, td, label {
	font-family: Arial, Verdana, "san serif";
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	text-decoration: none;
}

p {
  margin-top: 0;
}


th {
	font-size: 12px;
	font-weight: bold;
	color: #4A7A8B;
	text-align: left;
	background-color: #EAECDD;
}

.bodytext {
	font-family: Arial, Verdana, "san serif";
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #4D4D4D;
	text-decoration: none;
}

.quotation {
	font-family: Arial, Verdana, "san serif";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 17px;
	color: #4D4D4D;
	text-decoration: none;
	text-align: left;
	padding: 20px;
}

.quotation_byline {
    font-family: Arial, Verdana, "san serif";
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	line-height: 17px;
	color: #4D4D4D;
	text-decoration: none;
	text-align: right;
	padding: 0 20px 0 20px;
	margin-top: -25;
}

.byline {font-style: italic; text-align: right;}

.boldtext {
	font-family: Arial, Verdana, san serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #4D4D4D;
	text-decoration: none;
}

.bodytextteal {
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #105168;
}

.boldtextteal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #105168;
	text-decoration: none;
}

.bodytextwhite {
	font-family: Arial, Verdana, san serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
a {
	color: #105168;
	text-decoration: underline;
}

.vlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #105168;
	text-decoration: underline;
	font-weight: normal;
}

.subtitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #105168;
	text-decoration: none;
	line-height: 18px;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #4A7A8B;
	text-decoration: none;
	line-height: 26px;
	margin-bottom: 5;
	margin-top: 15px;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #105168;
	text-decoration: none;
	line-height: 18px;
	margin-bottom: 3px;
	margin-top: 10px;

}

h2 a{
  text-decoration: none;
}  

.subtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #4A7A8B;
	text-decoration: none;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4A7A8B;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 10px;
	background-color: #EAECDD;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4A7A8B;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 10px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 0;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 2;
	margin-top: 0;
}

strong {
       color: #666;
}       

.whtlink        
{
	font-size: 11px;
	color: #eee;
	text-decoration: none;
	line-height: 16px;
}

.whtlink a        
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.whtlink a:hover {
color: #ccc;
}

.tanlinkhome
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;

}


.header {
	font-family: Arial;
	font-size: 28px;
	font-style: normal;
	line-height: 60px;
	font-weight: 300;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	letter-spacing: 0px;
	word-spacing: 0px;

}


/* Breadcrumb Styles */
.breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #EAECDD;
	text-decoration: none;
	font-weight: normal;
}

A.breadcrumb:LINK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #EAECDD;
	text-decoration: none;
	font-weight: normal;
}
A.breadcrumb:VISITED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #EAECDD;
	text-decoration: none;
	font-weight: normal;
}

A.breadcrumb:HOVER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #F9FAF5;
	text-decoration: none;
	font-weight: normal;
}

/* Alt Link Styles */
.altlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #105168;
	text-decoration: none;
	font-weight: normal;
}

A.altlink:LINK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #105168;
	text-decoration: none;
	font-weight: normal;
}

A.altlink:VISITED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2E656C;
	text-decoration: none;
	font-weight: normal;
}

A.altlink:HOVER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2E656C;
	text-decoration: none;
	font-weight: normal;
}

ul {
	list-style: none;
	color: #4D4D4D;
	padding: 0;
	margin: 0 0 10px 15px;
}

li {
background: url(/images/arrow_teal.gif) 5px 5px no-repeat;
padding-left: 15px;
margin-bottom: 5px;
}


ol li {
  background: none;
  padding-left: 0;
}
  
.greenarrowbullet {
	list-style-image: url(images/greenbullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #4D4D4D;

}
.inputBox_bodytext {font-family: Arial, Verdana, san serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #4D4D4D;
	text-decoration: none;}

.ButtonBlue   { font-size: 11px; background-color: #105168; border: 1px outset #105168; font-family: Arial, Verdana, san serif; color: #F9FAF5; padding: 0px; margin: 0px; font-weight: normal; overflow : visible }
.smallbluetext {

	font-family: Arial, Verdana, "san serif";
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	color: #006666;
	text-decoration: none;
}
.dropdowntext {
	font-family: Arial, Verdana, "san serif";
	font-size: 9.75px;
	font-style: normal;
	line-height: 13px;
	color: #4D4D4D;
	text-decoration: none;
}
.text105 {
	font-family: Arial, Verdana, "san serif";
	font-size: 10.5px;
	font-style: normal;
	line-height: 14px;
	color: #4D4D4D;
	text-decoration: none;
}
.greytable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #759ACE;
	border-left-color: #666666;
}

#divCont {
	position:absolute;
	width:212px;
	height:110px;
	overflow:hidden;
	top:395px;
	left:505px;
	clip:rect(auto 344 150 auto);
	visibility:hidden;
}



#divCont_new {
	position:absolute;
	width:270px;
	height:170px;
	overflow:hidden;
	top:405px;
	left:445px;
	clip:rect(auto 344 200 auto);
}

#divContTitle {
	position:absolute;
	width:212px;
	height:25px;
	overflow:hidden;
	top:375px;
	left:510px;
	clip:rect(auto 344 150 auto);
}

#divContTitle_new {
	position:absolute;
	width:272px;
	height:25px;
	overflow:hidden;
	top:375px;
	left:450px;
	clip:rect(auto 344 90 auto);
        text-transform: uppercase;
        color: #fff;
        font-weight: normal;
        letter-spacing: 1.5px;
}


.homenewstext {
	font-family: Arial, Verdana, san serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #F9FAF5;
	text-decoration: none;
}

#divText {
    position:absolute;
    top:0; left:0;

}

#divText a:hover {
 color: #ccc;
} 


#divUp {
    position:absolute; 
    left:728px; top:395px;
    z-index: 100;
}

#divDown {
    position:absolute; 
    left:728px; top:490px;
    z-index: 100;
}

#divDown_new {
    position:absolute; 
    left:728px; top:560px;
    z-index: 100;
}
.rightcol {
	margin-left: -10px;
	margin-right: 5px;
	margin-top: auto;


}


/**** grey backround row or list item ****/
.row_a, .list_a {
	background-color: #EAECDD;
	font-family: Arial, Verdana, sans serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #4D4D4D;
	text-decoration: none;
}

/**** no background row or list item ****/
.row_b, .list_b {
        background-color: #F9FAF5;
	font-family: Arial, Verdana, sans serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #4D4D4D;
	text-decoration: none;
}

/**** styles for subnav menu ****/

#subnav {padding:0;
 margin:0;
  width:0;}
#subnav [href *] {
  background: none;
}

#subnav li {list-style-type:none; background: none; padding: 0;
 width:149px; margin:0; clear:both;}
* html #subnav li {width: 162px;}

#subnav a, #subnav a:visited {position:relative;
 display:block;
  width:149px;
    border-top:1px solid #9bbfb5; background-color:#4b7c8d; color:#fff; padding-left:13px; text-decoration:none;}
* html #subnav a {width: 162px;}
* html #subnav a:visited {width: 162px;}

#subnav a span, #subnav a:visited span {display:none;}

#subnav a:hover {color:#fff; background:url(); background-repeat:no-repeat;  background-color:#4b7c8d; text-decoration:none;}

#subnav a:hover span {position:absolute; display:block; left:3px; top:4px; width:0px; height:0px; border-left:4px solid #fff; border-top:4px solid #4b7c8d; border-bottom:4px solid #4b7c8d; font-size:1px; line-height:0;}

* html #subnav a:hover span {width:4px; height:8px; w\idth:0; he\ight:0;}

#subnav li.subnavtitle a{
 	font-family: Arial, Verdana, sans serif;
	font-size: 10px;
	font-style: normal;
	color: #ffc;
	background-color:#4b7c8d;
	padding-left:13px;
	text-decoration:none;
	text-transform: uppercase;
	height: 20px;
	margin: 0;
}

#subnav li.subnavtitle a:visited {
        color: #ffc;
}

td.pagetitle {
	width: 388px;
	background-color: #105168;
	padding-top: 7px;
	}

.datatable {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #ccc;
	}
hr {
	border: 0;
	border-top: 1px solid #ccc;
}

/* this is a workaround to deal with IE/Win poor execution of margin: auto */
.boxcontainer {
	text-align: center;
	margin-top: 0;
	margin-bottom:0;
	}

.box {
	border: 2px solid #f00;
	background-color: #000;
	color: #fff;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;

}

.box a{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}

.box a:hover {
	text-decoration: underline;
	}
.box_announce {
	border: 1px solid #fff;
	background-color: #AAB57C;
	color: #fff;
	text-align: center;
	margin: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;

}

.box_announce a {
text-decoration: none;
color: #fff;
}

.box_announce a:hover {
text-decoration: underline;
color: #eee;
}

.more {
	text-align: right;
	margin-top: 0;                            
	}

.caption {
	font-size: 10px;
	color: #999;
	margin-top: -7px;
	text-align: center;
	}

/* right side column items can use this style for margining */
.highlight {
	padding: 0 5px 0 5px;
	}

.vote_header {
	color: #f00;
	text-transform: uppercase;
	margin-bottom: 0;
	}

.notebox {
         margin: 20px 60px 20px 60px;
         border: 2px solid #EAECDD;
         padding: 5px;
}

.business_video_link a{
  text-decoration: none;
  margin: 0px 5px 5px 25px;
  font-size: 16px;
  font-weight: normal;
  font-family: Gill Sans, Arial, Helvetica, sans serif;
}

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

.button {
  color: #fff;
  background: #4A7A8B;
  padding: 5px;
  border: 1px solid #000;
}

.question {
  font-weight: bold;
  margin-bottom: 0;
}

.answer:first-letter {
  font-weight: bold;
}

/* My Ventura Access Button */

#mvaccess {
  height: 70px;
  margin-left: 25px;
}

div.mvaouter {
	float: left;
	width: 100px; height: 70px;
	margin: 0;
	background: url( '/images/mvaccess_logos.jpg' ) top right no-repeat;
	}

div.mvaouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/mvaccess_logos.jpg' ) top left no-repeat;
	}

div.mvaouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.mvaouter a:hover {
	background-image: none;
	}
div.mvaouter a:active {
	}

/* end My Ventura Access Button */

/* Media Portal Button */

#mportal {
  height: 70px;
  margin-left: 25px;
  margin-top: 10px;
}

div.mpouter {
	float: left;
	width: 100px; height: 70px;
	margin: 0;
	background: url( '/images/mportal.jpg' ) top right no-repeat;
	}

div.mpouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/mportal.jpg' ) top left no-repeat;
	}

div.mpouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.mpouter a:hover {
	background-image: none;
	}
div.mpouter a:active {
	}

/* end Media Portal Button */


/* CM Blog Button */

#cmblog {
  height: 56px;
  margin-left: 25px;
}

div.cmbouter {
	float: left;
	width: 100px; height: 56px;
	margin: 0;
	background: url( '/images/cmblog_logos.jpg' ) top right no-repeat;
	}

div.cmbouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/cmblog_logos.jpg' ) top left no-repeat;
	}

div.cmbouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.cmbouter a:hover {
	background-image: none;
	}
div.cmbouter a:active {
	}

/* end CM Blog Button */


.rotator {
  margin: 0 6px 0 0;
  padding: 5px 0 0 0;
  width: 120px;
  background: url(/images/rotatorbg.gif) repeat-x;
}

/* contact us and search bar overlay */
#contact_bar {
  position:absolute;
  top: 78px;
  left: 578px;
  height: 20px;
  color: #F9FAF5;
  z-index:1001;
  padding: 0 5px 0 5px;
}

.bloglink {
  width: 120px;
  margin-top: -20px;
  margin-left: 75px;
  height: 16px;
  text-align: center;
  overflow: hidden;

}

.bloglink a{;
  text-decoration: none;
  color: #666;
}

.bloglink a:hover{
  color: #333;
}


#home_buttons {
  position: absolute;
  top: 373px;
  left: 233px;
}

#home_buttons h2{
  color: #fff;
  width: 110px;
  margin: 0 0 -7px 21px;
  text-align: center;

}


/* use this to make text colors compatible with the right-hand column */

.righttext {
margin: 0 auto;
height: auto;
text-align: center;
overflow: visible;
}

.righttext a {
text-decoration: none;
  color: #666;
}

.righttext a:hover {
  color: #333;
}

/* No Streaming Video Notice for Council Agenda Newsmanager items */

#no_streaming {
position: absolute;
top: 600px;
left: 185px;
width: 388px;
}


#no_streaming p {
color: #fff;
background-color: #105168;
padding: 10px;
}

.printlink {
  position: relative;
  float: right;
  top: 0px;
}

.em {
font-style: italic;
}

.note {
color: white;
background-color: #105168;
padding: 5px;
}

/* smartgrowth popup screen */


a.screen, a.screen:visited {
color: #F9FAF5;
font-size: 12px;
font-weight: bold;
position:relative;
text-decoration: none;
z-index:1;
text-transform: uppercase;
margin: 5px;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:100px; /* give it a width */
height:0; /* no height to solve an Opera bug that
             makes it selectable when hidden */
border:1px solid #666; /* add a border */
left:-18px; /* position:the image */
top: -75px;
background-color: #F9FAF5;
color: #062252;
padding: 5px;
margin: 5px;
}
a.screen:hover {
color: #ccc;
border:0; /* needed for this to work in IE */
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:56px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border */
}

/* end popup screen */

.boxed {
border: 1px solid black;
padding: 10px;
width: 45%;
}

/* enews subscribe-unsubscribe box */
.unsubscribe {
border: 2px solid black;
font-style: italic;
padding: 0 10px;
margin: 0 10px 15px 0;
}

/* homepage text box */
#hometext {
margin: 10px;
width: 270px;
float: right;
}

/* homepage button box */
#homebuttons{
margin: 10px;
width: 270px;
}

/* scroll box for home page */

#quicklinks{
}

div.scroll {
	height: 50px;
	width: 280px;
	overflow: auto;
	border: 1px solid #ccc;
	background-color: #105168;
	padding: 8px;
	margin: 0 0 20px 0;
}

.hometitle, .hometitle a{
font-size: 12px;
color: white;
margin: 20px auto;
text-align: center;
}

.hometitle {
width: 40%;
border: 1px solid #ccc;
}

div.scroll ul {
margin: 0 0 0 -3px;
color: white;
}

div.scroll li {
background: url(/images/arrow_white.gif) 5px 5px no-repeat;
}

div.scroll a {
color: white;
text-decoration: none;
}

div.scroll a:hover {
text-decoration: underline;
}

.feature {
margin: -5px 10px 10px 25px;
color: #105168;
background-color: #B2AF7D;
text-align: center;
width: 100px;
font-size: 12px;
font-weight: bold;
}

.feature h3 {
margin-top: -3px;
padding: 3px;
font-size: 14px
}
.feature a{
text-decoration: none;
color: #105168;
}
.feature a:hover{
color: #fff;
text-decoration: underline;
}

.feature h3 a:hover {
color: #105168;
}
.feature p {
margin: 5px 0;
}

.credit {
font-style: italic;
}

#homebuttons {
margin: 20px 10px;
}

#pagetitle p{
color: #ccc;
}

/*homepage buttons*/

/* My Ventura Access Button */

#mva {
  height: 40px;
  margin-right: 25px;
    margin-top: 10px;
}

div.mva_longouter {
	float: left;
	width: 200px; height: 40px;
	margin: 0;
	background: url( '/images/mva_long.jpg' ) top right no-repeat;
	}

div.mva_longouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/mva_long.jpg' ) top left no-repeat;
	}

div.mva_longouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.mva_longouter a:hover {
	background-image: none;
	}
div.mva_longouter a:active {
	}

/* end My Ventura Access Button */

/* Media Portal Button */

#media_portal {
  height: 40px;
  margin-right: 25px;
    margin-top: 10px;
}

div.mp_longouter {
	float: left;
	width: 200px; height: 40px;
	margin: 0;
	background: url( '/images/mportal_long.jpg' ) top right no-repeat;
	}

div.mp_longouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/mportal_long.jpg' ) top left no-repeat;
	}

div.mp_longouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.mp_longouter a:hover {
	background-image: none;
	}
div.mp_longouter a:active {
	}

/* end button */

/* CM Blog Button */

#city_manager_blog {
  height: 40px;
  margin-right: 25px;
    margin-top: 10px;
}

div.cmb_longouter {
	float: left;
	width: 200px; height: 40px;
	margin: 0;
	background: url( '/images/cmblog_long.jpg' ) top right no-repeat;
	}

div.cmb_longouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/cmblog_long.jpg' ) top left no-repeat;
	}

div.cmb_longouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.cmb_longouter a:hover {
	background-image: none;
	}
div.cmb_longouter a:active {
	}

/* end button */

/* Accountable Button */

#accountable {
  height: 40px;
  margin-right: 25px;
    margin-top: 10px;
}

div.accountable_longouter {
	float: left;
	width: 200px; height: 40px;
	margin: 0;
	background: url( '/images/accountable_long.jpg' ) top right no-repeat;
	}

div.accountable_longouter a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/accountable_long.jpg' ) top left no-repeat;
	}

div.accountable_longouter span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.accountable_longouter a:hover {
	background-image: none;
	}
div.accountable_longouter a:active {
	}

/* end button */



#bloglink {
position: relative;
float: left;
}
/* styles for extra links in mainmenu */

.extralinks {
font: 11px Ariel, sans-serif;
margin-top: 10px;
list-style: none;
margin-left: 7px;
line-height: 17px;
}

.extralinks li {
background: none;
}

.extralinks a{
text-decoration: none;
text-transform: uppercase;
}