html
{
height: 100%;
}
/*IE 6*/
* html body {font-size: 85%;}
* html table {font-size: 97%;}

p   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	margin-top: 0.6em;
	margin-right: 12px;
}

body {
	margin:0;
	padding:0;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background-image: url(images/bodybkfinalblue.png);
	background-repeat: repeat-x;
	background-color: #EEEFF0;
		height: 100%;


}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: bold;
	font-variant: normal;
	color: #999900;
	text-align: left;
	margin: 0px;
	margin-right: 12px;
	margin-top: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999900;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.17em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	color: #999900;
	text-align: left;
	margin: 0px;
	margin-top: 1.1em;
	margin-right: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999900;
}
#noSpaceAbove {
	padding: 0;
	margin-top: 0em;

}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	background: url("images/wrapperbk.jpg") repeat;
	position: relative;
	min-height: 100%;
	
}
/* IE6 Hack */
* html #wrapper {
    height: 100%;
}

#header {
	height: 283px;
	background-image: url(images/topheaderfinalblue.jpg);
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	padding: 0; /*For KHTML*/
	list-style: none;
	height: 28px;
	margin-left: 13px;
	margin-right: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 206px;
}

ul#navmenu li {
	border: 0 none;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	
}

ul#navmenu ul {
	  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
	  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	text-decoration: underline;
	height: auto !important;
	height: 1%; /*For IE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:54px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 60px;
	background-image: url(images/whitelinemenublue.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width:125px;
	text-align: center;
	
	
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #FFFFFF;
	background-color: #2E496B;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #999900;
	line-height:14px;
	padding-top:6px;
	padding-bottom:6px;
	width:137px;
	background-image: url(none);
	border-bottom-color: #2b2f37;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:-4px;
	margin-bottom:4px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #333;
	background-color: #DDDFE1;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  color: #49749E;
	background-color: #FFFFA8;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  color: #448822;
	background-color: #FFFF44;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
 background: #FFFFD7;
  color: #DD4343;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
.todaysdate{
	float:right;
	color: #999900;
	font-size: 11px;
	font-style: italic;
	margin-right: 13px;
	margin-top: 8px;
}
#side-a {
	float: left;
	width: 400px;
	margin-left: 13px;
}
#side-a2 {
	float: left;
	width: 755px;
	margin-left: 13px;
}
#side-a3 {
	float: left;
	width: 485px;
	margin-left: 13px;
}
#side-b {
	margin: 0;
	float: left;
	width: 310px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin-left: 32px;
}
#side-b3 {
	margin: 0;
	float: left;
	width: 260px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin-left: 12px;
}

#footer {
	clear: both;
	background: #ffffff;
	background-image: url(images/footerbk.jpg);
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 0px;
	background-position: center top;
	font-size: 10px;
	height: auto;
	padding-top:8px;
}
	
	
/* all A tags whose HREF attribute ends in .pdf */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute equals pdf */
a[rel='pdf'] { 
	padding-right: 18px;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/
a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */
a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose HREF attribute starts with mailto: */
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(images/icon_mailto.gif) no-repeat center right;
   
}

/* all A tags whose CLASS attribute is popup */
a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(images/icon_popup.gif) no-repeat center right;
}


a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(images/icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(images/icon_xls.gif) no-repeat center right;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(images/icon_external.gif) no-repeat center right;
}
/* all A tags whose HREF attribute starts with #top */
a[href ^="#top"] {
	padding-right: 18px;
    background: transparent url(images/icon_top.gif) no-repeat center right;
   
}
#index .index, #projects .projects, #webcam .webcam, #location .location, #about .about, #contact .contact, #requirements .requirements, #resources .resources, #services .services, #policies .policies

{
color: #FFFFFF;
	background-color: #2E496B;}
	
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.homerightcolpic{
	margin-bottom: 6px;
	margin-left: 8px;
}
.leftcolpic{float:left;
margin-right:6px;}

a.more:link {
	color: #999900;
	text-decoration: underline;
}
a.more:hover {
	color: #999900;
	text-decoration: none;
}

.floatleft{
	float:left;
	width: 188px;
}
.floatright{
	float:right;
	width: 188px;
}
a.readmore:link{
	background-image: url(images/more.gif);
	background-position: left center;
	padding-left: 18px;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #999900;
	font-size: 12px;
}
a.readmore:hover {
	text-decoration: none;	
}

.readmore2{
	margin-top: -34px;
	margin-left: 285px;
	
}
.readmore3{
	margin-top: 14px;
	margin-left: 585px;
	
}
.clearboth2{clear:both;
height:14px;}

.clearboth3{clear:both;
height:24px;}

.clearboth4{clear:both;
height:54px;}

.leftonly2jpg{width:400px;}
.projectspage{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 24px;
	text-decoration: underline;
	color: #999900;
}
.projectspage2{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 24px;
	margin-left: 6px;
	text-decoration: underline;
	color: #999900;
}
.aboutus{margin-left:12px;}
.floatleftprojects{
	float:left;
	width:48%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333333;
}
.floatrightprojects{float:right;
width:48%;}
.projectsthumb{margin-left:75px;}
.projectsbk{
	background-image: url(images/contentbkleftonly.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	height: 50px;
}
.hrprojects{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	color: #FFFFFF;
	margin-top:0px;
	margin-bottom:12px;
	background-color: #FFFFFF;
	height:.1em;
}
#fullwidth {
	margin-left: 20px;
	margin-right: 20px;
}
#fullwidth ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	margin-top: 0.6em;
	margin-left: 30px;
	margin-right: 25px;
}
#comparison {
	margin-left: 14px;
}
#compare-a {
	float: left;
	width: 320px;
	margin-left: 13px;
}
#compare-a h6 {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 1px;
	font-size: 1.0em;
}
#compare-a ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#compare-a li {
	margin-bottom: 5px;
}
#compare-b {
	margin: 0;
	float: left;
	width: 320px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin-left: 38px;
}
#compare-b h6 {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 1px;
	font-size: 1.0em;
}
#compare-b ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#compare-b li {
	margin-bottom: 5px;
}
#copyright {
	float: left;
	width: 755px;
	margin-left: 13px;
	font-size: .8em;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#map {
		margin:0;
	padding:0;
	width:483px;
	height:273px;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
	background-color: #fff;
	background-image: url(images/finalmap.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#map li {
	margin:0;
	padding:0;
	list-style:none;
}
#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(trans.gif);
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#map a.orlandpark {
	top:442px;
	left:378px;
	width:5px;
	height:5px;
}
#map a.westmont {
	top:433px;
	left:375px;
	width:5px;
	height:5px;
}
#map a.westmont2 {
	top:435px;
	left:368px;
	width:5px;
	height:5px;
}
#map a.chicago {
	top:430px;
	left:385px;
	width:5px;
	height:5px;
}
#map a.southelgin{
	top:430px;
	left:380px;
	width:5px;
	height:5px;
}
#map a.newlenox{
	top:446px;
	left:372px;
	width:5px;
	height:5px;
}
#map a.glenellyn {
	top:424px;
	left:382px;
	width:5px;
	height:5px;
}
#map a.naperville {
	top:424px;
	left:372px;
	width:5px;
	height:5px;
}
#map a.warrenville {
	top:436px;
	left:365px;
	width:5px;
	height:5px;
}
#map a.wheaton {
	top:438px;
	left:380px;
	width:5px;
	height:5px;
}
#map a.stjohn{
	top:452px;
	left:401px;
	width:5px;
	height:5px;
}
#map a.munster{
	top:458px;
	left:398px;
	width:5px;
	height:5px;
}
#map a.barrington{
	top:418px;
	left:382px;
	width:5px;
	height:5px;
}
#map a.hinsdale{
	top:419px;
	left:376px;
	width:5px;
	height:5px;
}
#map a.longgrove{
	top:412px;
	left:379px;
	width:5px;
	height:5px;
}
#map a.plainfield{
	top:445px;
	left:368px;
	width:5px;
	height:5px;
}
#map a.crownpoint{
	top:464px;
	left:405px;
	width:5px;
	height:5px;
}
#map a.flossmoor{
	top:444px;
	left:383px;
	width:5px;
	height:5px;
}
#map a.brightonpark {
	top:435px;
	left:385px;
	width:5px;
	height:5px;
}
#map a.chicago2 {
	top:435px;
	left:390px;
	width:5px;
	height:5px;
}
#map a.schererville{
	top:466px;
	left:398px;
	width:5px;
	height:5px;
}
#map a.chicago3 {
	top:435px;
	left:393px;
	width:5px;
	height:5px;
}#map a.chicago4 {
	top:435px;
	left:395px;
	width:5px;
	height:5px;
}#map a.chicago5 {
	top:437px;
	left:391px;
	width:5px;
	height:5px;
}
#map a.manhattan{
	top:452px;
	left:378px;
	width:5px;
	height:5px;
}
#map a.channahon{
	top:444px;
	left:362px;
	width:5px;
	height:5px;
}
#map a.palos{
	top:444px;
	left:385px;
	width:5px;
	height:5px;
}
#map a.aurora{
	top:436px;
	left:367px;
	width:5px;
	height:5px;
}
#map a.plainfield2{
	top:452px;
	left:368px;
	width:5px;
	height:5px;
}
#map a.flossmoor2{
	top:444px;
	left:389px;
	width:5px;
	height:5px;
}
#map a.darien{
	top:444px;
	left:379px;
	width:5px;
	height:5px;
}
#map a.yorkville{
	top:444px;
	left:381px;
	width:5px;
	height:5px;
}
#map a.lisle {
	top:424px;
	left:365px;
	width:5px;
	height:5px;
}
#map a.hanoverpark{
	top:430px;
	left:374px;
	width:5px;
	height:5px;
}
#map a.naperville2 {
	top:420px;
	left:366px;
	width:5px;
	height:5px;
}
#map a.crownpoint2{
	top:464px;
	left:409px;
	width:5px;
	height:5px;
}
#map a.paloshills{
	top:454px;
	left:385px;
	width:5px;
	height:5px;
}
.currently{
	margin-top:0px;
}