html {height:100%;}

body {
	font-size:80%;
	color:#000000;
	background-color: #dae4ea;
	font-family: Verdana, arial, Helvetica, sans-serif;
	background:#dae4ea url(bg.gif) repeat-x;
	height:100%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
div.cleardiv {clear:both;padding:0 !important;}

a {color:#604747;text-decoration:underline;font-weight:bold;}
a:hover {text-decoration:none;color:#CC3E00;}

p.small {font-size:90%;}

#wrapper {background: url(stairs.gif) top right no-repeat;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -10em; /* the bottom margin is the negative value of the footer's height */ text-align: left;}
#top {height:116px;}
#maincontent, #navigation, #footercontent {width:850px;margin:0 auto;}
#maincontent {padding:0;}
#maincontent p {line-height: 140%;margin:0 0 .75em 0;}  
#footer {position:relative;  padding:0; width:100%; background-color: #433c2a; font-size:85%; color:#000000;}
#footer, #push {
	height: 10em; /* .push must be the same height as .footer */
}

hr {
border: none 0; 
border-top: 1px solid #908976;/*the border*/ 
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
}

#navigation {position:relative; width:850px; height:116px; background:transparent url(header.gif) no-repeat; overflow:hidden; margin:0 auto;}
#navigation ul {margin:92px 0 0 0;}
#navigation li {list-style-type:none; width:65px; height:20px; display:inline;}
#navigation a.nav {display:block; float:left; width:65px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:20px;background:transparent url(header_over.gif) no-repeat 500px 500px;}
#navigation a.second {width:250px;}
#navigation a.third {width:180px;}
#navigation a.fifth {width:115px;}

* html #navigation a.nav {height:20px; he\ight:0;}
#navigation a#item1:hover {background-position: -0px -92px; z-index:50;}
#navigation a#item2:hover {background-position: -65px -92px; z-index:50;}
#navigation a#item3:hover {background-position: -315px -92px; z-index:50;}
#navigation a#item4:hover {background-position: -495px -92px; z-index:50;}
#navigation a#item5:hover {background-position: -560px -92px; z-index:50;}

.grid .unit {float:left;margin-left:2%;width:31%;}
.grid div.first {margin-left:0;float:left;}



h1.title {
	letter-spacing: 0px;
	margin:10px 0 10px 0;
	font-size: 25px;
	padding:0;
	color: #433c2a;
}

h2.subtitle {
	letter-spacing: 0px;
	font-size: 20px;
	padding:0;
	color:#CC3E00;
}
#footercontent {padding:10px 0 0 0;background-color: #433c2a;}
#footercontent h3 {font-size: 14px;font-weight:bold;text-align:left;text-transform:uppercase;}
#footercontent p {padding:5px 0 0 0;color:#fff;}
#footercontent p a {color:#fff;}


#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }