/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif
}
table.banner2011 {
/* 	  background-image: url('http://www.barringtonhills-il.gov/images/banner_2011_winter.jpg'); */
   /* background-image: url('http://www.barringtonhills-il.gov/images/banner_2012_spring.jpg');  */
/*    background-image: url('http://www.barringtonhills-il.gov/images/banner_2011_summer.jpg'); */
	  background-image: url('http://www.barringtonhills-il.gov/images/banner_2011_fall.jpg');  
	background-position: top right;
	background-repeat: no-repeat;
	height: 60px;
}
td.banner {
	font-size: 66%; color: #ffffff; background-color: #093A64
}
.banner {
	font-size: 66%; color: #ffffff; background-color: #093A64
}
td.banner2011 {
	font-size: 66%; color: #093A64; background-color: #ffffff
}
.banner2011 {
	font-size: 66%; color: #093A64; background-color: #ffffff
}

p {
	padding: 5px;
}

h1, h2, h3, h4, h5 {
	padding: 5px;
}

div.smallertext {
	font-size: 85%;
}
.printdate {
	font-weight: bold; font-size: 12px; color: #F7E188; font-style: normal; text-decoration: none; 
	background-color: #4977A4;
}
.sidebar { 
  background-color: #BCCBEC;
}
.footer { 
  background-color: #D5DFE9;
}
VoBHtitle {
   font-family: "Times New Roman", Times, serif;
   font-color: #093A64;
   font-size: 36px;
}
td.td_navmenu {
	margin-top: 0px; font-weight: bold; font-size: 90%; margin-bottom: 0px; color: #ffffff;
	padding: 4px 2px 1px 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; background: #4977A4; 
	border: 1px solid #FFFFFF;
}

td.td_navmenu {
   background-color: #093A64; 
}
a.navmenu { 
	font-size: 100%; color: #FFFFFF; text-decoration: none; display: inline; background: #093A64;
	border: 0px solid #093A64; padding-bottom: 0px; padding-top: 0.25em; padding-left: .5em; padding-right: .5em; 
}
a.navmenu:hover {
	font-size: 100%; color: #FFFFFF; text-decoration: none; display: inline; background: #4977A4;
}

a.sidebarlink {
	font-size: 80%; color: #000000; text-decoration: none; display: block; background: #F7E188;
	border: 1px solid #093A64; border-top: 0px; padding: 0.25em;
}
a.sidebarlink:hover {
	font-size: 80%; color: #000000; text-decoration: none; display: block; background: #FFFFFF
}
a.sidebarlink_green {
	font-size: 80%; color: #FFFFFF; text-decoration: none; display: block; background: #324E1E;
	border: 1px solid #093A64; border-top: 0px; padding: 0.25em;
}
a.sidebarlink_green:hover {
	font-size: 80%; color: #000000; text-decoration: none; display: block; background: #FFFFFF
}

td.tab {
	background-color: #F6C20E; text-align: center
}
/* modified 2011 */
.tabbackgroundcolor {
	background-color: #FFFFFF
}

.WeatherText {
	font-size: 80%; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif
}
.Smallweather {
	font-size: 66%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif
}
.features {
	background-color: #FFFFFF;
	border: 1px solid #093A6A;	
}
.features2 {
	background-color: #BCCBEC;
	border: 1px solid #093A6A;
}
.features3 {
	background-color: #F7E188;
	border: 1px solid #093A6A;
}
.well_highlight {
	background-color: #F7E188;
	border: 1px solid #093A6A;
	text-align: center;
}
.tabH1 {
	margin-top: 0px; font-weight: bold; font-size: 90%; margin-bottom: 0px; color: #ffffff;
	padding: 0px 2px 0px 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; background: #4977A4; text-align: center;
	border-bottom: 4px solid #4977A4;
	border-top: 2px solid #F6C20E;
	border-left: 1px solid #F6C20E;
}
.tabH1date {
	margin-top: 0px; font-weight: bold; font-size: 90%; margin-bottom: 0px; color: #F7E188;
	padding: 1px 2px 1px 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; background: #4977A4; text-align: center;
	border-bottom: 4px solid #4977A4;
	border-top: 2px solid #F6C20E;
	border-left: 1px solid #4977A4;
}
.tabH1side {
	margin-top: 0px; font-weight: bold; font-size: 90%; margin-bottom: 0px; color: #ffffff;
	padding: 1px 2px 1px 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; background: #4977A4; text-align: center;
	border: 2px solid #093A6A;
}

.footerlink {
	color: #cccccc
}
.footerlink:hover {
	color: #F6C20E
}

td {
  vertical-align: top;
}
TD {
	FONT-SIZE: 80%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}

TD.calendar {
	FONT-SIZE: 80%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
TH {
    FONT-SIZE: 80%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
TH.month {
    FONT-SIZE: 80%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.pastmonth {
	background-color: #ECECEC;
}	
.currentmonth {
	background-color: #F7F0D3;
}
div.externalbanner {
	border: 2px solid #093A6A;
	background-color: #F7E188;
	color: #000000;
	margin: 0px;
	padding: 3px;
	font-family: Verdana, geneva, arial, sans-serif;
	font-size: 70%;
}
hr {
	color: #4977A4;
}

padding.ul {
	list-style: url(../images/li_bullet.gif);
	padding:5px;	
	}
	
ul {
	list-style: url(../images/li_bullet.gif);	
	}
div.commission {
  border: 1px solid #093A64;
	padding-top: 15px;
	margin-top: 10px;
}
div.rightpad {
	background-color: #BCCBEC;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
td.disclaimer {
  margin: 10px;
  padding: 10px;
	font-size: 70%;
	border: 1px solid #093A6A;
	background-color: #F7F0D3;
}
img.feature {
	border: 3px solid #4977A4;
}
.disclaimer {
  margin: 10px;
  padding: 10px;
	font-size: 70%;
	border: 1px solid #093A6A;
	background-color: #F7F0D3;
}
.btnclass {
	color: #ffffff; 
	background-color: #093A64;
	border: 1px solid #F6C20E;
	font-size: 12px;
}

/* modified 2011 */
.search
{
	background: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #093A64;
    height: 60px;
	border: 0;
	padding: 3px 2px 2px 2px;
}
.redirect {
    font-size: 12px;
}