/* - - - - - - - - - - - - - - - - - - - - -

Title : style-site.css
Author : jcurtiss at trekk
URL : 

Description : city of wheaton (440)

Created : 9-11-2007
Modified : 9-12-2007

- - - - - - - - - - - - - - - - - - - - - */
html
{
	font-size: 62.5%;
}
body{
	background-color: #fff;
	color: #000;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

/*  IDS  */

#header{
	background:url(../images/backHead.jpg) repeat-x top left;
	height: 252px;
	margin: 0 auto;
	
}

    
#printonly 
{
    display: none;
}

h1#flash-banner{
	margin: 0 auto;
	padding: 0;
	width: 770px;
	
}


#container{
	margin: 0 auto;
	width: 770px;
}	
#primary-content{
	background:url(../images/backRelated.gif) repeat-y top right;
	border-right: 1px solid #202782;
	float: left;
	line-height: 1.7em;
	margin: 0 auto;
	width: 769px; /* 770 - 1px border */
}	
#primary-content.endcap{
	background:url(../images/navCorner.gif) no-repeat top right;
	border-right: 1px solid #202782;
}

#primary-content.schedule{
background: none;
border-right: 0px;
}
#crumbs
{
	line-height: 1em;
	margin: 5px 0 10px 0;
}

/* 
CLEAR FIX
This solves the problem of the navigation area 
taking up zero space due to the embedded display:inline menus.
No additional HTML markup required.
*/
/* Modern browsers */
#teasers:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Unmodern Browsers: */
/* IE6 */
* html #teasers
{
	height: 1%;
}
/* IE7 */
*+html #teasers
{
	height: 1%;
}
/*#feedhref {   
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 0pt;
}
*/  
#sitemap:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Unmodern Browsers: */
/* IE6 */
* html #sitemap
{
	height: 1%;
}
/* IE7 */
*+html #sitemap
{
	height: 1%;
}

#ads:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Unmodern Browsers: */
/* IE6 */
* html #ads
{
	height: 1%;
}
/* IE7 */
*+html #ads{
	height: 1%;
}
/* /clear fix */
#sitemap{
	border-top: #cbc9de 1px solid;
	clear: both;
	padding-top: 10px;
	line-height: 1em;
	margin-top: 10px;
	width: 575px;
}
#ads{
	clear: both;
	background-color: #cccde2;
	border-top: 2px solid #202782;
	border-bottom: 2px solid #202782;	
	margin: 10px 200px 10px 0;
	padding: 5px 0px 5px 4px;
}
#ads img{
	float: left;
	padding-left: 2px;
}
#property img{
    float: right;
    padding:5px 5px 5px 5px; 
    }
#propertyLink {
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center;
   }
 #propertyLink a {
   text-decoration: underline;
   color: Blue;
   }
 #moreInfoLink a {
   text-decoration: underline;
   color: Blue;
   }
#moreInfoLink a:visited {
   text-decoration: underline;
   color: Purple;
   }
#propertyEmailLink a {
 text-decoration: underline;
 color: Blue;
}
#secondary-content{
background:url(../images/backRelated.gif) repeat-y top left #e4e4e4;
border-right: 1px solid #202782;
float: right;
margin-left: -197px; /*width + 1px border */
overflow: hidden;
width: 196px;
}	
#related, #related-alt{
	margin-left: 13px;
	padding-left: 18px;
}
#related{
	border-bottom: 1px solid #202782;
}



#navigation{
	margin-bottom: 7px;
}	
#footer{
	background:url(../images/backFooter.jpg) repeat-x top left;
	clear: both;
	height: 87px;
	margin: 0 auto;
}

/* ------ microformat ------ */
#footer .vcard{
	font-size: .8em;
	margin: 0 auto;
	padding-left: 0px;
	position: relative;
	width: 770px;
}
#footer .vcard abbr{
	border-bottom: 0;
}
#footer .vcard div.adr{
	margin: 0;
	padding: 0;
}
#footer .vcard div{
	display: inline;
	border-right: 1px solid #999;
	padding: 0 10px 0 9px;
}
#footer .vcard .org
{
	display: inline;
	border-right: 1px solid #999;
	padding: 0 5px 0 0px;
}
#footer .vcard div.adr .locality{
	padding: 0 0px 0 8px;
}
#footer .vcard div.adr .last{
	padding-left: 5px;
}
#footer .vcard div.last, #footer .vcard div.adr{
	border-right: 0;
}
#footer .vcard div.phone{
	padding: 0;
	position: absolute;
	top: 0;
	right: 0px;
	text-align: right;
}
.hidden {display:none;}


#child-nav .given-name, #child-nav .organization-name, #child-nav .fn, #child-nav .title{
	font-weight: bold;
}
#child-nav .adr{
	padding-bottom: 10px;
}
#secondary-content .given-name, #secondary-content .organization-name{
	font-weight: bold;
}
#secondary-content .adr{
	padding-bottom: 10px;
}
#secondary-content .vcard{
	padding: 10px 0 10px 0;
}
/* ------ /microformat ------ */

/* ----- CLASSES ----- */

.a508{
	/* visibility: hidden; */
height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em;	
}

.hide{
}
.show{
}
.frame{
	background:url(../images/frameNews.gif) bottom left no-repeat;
	min-height: 275px;
	padding: 0px 15px 0 13px;
	width: 262px;
}
#teasers .frame{
	float: left;
	line-height: 1.2em;
}	
#teasers .alt{
	float: right;
	margin-right: 189px;
}

#sitemap .grouping{
	border-left: 1px solid #ddd4c3;
	float: left;
	padding: 0 15px 0 15px;
	width: 165px;
	min-height: 265px;
}
#sitemap .grouping:first-child{
	border-left: 0px solid #ddd4c3;
	padding-left: 0;
}

/* ----- HEADINGS ----- */

h1{
}

h2{
	font-size: 1.2em;
	font-weight: bold;
}

#primary-content h2{
	background-color: inherit;
	color: #202782;
	font-size: 1.3em;
	margin: 0;
	padding: 3px 0 2px 0px;
}
#primary-content #navigation h2
{
	font-size: 1em;
}

#secondary-content h2{
	font-size: 1em;
	margin: 0;
	padding: 7px 0 7px 0;
}
#primary-content .frame h2{
	margin: 0 0 0 -13px;
	padding: 0;
}
#primary-content #article h2
{
	margin: 0 0 3px 0;
	padding: 0;
}


h3{
	font-size: 1em;
	font-weight: bold;
}
#primary-content h3{
	background-color: inherit;
	color: #202782;
	margin: 0;
	padding: 3px 0 1px 0px;

}
#citynews2 h3{
	background-color: inherit;
	color: #202782;
	margin: 0;
	padding: 0;

}
#relatedlinks h3
{
    color: #000;
 }
#primary-content .frame h3{
	margin: 7px 0 7px 0;
	font-size: 1em;
}

h4{
	font-size: 1em;
	font-weight: bold;
}
.jobpostheadings 
{
    color: #202782;
    font-size: 1em;
    font-weight: bold;
}

/* ----- PARAGRAPHS ----- */

.frame p{
	margin: 0;
	padding: 0 3px 6px 3px;
}
p{
	margin: 0;
	padding: 1px 0 10px 0;
}

#primary-content p{
}
#secondary-content p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p
{
    
}
ol{
}
ul{
}
ol li{
}
ul li{
}

#search ul 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#citynews ul
{
   list-style-type: none;
    padding: 0;
    margin: 0;
}
#citynews li
{
    padding: 0 0 5px 0;
}
.citynews img 
{
    float: left;
}

#citynewsnb ul
{
    padding: 10px 0 0 10px;
    margin: 10px;
}
#citynewsnb li
{
    padding: 0 0 10px 0;
}
#citynews2 ul 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#citynews2 li
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: gray;
    margin-bottom: 1em;
    padding-bottom: 0px;
   
}



/*li.newslist 
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: gray;
    margin-bottom: 1em;
    padding-bottom: 12px;
}*/
.newsbody 
{
    margin-top: 1em;
    margin-bottom: 7px;
   
    
    
}
.newsbody img
{
    float:left;
    padding-right: 1em;
    padding-bottom: 5px;
    margin-top: 4px;
   
}
.newsbody p 
{
    padding-top: 7px;
    padding-bottom: 7px;
   
        
}   
span.readmore
{
    margin-top: 7px;
    font-weight: bold;
    display: block;
    
}
span.postdate 
{
    color: #666666;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    
}

#news ul 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#news li
{
   /* margin: 25em 0;*/
}


#chlisting ul 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#chlisting li
{
   /* margin: 25em 0;*/
}




ul#utility{
	background: url(../images/backUtility.jpg) top left no-repeat;
	background-color: transparent;
	color: #eee;
	font-size: .9em;
	height: 20px;
	margin: 0 auto;
	padding: 5px 0 5px 0;
	line-height: 20px;
	list-style-type: none;
	width: 770px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: middle;
	
}
*+html ul#utility
{
	line-height: 22px;
}
ul#utility li{
	border-right: 1px solid #eee;
	display: inline;
	padding: 0 7px 0 5px;
	vertical-align: top;
	
}
*+html ul#utility li
{
	padding: 0 7px 0 7px;
}
ul#utility li.search{
	border-right: 0;
	display: inline;
	padding: 0 10px 0 5px;
}

ul#internal{
	background: url(../images/backFooter.gif) no-repeat top left;
	background-color: transparent;
	color: #eee;
	font-size: .9em;
	height: 29px;
	list-style-type: none;
	line-height: 19px;
	margin: 0 auto;
	padding: 5px 0 5px 0;
	text-align: right;
	text-transform: uppercase;
	width: 770px;
}
ul#internal li{
	border-right: 1px solid #eee;
	display: inline;
	padding: 0 7px 0 5px;
	vertical-align: top;
}
*+html ul#internal li
{
	padding: 0 7px 0 7px;
}
ul#internal li.last{
	border-right: 0;
	display: inline;
	padding: 0 10px 0 5px;
}
*+html ul#internal li.last
{
	padding: 0 10px 0 7px;
}
#sitemap ul{
	/* list-style-image:url(../images/bullet_blue.gif); */
	list-style-type: none;
	list-style-position:outside;
	margin:0;
	padding: 0 0 15px 0px;
}
#sitemap li
{
		background: url(../images/bullet_blue.gif) 0px 5px no-repeat;	
	padding: 3px 0 3px 15px;
}

#secondary-content ul{
	/* list-style-image:url(../images/bullet_blue.gif); */
	list-style-type: none;
	list-style-position:outside;
	margin:0;
	padding: 0 0 15px 0px;
}
#secondary-content li, #teasers li{
	padding: 3px 0 3px 0;
}
#secondary-content li
{
		background: url(../images/bullet_blue.gif) 0px 5px no-repeat;
		padding-left: 15px;	
}
#teasers ul{
	/* list-style-image:url(../images/bullet_blue.gif); */
	list-style-type: none;
	list-style-position:outside;
	margin:0;
	padding: 0 0 15px 1px;
}
#teasers ul li
{
		background: url(../images/bullet_blue.gif) 0px 5px no-repeat;
		padding-left: 15px;

}
#teasers .alt ul, #teasers .feature{
	border-bottom: solid 1px #8c8fbd;
}
#teasers ul.last{
	border-bottom: 0;
}
#teasers .feature{
	margin-bottom: 5px;
}

#child-nav {
	border-right: 1px solid #ddd4c3;
	float: left;
	line-height: 1.5em;
	margin:0;
	padding: 0 0 15px 0px;
	width: 198px;
}
#child-nav ul{
	/* list-style-image:url(../images/bullet_blue.gif); */
	list-style-type: none;
	list-style-position:outside;
	margin: 0;
	padding: 0 0 15px 0px;
}
#child-nav li{
		background: url(../images/bullet_blue.gif) 0px 5px no-repeat;
		padding: 0px 0 5px 15px;

}
#child-nav a.selected
{
	background-color: inherit;
	color: #000;
}
#article{
	border-left: 1px solid #ddd4c3;
	margin: 0 0 0 198px;
	padding: 0 0 10px 15px;
	width: 360px;
}
#articleschedule{
padding: 0 0 10px 15px;
}
#largearticle{
	/*margin: 0 0 0 25px;
	padding: 0 0 10px 15px;*/
	width: 755px;
}
#article.alt
{
	border-left: 0;
	margin: 0;
	padding: 0 0 10px 0;
	width: 570px;
}
.endcap #article{
	margin: 0 0 0 198px;
	width: 550px;
}
*+html #article{
	float: left;
	margin: 0 0 -10px -1px;
	height: 1%;
}
*+html .endcap #article{
	float: left;
	margin: 0 0 -10px -1px;
	height: auto;
	width: 550px;
}
#navigation li{
}

#navigation ul{
}

#navigation ul li{
}

#navigation ol{
}

#navigation ol li{
}

/* ----- IMAGES ----- */

img{
}
a img{
	border: 0;
}
a:hover img{
	border: 0;
}



#teasers .feature img{
	float: left;
	padding: 0 10px 0px 0;
}
 
 
div.mayor ul {
    float: left;
    width: 30em;
    margin: 0 0 0 16em; 
    padding: 0;
    list-style: none;
    
}
div.mayor li
{
   float: left;
    width: 15em;
    margin: 0;
    padding: 0;
    text-align: center;
  
}

div.council ul 
{
    clear:left;
    float: left;
    width: 40em;
    margin: 0 0 0 6em;
    padding: 0;
    list-style: none;
        
}
div.council li 
{
    float: left;
    width: 18em;
    margin: 0;
    padding: 0;
    text-align: center;
   
}


/* ----- BREAK ----- */

hr{
	color: #cbc9de;
	border: 1px solid #cbc9de;
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a, a:link{
	background-color: inherit;
	color: #8f691c;
	text-decoration: none;
}
a:visited{
}
a:hover{
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}
a:focus{
	text-decoration: underline;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

#utility a, #utility a:link{
	background-color: inherit;
	color: #eee;
	text-decoration: none;
}
#utility a:visited{
	text-decoration: none;
}
#utility a:hover{
	text-decoration: underline;
}
#utility a:active, #utility a:focus{
	text-decoration: underline;
}

#internal a, #internal a:link{
	background-color: inherit;
	color: #eee;
	text-decoration: none;
}
#internal a:visited{
	text-decoration: none;
}
#internal a:hover{
	text-decoration: underline;
}
#internal a:active, #internal a:focus{
	text-decoration: underline;
}

#crumbs a, #crumbs a:link, #crumbs a:visited
{
	background-color: inherit;
	color: #999;
}
#crumbs a:hover, #crumbs a:active, #crumbs a:focus
{
	text-decoration: underline;
}
#crumbs a:last-child
{
	background-color: inherit;
	color: #000;	
}
#crumbs a.selected, #crumbs a.selected:link, #crumbs a.selected:visited
{
	background-color: inherit;
	color: #000;
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}
div
{
}
/* ----- FORMS ----- */

form{
}
fieldset{
}

.siteform {
	margin-bottom: 1em;
	
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}
.search label{
	padding-right: 10px;
}
/* .search button{
	background-color: #8f691c;
	border: 1px solid #eee;
	color: #eee;
	font-size: 9px;
	margin: 0 0 0 5px;	
	padding: 0px 2px 0px 2px;
	text-transform: uppercase;
	vertical-align: top;
	cursor: pointer;
}
*+html .search button
{
}
*/
.search input{
	font-size: .9em;
	height: 10px;
	vertical-align: top;
	margin-top: 1px;
}
.search input.btn
{
	height: 17px;
	margin-left: 4px;
	margin-top: 0;
}

*+html .search input
{
	margin-top: -3px;
}
*+html .search input.btn
{
	margin-top: -3px;
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}
.chfooter
{
    font-style: italic;
}
.addthis
{
    text-align: right;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#errors
{
    color: Red;
    font-weight: bold;
    text-align: center;
     
}
#media 
{
float: left;
padding: 4px 5px 7px 0px;
/*padding-right: 20px;*/

}
#cowtable table
{
float: left;
padding: 0 0 10px 0;
}
h4.category {

	color: #202782;
	font-size: 1.2em;
	text-decoration: underline; 
	font-weight: bold;
	cursor: pointer;
	cursor: hand;

}
ul.rss
{
    list-style-type: none;
}
p.note {

	font-size: 80%;

}
.accordionHeader {
	border: 1px solid #2f4f4f;
	color: white;
	background-color: #2e4d7b;
	font-family: Arial,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 25px;
	cursor: pointer;
	
}
.accordionContent {
	
	background-color: #d3deef;;
	border-width: 0 1px 1px 1px;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-style: dashed;
	border-right-color: #2f4f4f;
	border-left-color: #2f4f4f;
	border-bottom-color: #2f4f4f;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 25px;
}
dl#accordian dd div {
	margin-left: 0px;
	
}
dl#accordian dd ul {
	
	margin-left: 1em;
	padding-left: 0px;
}

dl#accordian dt a {
	color: #ffffff;
	text-decoration: none;
	
}
dl#accordian dd a {
	
	color: #034efa;
	text-decoration: underline;
}
dl#accordian dt a:hover {
	
	text-decoration: underline;	
}
.accordionHeaderSelected {
	border: 1px solid #2f4f4f;
	color: white;
	background-color: #5078b3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	margin-left: 10px;
	margin-right: 25px;
	padding: 5px;
	margin-top: 5px;
	
	
	
	
}



table #mailchimp 
{
font-size: 62.5%;
font-family: Verdana, Geneva, sans-serif;
}
td.formlabel {
	font-size: 72.5%;
	font-family: Verdana, Geneva, sans-serif;
}

td.small {
	
	font-size: 62.5%;
	font-family: Verdana, Geneva, sans-serif;
}
#mailchimp tbody tr td a{
	
	font-size: 72.5%;
	font-family: Verdana, Geneva, sans-serif;
}
ul.interestgroup_field {list-style-type:none;}
li.interestgroup_row {font-size:70.5%;}