/* Layout via - http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ */
html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */

html>body #content-wrap {height:100%; } /* 100 % height */
html>body #content {padding: 0 1em 140px;} 
#footer {
	width:100%;
	height:5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

#content-wrap {
	background: url("header.png") no-repeat left top;
	width: 900px; margin: 0 auto;	
}
body {
	background: #eafbff url("sky.png") no-repeat center bottom fixed;
}
#header * {
	margin: 0;
	padding: 0;	
}

/* Styles */
body {
	color: #444;
	min-height: 600px;
}
p, li { font-size: 1.2em; }
h1, h2, h3, h4, h5, h6 {
	color: #126098;
	padding-right: 20%;
}

/* Content */
#content {
	clear: both;	
}
div#sponsors {
    float: right;
    border: 8px solid #0065b7;
    width: 236px;
    background-color: #fff;
    text-align: center;
}

.announcement {
	background: url("exclaimation.gif") no-repeat 3px 3px;
	border: 2px solid #A5D6D1;
	padding: 0.3em 0.5em 0.3em 30px;
	background-color: #fff;	
}

.announcement strong {
	color: #097167;	
}

/* Navigation */
.navigation {
	overflow: hidden;
}
.navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}
#content-wrap .navigation {
	margin: 0 10px;
}

li.page_item {
	float:left;
	font-size: 1.2em;
	margin: 0 0.4em 0.7em 0;
}

.page_item ul {
	display: none;	
}

.page_item a {
	color: #010868;
	display: block;
	background: #ddf1f5 url("menu_normal.gif") no-repeat center center;
	padding: 0.4em 0.7em;
	text-decoration: none;
}
.page_item a:hover {
	background: #b6e1f3 url("menu_hover.gif") no-repeat center center;
}

/* Specifics */

p#flypresents {
	color: #0065b7;	
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	font-size: 2em;
	margin-left: 60px;
	padding-top: 0px;
}
#flypresents a {
	color: #0065b7;
}
#flypresents a:hover {
	text-decoration: none;	
}

#sitetitle {
	margin-top: -5px;	
}
#sitetitle a {
	display: block;
	width: 700px;
	height: 90px;
}
#sitetitle a:hover {
	background: url("header_hover.png") no-repeat 0 -31px;
}
#sitetitle a span {
	position: absolute;
	top: -99999px;	
}
#datelocation {
margin:-0.6em 0 0.3em 12px;
}

#footer {
	height: 146px;
	background: url("footer.gif") no-repeat center bottom;
}
#labfooter {
	width: 900px;
	position: relative;
	margin: 0 auto;	
}
#footer .navigation {
	padding-top: 100px;
	margin-left: 170px;
}
#footer li.page_item {
    margin: 0 0.4em 0 0;
}
#footer .page_item a {
    font-size: 0.8em;
    background: rgb(0,160,255);
    background: rgba(0,200,255,0.4);
    color: #fff;
}
#footer .page_item a:hover {
	background:rgb(60, 220, 255);
    background: rgba(180,235,255,0.4);
}
#copyright {
	clear: both;
	margin-left: 170px;
	color: #def;
}
#copyright a {
	color: #fff;
}
#copyright a:hover {
	text-decoration: none;
}

#highlight {
width: 38%;
padding: 10px;
background-color: #fff;
margin: 0 0 10px 10px;
}
#highlight h2 {
background-color: #a5d6d1;
color: #097167;
margin: 3px;
margin-bottom: 0.5em;
padding: 0 0.3em;
}
#highlight strong {
color: #097167;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin-right: 0;
	}

.alignleft {
	float: left;
	margin-left: 0;
}
/* End Images */

/* Hacks */
#extra {
	display: none;	
}
#sponsor {
	position: absolute;
	top: 25px;
	right:23px;
	display: block;
	width: 215px;
	height: 40px;
	//background-color: rgba(0,0,0,0.4);
}
#sponsor span {
	position: absolute;
	top: -99999px;	
}