/* Fix for page shift - adds vertical scroll bar on all pages */
html { overflow-y: scroll; }

html, body, form, #container { height:100%; margin:0; padding:0;  }

body { font-family:Arial; font-size:13px; color:#393939; background:#eae6d9 url(images/common/bodyBg.gif) repeat-x; }

a { font-family:Calibri; font-size:14px; color:#1b6398; text-decoration:none; }
a:hover { text-decoration:underline; }

img { border:none; }

h1 { margin:0 0 10px 0; color:#0F456C; font-family:Arial; font-size:16px; }

/***********************************/
/* Framework */
/***********************************/
body #container { height:auto !important; height:100%; min-height:100%; }

#header, #main, #footer { margin:auto; width:980px; }

#header { height:163px; position:relative; }

#main { padding-bottom:190px; }  /* must be same height as the footer */

#footer-container {
    position:relative;
	margin-top:-190px; /* negative value of footer height */
	height:190px;
	clear:both; background:transparent url(images/common/footerBg.gif) repeat-x; }
	
.section { float:right; width:300px; margin-top:14px; }

#main-section .section { float:none; width:auto; margin-right:312px; }

#main-section .charting { padding:30px 0 30px 45px; background-color:#fff; margin-right:0px;}

#flashChart { margin: 30px 30px 30px 0px; outline:none; }

#main-section { float:left; width:100%; margin-right:-300px; padding-bottom:10px; }

.section {
	/* to preserve source-order independence for Gecko */
	/*position: relative; */}

.section {
	/* to preserve source-order independence for IE */
	_position: static; }

#main-section .section {
	/* to preserve source-order independence for Gecko */
	position: static; }
	
/***********************************/
/* Clear Fix */
/***********************************/
#header:after,
#main:after,
#homeCallout:after,
#main-section .section:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
#header,
#main,
#homeCallout, 
#main-section .section { zoom: 1; }
	
/***********************************/
/* Header */
/***********************************/
#logo { float:left; display:block; }
#randomHeaderImage { float:right; }

/***********************************/
/* Footer */
/***********************************/
.footer-section { float:left; height:190px; }
#footer .divider { background:transparent url(images/common/footerDivider.gif) no-repeat right top; }

.searchBox { margin:35px 40px 15px 0; padding:0 16px 15px 12px; border-bottom:solid 1px #305179; }
.searchBox input { margin:0; padding:0; vertical-align:top; }
.search-label {
    display:block; float:left; width:54px; height:14px; margin:5px 10px 0 0;
    text-indent:-9000px; background:transparent url(images/common/search.gif) no-repeat; 
}
.search-text {
    font-size:15px; width:175px; height:25px;
    border-top:solid 1px #888888; border-bottom:solid 1px #888888; border-left:solid 1px #888888; border-right:none;
    background:#fff url(images/common/textBoxBg.gif) repeat-x;
}

#copyright {width:230px; margin-left:12px; font-family:Arial; font-size:11px; color:#9ab8cd; }

#hit-logo { margin:32px 0 0 50px; }

/***********************************/
/* Navigation */
/***********************************/

/* Main Nav */
#mainNav ul { float:left; list-style:none; padding:0; margin:0; }
#mainNav li { float:left; margin:0; padding:0; position:relative; }
#mainNav li a {
    display:block; float:left; height:29px; padding:11px 15px 0 15px;
    font-family:Trebuchet MS; font-size:13px; font-weight:bold; color:#f1f0ec; text-decoration:none;
}
#mainNav li a:hover, #mainNav li a.hovering { color:#958773; background-color:#eae6d9; }

#mainNav li ul { position:absolute; left:0; top:40px; padding:3px 0 17px 0; background-color:#c6bea0; border:solid 1px #eae6d9; display:none; z-index:2000; }
#mainNav li ul li { clear:both; padding:0 9px; }
#mainNav li ul li a { width:185px; height:auto; padding:6px 8px; color:#fff; border-bottom:solid 1px #a29a77; }
#mainNav li ul li a:hover { color:#736847; background-color:transparent; }
#mainNav .dropShadow { display:none; }

/* Footer Nav */
#footerNav ul { float:left; list-style:none; margin:28px 65px 0 50px; padding:0; display:inline; }
#footerNav ul#fn2 { margin-left:0; }
#footerNav li { margin-bottom:4px; padding-left:12px; background:transparent url(images/common/arrowGold.gif) no-repeat 0 6px; }
#footerNav a { font-family:Arial; font-size:12px; color:#fff; }

/***********************************/
/* Content */
/***********************************/
a.rss { padding:3px 25px 0 0; background:transparent url(images/common/rss.gif) no-repeat right top; }
.content { padding:30px 15px 30px 30px; background-color:#fff; }

#homeCallout { margin-top:15px; padding:10px; font-family:Calibri; font-size:14px; color:#393939; background-color:#bbb18e; }
#homeCallout img { float:left; margin-right:15px; border:solid 1px #fff; }
#homeCallout h1 { font-family:Georgia; font-size:21px; font-weight:normal; color:#fff; }
#homeCallout a { color:#fffe99; }

#AtAGlancePlayer { margin-bottom:20px; }
h1.news-header { float:left; }
div.news-header { float:right; margin:9px 4px 0 0; color:#1B6398; }

.news-item { clear:both; margin-bottom:15px; font-family:Calibri; font-size:14px; color:#555; }
.news-item a { display:block; font-weight:bold; }

/***********************************/
/* Projects */
/***********************************/
#RegionalMap { margin-left:45px; outline:none; }
#RegionLinks { text-align:center; }
#projectsBlock { margin-bottom:30px; }
.projectsLeft { width:70%; float:left; }
.projectsRight { width:30%; float:left; }
.projectsHeader a { font-size: 16px; font-weight:bold; }
/*.projectsDesc { float:left; width:75%; }*/
.projectsThumb { float:left; margin-right:10px; }
.projectsClearer { clear:both; }

/* Project detail page stats box */
#projectStats { border-collapse:collapse; float:left; list-style:none; background:#EAE6D9; padding:0; border:solid 1px #99906f; }
#projectStats td { border-bottom: solid 1px #99906f; padding:5px 10px 5px 10px; }


#projectImage { float:right; margin:0 30px 20px 0; text-align:center; }
#projectPreview { float:left; }
#projectDesc { clear:both; }

/*.projectThumb { width:250px; height:154px; }*/

#projectImage a img { width:22em; border-width: 0; }

#projectImage a { display:block; }

/***********************************/
/* Newsletter */
/***********************************/
.subscriptionForm { margin-bottom:90px; }
.newsletterArchiveSection { min-height: 350px; height: auto !important; height: 350px; margin-top:30px; }
.newsletterArchiveSection span { display:block; margin-bottom:25px; margin-left:40px; margin-top:8px; width:80%; }
.newsletterHeader { font-weight:bold; margin-bottom:6px; }

/***********************************/
/* Lightbox */
/***********************************/
#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; }