body { font: 62.5%/16px Arial, Helvetica, sans; background-color: #464748; }
a { text-decoration: none; color: #2b92d4; }
a:hover { color: #153d8f; text-decoration: underline; }
img { border: 0; }
h1, h2, h3, h4 { line-height: 1; }
h1 { margin: 0; padding: 0; }
h2 { font-size: 2.3em; color: #464748; text-transform: uppercase; letter-spacing: 2px; margin: 1em 0; /*1.8em 0 1.5em 0;*/ }
h3 { font-size: 2em; margin: 0.75em 0; /*1.5em 0 1.2em 0;*/ }
h4 { font-size: 1.6em; margin: 0.5em 0; }
h5 { color: rgb(70,71,72); text-transform: uppercase; font-size: 1.4em; margin: 0.5em 0; }
hr { margin: 25px 0; border-top: 1px solid #ddd; }

#wrap { width: 80%; margin: 25px auto; background-color: #fff; box-shadow: 0 0 20px #282828; }
#wrap .header_img { width: 45%; height: auto; float: left; }

#sidebar { float: left; margin-top: 142px; text-align: right; width: 21%; /*24%;*/ }
#sidebar ul { list-style-type: none; margin-bottom: 20px; padding: 0; }
#sidebar li { list-style-type: none; padding-bottom: 5px; }
#sidebar .selected { color: #2b92d4; font-weight: bold; }
#sidebar a { text-decoration: none; color: #464748; letter-spacing: 1px; font-size: 1.4em; }
#sidebar a:hover { color: #63bef9; text-decoration: underline; }
#sidebar a:focus { border: 1px dotted #d81e27; }

#menu { background-color: #2b92d4; height: 100%; padding: 22px 0 37px 0; clear: both; }
#menu ul { margin: 0 0 0 20%; }
#menu li { 
	float: left; 
	color: #fff; 
	font-size: 2em;
	letter-spacing: 1px; 
	padding: 0; 
	margin: 0 20px; 
	list-style: none;
	}
#menu li:first-child { margin-left: 0; }
#menu li:last-child { margin-right: 0; }
#menu li a { 
	background: transparent url('/shared/images/pent_none_sm.png') no-repeat 0 4px; 
	color: #fff; 
	vertical-align: top; 
	padding-left: 20px; 
	}
#menu li a:hover, #menu #navhi a:hover { 
	color: #fff; 
	background: transparent url('/shared/images/pent_out_sm.png') no-repeat 0 4px; 
	}
#menu #navhi a { background: transparent url('/shared/images/pent_hi_sm.png') no-repeat 0 4px; }
#menu li a:focus { border: 1px dotted #fff; }
#menu .selected { color: #fff; font-weight: bold; }

#content { float: left; padding: 0; width: 71%; margin: 56px 4% 70px 4%; }
#content h1 { 
	font-size: 4.2em; 
	text-transform: lowercase; 
	letter-spacing: 1px; 
	color: #2b92d4; 
	font-weight: normal; 
	margin-bottom: 1em;
	}
#h1graphic { float: left; margin: -1px 0 0 -60px; /*-12px 0 0 -60px;*/ }
#content p { font-size: 1.4em; line-height: 18px; color: #464748; margin: 0 0 20px 0; }
#content a { font-weight: bold; }
#content ul, ol { margin-left: 0; padding-left: 0; margin-bottom: 20px; }
#content li { font-size: 1.4em; line-height: 18px; color: #464748; margin: 0 0 5px 30px; padding-left: 0; }
#content .slogan_txt { color: #999; font-size: 1.6em; font-style: italic; }

#orangebar { background-color: rgb(223,143,22); height: 22px; width: 100%; clear: both; }

#footer { clear: both; background-color: #464748; width: 100%; margin: 0 auto; }
#footer img { padding-top: 16px; padding-right: 10px; float: left; border: none; }
#footer p { 
	font-size: 1.2em; 
	color: #fff; 
	line-height: 1.3em; 
	text-align: left; 
	float: left; 
	padding-bottom: 40px; 
	}
#footer ul { display: none; }
/* #footer li { list-style-type: none; display: inline; color: #fff; } */
#footer a { color: #fff; }
#footer a:hover { color: #999; text-decoration: underline; }
#footer a:focus { border: 1px dotted #fff; }

#bottomnav { text-align: right; padding-right: 25px; height: 33px; margin-top: 17px; }
#bottomnav ul { list-style-type: none; display: inline; }
#bottomnav li { 
	background: url("/shared/images/pent_archive.sm.png") no-repeat top left; 
	list-style-type: none; 
	display: inline; 
	padding: 3px 30px 10px 20px;
	}
#bottomnav li a { font-size: 1.6em; color: #bbb; }

#tableish tr { border: 1px solid #2b92d4; }

table.mytable { padding: 0; border: none; border: 1px solid #a1d2fa; }
table.mytable td { border: none; vertical-align: top; padding: 9px; font-weight: bold; }
table.mytable tr.special td { border-bottom: 1px solid #a1d2fa; color: #464748; font-weight: normal; }
table.mytable tr.special2 td { color: #464748; font-weight: normal; }
table.mytable strong { color: #2b92d4; text-transform: uppercase; }
table.mytable .uppertext { color: #2b92d4; text-transform: uppercase; font-size: 1.2em; }

table.archive { padding: 0; font-size: 1.2em; }
table.archive td { border: none; vertical-align: top; padding: 4px 7px; font-weight: bold; }
table.archive tr.special td {
	border-bottom: 1px solid #a1d2fa;
	color: #464748;
	font-weight: normal;
	vertical-align: top;
	}
table.archive tr.special2 td { color: #464748; font-weight: normal; }
table.archive strong { color: #2b92d4; text-transform: uppercase; }
table.archive h2 { font-size: 2em; }
#content table.archive ul { list-style-type: none; text-align: right; margin: 0; }
#content table.archive li { line-height: 14px; }
#content table.archive li a { font-weight: normal; font-size: 0.85em; letter-spacing: 1px; }
table.archive .uppertext { color: #2b92d4; text-transform: uppercase; font-size: 1.2em; }

.turnred-bold { color: #2b92d4; font-weight: bold; }
#contributor { margin-bottom: 35px; border-bottom: 1px solid #2b92d4; }
.bioinfo { border-top: 1px solid #2b92d4; border-bottom: 1px solid #2b92d4; padding: 10px; }
.highlight { background-color: #ff0; }

div#title img { position: absolute; top: 382px; left: 166px; width: 44px; height: 22px; }

.accommo_img { float: left; border: none; margin: 0 15px 15px 0; box-shadow: 0 2px 6px #969696; }

/** RESIZINGS **/
@media all and (min-width: 1280px) {
#menu ul { margin: 0 0 0 21%; }
}

@media all and (max-width: 970px) and (min-width: 800px) {
#menu ul { margin: 0 0 0 5%; /*18%;*/ }
#menu li { margin: 0 20px; }
}

@media all and (max-width: 799px) {
#menu ul { margin: 0; /*0 0 6%;*/ }
#menu li { margin: 0 8px; /*20px;*/ }
}