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

@import url("reset.css");

/* Main Controls */
body {background-color: #fffbe4;}
#container {}
.center {margin: auto; top: 0; right: 0; bottom: 0; left: 0; text-align:center; width: 925px; background:url(../images/background.gif) no-repeat center;}
.centerFooter {margin: auto; top: 0; right: 0; bottom: 0; left: 0; text-align:center; width: 925px;}
.holderFooter {text-align: left; margin: 0px 6px 0px 6px;}
.holder {text-align: left; margin: 0px 6px 0px 6px; background-color:#FFFFFF; padding: 0px 10px 20px 10px}
#header {height: 229px;}
#content {min-height: 600px; height: auto !important; height: 600px; padding: 20px 5px 0px 5px}
#footer {background: url(../images/swalsc_21.jpg) repeat-x; height: 230px; padding: 10px 0px 0px 0px;}

/* Content Controls */
#logo {margin-bottom: 119px; height:75px; width: 451px; background:url(../images/swalsc-logo.png) no-repeat bottom; margin-left: 10px; position:absolute; top: 0px; z-index: 10; display: block; cursor:pointer}
#shadow {background: url(../images/background.gif) no-repeat center;}
#expandable {padding: 20px 20px 0px 20px; min-height: 600px; height: auto !important; height: 600px;}
#footerColOne ul {padding: 10px 0px 0px 15px; width:46%; float: left}
#footerColOne ul li {padding: 5px 0px 7px 0px;}
#footerColTwo ul {padding: 10px 0px 0px 15px; margin-right:20px}
#footerColTwo ul li {padding: 5px 0px 7px 0px; color: #FFFFFF}
#footerColOne {width: 600px; float: left;}
#footerColTwo {margin-left: 620px;}
.footerLeft {background: url(../images/footer-left.gif) no-repeat top left; min-height: 200px; height: auto !important; height: 200px}
.footerRight {background:url(../images/footer-right.gif) no-repeat top right; min-height: 200px; height: auto !important; height: 200px}
.spacer {clear: both;}
#columnOne {float:left; width: 635px; border-right: solid 1px #dbdbdb; padding-right: 13px; min-height: 600px; height: auto !important; height: 600px;}
#columnTwo {margin-left: 660px;}
.downloadBox {background:url(../images/swalsc_13.gif) no-repeat; width: 128px; height: 95px; padding: 12px 15px 0px 77px; color: #FFFFFF !important; margin-bottom: 8px; font-size:10px; line-height: 14px; display: block;}
.downloadBox a:link, .downloadBox a:visited, .downloadBox a:hover, .downloadBox a:active {color: #FFFFFF; text-decoration:none}
#columnOne h2 {border-top:dotted 1px #dbdbdb;  padding-top: 15px}
.flLFT {float: left}
.flRight {float:right}
#columnOne img {float: left; margin-right: 10px; padding-bottom: 5px}
#upperNav {padding: 0px 0px 0px 0px; position: absolute; top: 0;margin-left: 573px; z-index: 11}
#upperNav ul {padding-top: 8px; padding-left: 10px; width: 289px}
#upperNav ul li {display: inline; padding: 0px 5px 0px 5px; line-height: 14px;}
#upperNav ul li a:link, #upperNav ul li a:visited, #upperNav ul li a:hover, #upperNav ul li a:active {color: #444545}
.upperNavRight #currentpage a:link, .upperNavRight #currentpage a:visited, .upperNavRight #currentpage a:hover, .upperNavRight #currentpage a:active{color: #999999 !important}
.upperNavRight {background:url(../images/top-nav-right.png) no-repeat bottom right;  height: 30px; padding-right: 11px}
.upperNavLeft {background:url(../images/top-nav.png) no-repeat bottom left;  height: 30px; width: auto}

/* Typography Controls */

h1, h2 {color: #fdb827; margin-bottom: 15px;  line-height: 20px}
h1 {font-size: 15px;}
h2 {font-size: 15px;}
h3 {font-size: 15px; padding-bottom: 5px; color: #444545; line-height: 20px}
h4 {color: #007EA3; font-size: 15px; padding-bottom: 5px;}
.featureBox h4 {color: #007EA3; font-weight: bold; font-size:12px; padding-bottom: 15px; line-height: 20px; padding-top: 5px; clear:both}
#footer h3{color: #FFFFFF; padding-bottom: 10px}
#columnTwo h2 {color: #007ea3 !important;}
p {padding-bottom: 15px; line-height: 18px; text-align:justify}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #444545}
blockquote {padding-bottom: 10px; color: #858585; line-height: 18px; text-align:justify; font-size: 14px; font-style: italic}
a:link, a:visited, a:active {color: #007ea3; text-decoration:none}
a:hover {color: #007ea3; text-decoration:underline}
#columnOne ul {padding: 0px 0px 15px 40px}
#columnOne ul li {padding-bottom: 10px; line-height: 18px; list-style: circle}
#columnTwo ul {padding-bottom: 15px}
#columnTwo ul li {padding-bottom: 10px; line-height: 18px}
.topnav a:link, .topnav a:visited, .topnav a:active {color: #ffffff; text-decoration: none}
.topnav a:hover {color: #ffe2b1; text-decoration: none}
#footer a:link, #footer a:visited, #footer a:active {color: #ffffff; text-decoration: none}
#footer a:hover {color: #fdb827; text-decoration: none}
.small {font-size: 9px}
.last {background:none !important; padding-right: 0px !important}
.last a:link, .last a:visited, .last a:hover, .last a:active {padding-right: 0px}
#currentpage a:link, #currentpage a:visited, #currentpage a:hover, #currentpage a:active{color: #ffce7d;}
.publications {width:211px; float: left}
.headingMargin {margin-top: 20px}

/*Drop Down Styles*/

ul.topnav {background:url(../images/swalsc_04.gif) repeat-x; height: 35px !important; padding: 1px 5px 0px 17px;}
ul.topnav li {float: left; margin: 0; padding: 0px 10px 0px 8px; position: relative; /*--Declare X and Y axis base--*/background:url(../images/swalsc_06.gif) no-repeat right top;}
ul.topnav li a{padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left;}
ul.topnav li span { /*--Drop down trigger styles--*/width: 17px; height: 35px; float: left; background: url(../images/subnav_btn.gif) no-repeat center top;}
ul.topnav li span.subhover {cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;background: #333;margin: 0; padding: 0;display: none;float: left; width: 170px; border: 1px solid #111;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;width: 170px;  background:none}
html ul.topnav li ul.subnav li a {float: left;width: 155px; background: #333;
padding-left: 10px; color:#FFFFFF !important}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/background: #222;}
.information ul li{height:37px !important; padding-bottom: 0px !important;}
.information ul li a:link, .information ul li a:visited, .information ul li a:active { background:url(../images/bg-links.gif) repeat-x; color: #444545; line-height: 37px; height: 37px; display:block; padding-left: 5px}
.information ul li a:hover { background:url(../images/bg-links-hover.gif) repeat-x; color: #444545; line-height: 37px; height: 37px; display:block; padding-left: 5px}
.featureBox {float:left; width: 196px; margin-right: 20px;}
.featureBox p {text-align: left !important}
.featureLast {margin-right: 0px !important}
.featureBox img {margin-right: 0px !important; border:1px solid #DBDBDB; padding: 2px 2px 2px 2px !important;}
#featureHolder {margin-top: 10px; padding-top: 20px; border-top:dotted 1px #dbdbdb;}
.thank {margin: auto; top: 0; right: 0; bottom: 0; left: 0; text-align:center; width: 925px; padding-top: 200px}

/*Image Fade*/

#slideshow {position:relative; height:194px;}
#slideshow div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 194px; background-color: #FFF;}
#slideshow div.active {z-index:10; opacity:1.0;}
#slideshow div.last-active {z-index:9;}
#slideshow div img {height: 194px; display: block; border: 0;}

/*Image Gallery*/

#gallery{}
#gg_descrip{float: left}
#gg_image{	margin: 0px 10px 0px auto;padding: 0;float: left;}
#gg_image img{border: 2px solid #bebebe; padding: 2px; margin: 10px;}
#gallery td{padding: 10px 4px 4px 4px;}
#gallery img{padding: 3px; border: 1px solid #ccc; display: block}
#gallery img a:hover{border: 1px solid #bebebe;}
#gallery h2, #gallery h1{}

#gallery ul li{height:37px !important; padding-bottom: 0px !important;}
#gallery ul li a:link, #gallery ul li a:visited, #gallery ul li a:active { background:url(../images/bg-links.gif) repeat-x; color: #444545; line-height: 37px; height: 37px; display:block; padding-left: 5px}
#gallery ul li a:hover { background:url(../images/bg-links-hover.gif) repeat-x; color: #444545; line-height: 37px; height: 37px; display:block; padding-left: 5px}

/* Tool Tips Controls */

#tips {display:none; background: url(../images/map/white-background.png) transparent no-repeat; font-size:12px; height:31px; width:192px; padding:18px 18px 0px 18px; text-align:center; cursor: pointer; line-height: 14px}

#pics {background: url(../images/map/map.gif) no-repeat; height: 216px; width: 205px; margin-bottom: 20px}

#pics img {cursor: pointer}