/* NOTES: 

	CSS AND PADDING:
		When using padding in CSS be sure to subtract the amount of padding from the total width of the object. For Instance if the 
        width of #div1 is 200px and the padding needed is 20px then the total CSS width of #div1 is 180px;
		 
*/


/* STANDARD HTML DEFINITIONS */
body {
	background: #f3f3f3 url(../images/bgfade.png) repeat-x;
	font-family: Verdana, Arial;
	height: 100%;
	text-align: center;
	margin: 0 auto;
}

a {
	color: #4d6682;
	text-decoration: none;
}

a:visited {
	
	text-decoration: none;
}

a:hover {
	color: #FFA501;
	text-decoration: none;
}

a:active {
	
	text-decoration: none;
}

form {
	padding: 0;
	margin: 0;
}

hr {
	color: #e1e5ea;
	height: 1px;
}



/* WEBSITE FRE */

#position {
	background-color: #ffffff;
	border-left: 1px solid #4d6681;
	border-right: 1px solid #4d6681;
	display: table;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#website_cont {
	height: 100%;
	margin: 0 auto;
	width: 940px;
}

#header_cont {
	background-image: url(../images/mattesonheader.png ) ;
	height: 120px;
	width: 940px;
}



/* MAIN MENU CONTAINER */

#mainmenu {
	background:   url(../images/mainmenubg.png) no-repeat; 
	height: 26px;
	text-align: left;
	width: 940px;
}


/* BODY CONTENT STYLE - Main Page News and Page Template Structure */

#body_cont {
	float: left;
	text-align: left;
	width: 710px;
}

#body_cont_full {
	float: left;
	text-align: left;
	width: 940px;
}

.body_breadcrumbs {
	font-size: 0.8em;
	padding-bottom: 10px;
	width: 710px;
}

.body_rotate {
	width: 910px;
}

.body_data {
	padding: 10px;
}

.body_dataTitle {
	color: #425a77;
	font-size: 1.2em;
}

.body_dataAuthor {
	color: #848484;
	font-size: 0.7em;
}

.body_dataDate {
	color: #848484;
	font-size: 0.7em;
	padding-bottom: 10px;
}
                                          /* Added justify*/
.body_dataBody {
	text-align: justify;
	font-size: 0.8em;
}

.body_dataReadMore, a.body_dataReadMore {
	font-size: 0.8em;
	text-align: right;
}




/* CENTER COLUMN SPACER */
#column_spacer {
	float: left;
	width: 30px;
}

/* CENTER COLUMN SPACER */
#column_spacer2 {
	float: left;
	width: 230px;
}


/* DEPARTMENT STYLE */
.department_head {
	font-size: 0.8em;
	padding: 0px 25px 16px 0px;
	text-align: left;
	width: 100px; 
}
                                           /* Added justify*/
.department_desc {
	text-align: justify;
	font-size: 0.8em;
}



/* ELECTED OFFICIAL STYLE */
.electedofficial {
	font-size: 0.8em;
	padding-bottom: 16px;
	text-align: center;
	width: 125px; 
}




/* INFOBOX STYLE */

#infoBox_cont {
	float: left;
	text-align: left;
	width: 200px;
	vertical-align: top;
}

.infoBox_header {
	
	font-size: 0.9em;
	padding-bottom: 5px;
	width: 100%;
}

.infoBox_data {
	color: #000000;
	font-size: 0.7em;
	padding: 10px;
}

a.infobox {
	font-size: 0.7em;
}

input {
	width: 180px;
}


/* Main Menu                                                            */
.mainmenu {
	float: left;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	width: 100%;
}

.mainmenu li {
	display: inline;
}

.mainmenu li a {
	float: left;
	padding: 6px 11px;
	text-decoration: none;
	width: 100%;
}

.mainmenu li a:visited{
	
}

.mainmenu li a:hover {
	background-color: #4d6680;
	color: #ffffff;
}

.current {
	background-color: #4d6679;
	color: #ffffff;
}



/* GOOGLE SEARCH CSS */
.ajax_search_results {
	width: 700px;
}

.ajax-message {
	font-size: 0.8em;
}

div.gs-result {  
	text-align: left; 
	width: 700px;
}

div.gs-title {
	font-size: 0.8em;
	text-decoration: underline; 
}

a.gs-title {
	color: green;
}

div.gs-snippet {
	font-size: 0.7em; 
	padding-bottom: 20px;
}

div.gs-visibleUrl { 
	display: none;
}

div.gs-watermark { 
	display: none;
}

table.gsc-branding { 
	border: none;
	float: right;
	margin-top: 10px;
	width: 100%;
}

td.gsc-branding-text { 
	color: gray;
	font-size: 0.7em;
}


/* MUNITES */
.minutes {
	font-size: 0.8em;
}

/* QUICK FLOAT */
.floatleft {
	float: left;
	width: 100%;
}

.floatright {
	float: right;
	width: 100%;
}


/* WEATHER BUG */
#weatherdiv {
	float: right;
	padding-top: 28px;
	padding-right: 14px;
	width: auto;
}

.weather {
	color: #fffffe;
	font-size: 0.8em;
	padding: 10px;
}


/* MEETING TOOLTIP */

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 100px;
	border: 1px solid black;
	font-size: 0.7em;
	text-align: left;
	padding: 4px;
	
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 /*img, div { behavior: url(http://www.villageofmatteson.org/widgets/iepngfix/iepngfix.htc) } */

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */
 
 
 /* Chrome style*/
 .chromestyle{
font-size: 0.8em;
width: 100%;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #4d6681;
width: 940px;
/*background: url(../images/chrome/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}



.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
/* color: #494949; */
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #4d6681;
}

.chromestyle ul li a:hover{

text-decoration: none; 

}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v"; 
/*content: "" url(images/menudownarrow.gif);*/ /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #4d6681; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size: 0.8em;
/*line-height:18px;*/
z-index:100;
/*color: orange;*/
background-color:#e4e8ec;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width:auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #4d6681; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;


}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
/*background-color: #F0F0F0;*/
}


/* CodeRED menu font color */
.cr a{
color: #ff410b;
text-decoration: none;
}

.cr a:visited {
text-decoration: none;
}

.cr a:hover {
	color: #FFA501;
	text-decoration: none;
}

.cr a:active {
	text-decoration: none;
}