
/*** STRUCTURAL STYLES ***/

.hide {display: none;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

#content {position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center;}

#hideouter {position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; z-index: 5; background: #97c0e6; filter:alpha(opacity=80); opacity: .8;}
#popups {position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; z-index: 10;}

#nav {position: absolute; right: 0; top: 23px; width: 159px; height: 16px; background: url(../img/nav.gif);}
#nav li {float: left;}
#nav li a {display: block; height: 16px; overflow: hidden; line-height: 50;}
#nav li a:hover, #nav li.on a {background: url(../img/nav.gif);}
	#navp a {width: 60;}
	#nava a {width: 45px;}
	#navc a {width: 54px;}
	#nav #navp a:hover {background-position: 0 -16px;}
	#nav #nava a:hover {background-position: -60 -16px;}
	#nav #navc a:hover {background-position: -105px -16px;}
	#nav #navp.on a {background-position: 0 -32px;}
	#nav #nava.on a {background-position: -60 -32px;}
	#nav #navc.on a {background-position: -105px -32px;}

#divp, #diva, #divc {position: relative; padding-left: 10; color: #fff; height: 450px;}
#divp p, #diva p, #divc p {width: 550; font-size: 12px;}
#divp p {width: 460;}

#divn {position: absolute; top: 0; right: 0; width: 175px; height: 200px; overflow: auto; font-size: 11px;}
#divn li {text-align: right; margin-bottom: 15px; padding-right: 15px;}
#divn li a {display: block; color: #fff;}
#divn li h4 {color: #006496; font-size: 11px; margin: 0;}

#divn, #pitems {scrollbar-3dlight-color: #97c0e6; scrollbar-base-color: #006496; scrollbar-darkshadow-color: #97c0e6; scrollbar-face-color: #006496; scrollbar-arrow-color: #97c0e6; scrollbar-highlight-color: #006496; scrollbar-shadow-color: #006496; scrollbar-track-color: #97c0e6;}

#pitems, #titems {position: absolute; left: 0; bottom: 0; height: 300px; width: 954px; overflow: auto;}
#titems {height: 200px; text-align: center;}
#titems table {margin: 0 auto;}
#pitems div, #titems div {margin: 0 5px; padding: 5px; background: #fff; border: 1px solid #91b9dd;}
#pitems h3, #titems h3 {margin: 0; font-size: 11px; color: #006496; text-transform: uppercase; padding-top: 5px; line-height: 11px;}

#pscroll {position: absolute; left: 0; bottom: 0;}

.popup {position: relative; width: 730; height: 530; margin: 50px auto; background: #fff; border: 1px solid #91b9dd;}
.news {width: 540px; height: 314px; margin: 150px auto;}
.popup img {display: block; border: 15px solid #fff;}
.popup h3.name {position: absolute; left: 15px; bottom: 10px; color: #006496; text-transform: uppercase; text-align: left;}
.popup h3.name a:hover {text-decoration: underline;}
.description, .showdescription {position: absolute; left: 15px; top: 480px; width: 700px; height: 15px; overflow: hidden; background: #135d88 url(../img/arrow-up.gif) center 5px no-repeat; filter:alpha(opacity=90); opacity: .9; text-align: left; cursor: pointer; cursor: hand;}
.showdescription {top: 365px; height: 130px; background-image: url(../img/arrow-down.gif); background-position: center 120px;}
.description p, .showdescription p {margin: 0; padding: 20px;}

h4.dateline {position: absolute; left: 20px; top: 20px; color: #f07e19; font-size: 12px; text-align: left;}
h3.headline {position: absolute; left: 20px; top: 45px; color: #006496; font-size: 14px; text-align: left;}
.story {margin: 90px 20px 0 20px; color: #70a2d8; text-align: left;}
.newslink {text-transform: uppercase; font-size: 12px; font-weight: bold;}
a.newslink:hover {text-decoration: underline;}
p.newscount {position: absolute; left: 20px; bottom: 10px; font-weight: bold; color: #006496; margin: 0; font-size: 11px;}

.close, .prev, .next {position: absolute; bottom: 10px; width: 15px; height: 15px; overflow: hidden; line-height: 50px; background: #0c0;}
.close {background: url(../img/close.gif); right: 55px;}
.prev {background: url(../img/prev.gif); right: 35px;}
.next {background: url(../img/next.gif); right: 15px;}

#contactright {position: absolute; right: 0; top: 0; width: 410px; border: 1px solid #91b9dd;}
#contactright img {border: 5px solid #fff;}
#contactleft {width: 500px; padding-top: 40px;}
p#getdirections a:hover {text-decoration: underline;}

