@charset "utf-8";
/* CSS Document */

@viewport { width: device-width; }
@import url("sm.css") only screen and (max-width:480px);
@import url("med.css") only screen and (min-width:481px);
@import url("lg.css") only screen and (min-width:851px);

/*limited reset*/
html, body, div, section, article, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, address, time, span, em, strong, ol, ul, li, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
}

/*html5 display rule*/
address, article, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
body {
	margin: 0;
	padding: 0;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
}

.page {
	position: relative;
	background-color: #ffffff;
}
.top_search {
	float: right;
	margin-right: .25em;
}


/*header area*/
header {
	padding-bottom: 1%;
	font-weight: bold;
}

#content {
	font-size: .95em;
	margin: 0;
	padding: .5%;
}
#content p { margin: 1em 0; }
#content ul li { margin: 1em; }
#content .TabbedPanelsTab { margin: 0; }

h1 {
	font-size: 1.3em;
	color: #336699;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.1em;
}
a {	text-decoration: none;}

.leftCol { width: 42%; float: left; margin-right: 20px; }
.rightCol { width: 54%; float: right; }
/*a:hover {	text-decoration: underline;}*/

#recent, #highlights, #explore { margin: 1%; padding: .5%; }
#recent h2, #highlights h2, #explore h2, .column3 h2 { background-color: #336699; color: #ffffff; text-align:center; width: 100%; float: left; clear: both; margin-top: 10px; }

.story { width: 100%; float: left; clear: both; margin-bottom: 10px; }
.story a { text-decoration: underline; }
.story img { width: 100px; height: 75px; float: left; clear: none; margin-right: 5px; }

#staff { font-size: 1.1em; color: #003366; }
#staff img { float: right; border: 1px solid #336699; border-radius: 10px; box-shadow: 5px 5px 5px #dddddd; }
#staff h2, #staff h3 { margin: .5em 0; }
.staff img { padding: 0; margin: 0 5px 0 0; border: 1px solid #336699; border-radius: 10px; box-shadow: 3px 3px 3px #dddddd; }

.table { border-top: 1px solid #003366; border-bottom: 1px solid #003366; }
.table th { font-weight: normal; text-align: left; }
.table tr td {
	border-top: 1px solid #003366;
	border-left: 1px solid #003366;
	padding: .2em;
}
.TabbedPanels {
	margin-bottom: 10px;
}

.clear-fix { clear: both; line-height: 1px; }