﻿/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/
#head{text-align: left;width: 995px; margin: 0 auto;position: relative;}
#head:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrapper{margin: 0 auto 10px; text-align:center;background:#F9F9F9;border-top:#ECECEC 1px solid;}
#wrapper:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#footer{margin: 0 auto; text-align:center;background:#DFDFDF url(/_img/footer-bgd.gif) repeat-x top left;font-family:Trebuchet MS, Arial; color:#2f2f2f;}
#footer:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.mainContent{width: 995px; margin: 0 auto; text-align: left;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/
#head #greenBanner{background:#004d42;float:right;width:685px;height:7px;}
#head img{float:left;margin:10px 50px;display:inline;}
#head h1{float: right; width: 340px; background: url(/_img/grey-line.gif) no-repeat right 16px; color: #990170; padding-right: 230px; margin: 0 114px 10px 0; display: inline;}
#head p{float:right;color:#666;margin:30px 30px 0 0;}
#head span{color:#990170;}
#head input{float:right;background:url(/_img/search-bgd.gif) no-repeat;width:161px;height:24px;border:none;padding:1px 0 0 20px;margin-bottom:10px;}
#head input.searchBtn{background:url(/_img/search-btn.gif) no-repeat;width:43px; height:26px; cursor: pointer;}

/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/
#wrapper h1.caption{float:left;display:inline;color:#990170;}
#footer p{float:right;margin:15px 0;font-size:90%; clear:right;}
#footer ul{float:left;list-style:none;margin:0;}
#footer ul li{float: left; margin:15px 0px;}
#footer ul li a{padding:0 5px; font-size: 90%; color: #2f2f2f;}
#footer ul li a:hover, #footer ul li a.on{color:#990170;}
#footer a{padding:0; font-size: 90%; color: #2f2f2f;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#priNav{position: relative; z-index: 2;}
#priNav ul{list-style: none; float: left; margin: 0;}
#priNav ul li{float: left; margin: 0;}
#priNav ul a{float: left; padding: 15px 0; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 #eee; background: url(/_img/nav-bgd.gif) repeat-x;}
#priNav ul a:hover, #priNav ul a.on{background-image: url(/_img/nav-list-hover.gif); color: #fff; text-shadow: 0 1px 0 #333;}
#priNav ul a span{border-left: 1px #dcdcdc solid; border-right: 1px #f7f7f7 solid; padding: 3px 35px;}
#priNav ul li.home a{background: url(/_img/nav-list-start.png) no-repeat 0 0; padding-left: 43px;}
#priNav ul li.contact a{background: url(/_img/nav-list-end.png) no-repeat 100% 0; padding-right: 44px;}
#priNav ul li.home a:hover, #priNav ul li.home a.on{background-image: url(/_img/nav-list-start-hover.png);}
#priNav ul li.contact a:hover, #priNav ul li.contact a.on{background-image: url(/_img/nav-list-end-hover.png);}
#priNav ul a:hover span, #priNav ul a.on span, #priNav ul li.home a span, #priNav ul li.contact a span{border-color: transparent;}

#internalNav ul{list-style:none;margin:0;}
#internalNav ul li{width:280px;margin:0;}
#internalNav ul li a{float:left;width:260px;background:url(/_img/arrow-dots.gif) no-repeat left center;color:#3F505C;border-bottom:dashed 1px #B7B7B7;padding:10px;display:block;}
#internalNav ul li a.on{padding-left:20px;width:250px;border-bottom:none;background:#990170 url(/_img/arrow-down-white.gif) no-repeat 5px center;color:#fff;}

#internalNav ul li.thirdNav{font-size: 90%;}
#internalNav ul li.thirdNav a{background:none; background-color: #ececec; color: #000}
#internalNav ul li.thirdNav a.on{background:url(/_img/arrow-dots.gif) no-repeat left center; padding-left: 10px; color: #000}

/* == Index 
----------------------------------------------------------------------------------------------------------------------*/
#wrapper .zoneOne{float:left;width:995px;position:relative;padding-bottom:30px;height: 293px;}
#wrapper .zoneOne h1{font-size:200%;}
#wrapper .zoneOne a,
#wrapper .zoneTwo a{color:#990170;}

#wrapper .zoneTwo{float:left;margin-top:25px;margin-bottom:50px;}
#wrapper .zoneTwo .splitLeft{float:left;width:650px;}
#wrapper .zoneTwo .splitLeft p{float:right;width:75%;margin-bottom:0;}
#wrapper .zoneTwo .splitLeft img{float:left;margin:20px 0 0 10px;}
#wrapper .zoneTwo .splitLeft h2{float:left;color:#3F505C;font-size:130%;display:inline; margin: 0 0 5px;}
#wrapper .zoneTwo .splitLeft h1{width:630px;color:#990170;background:url(/_img/bottom-border.gif) no-repeat left bottom;padding:0 0 20px 20px;margin:20px 0 0;font-size:150%;}
#wrapper .zoneTwo .splitRight{float:right;width:300px;margin-left:45px;}

.latestNews{clear: both;}
.latestNews h1{width:100%;padding:0 0 13px 0;margin:20px 0 0 0;color:#990170;background:url(/_img/bottom-border.gif) no-repeat left bottom;font-size:130%;}
.latestNews p, .nextEvents p{float:right; font-size:90%;margin-top:7px; margin-bottom: 0}
.latestNews img, .nextEvents img{float:left;border:1px solid #D8D6D6;padding:2px;margin-right:15px;}
.nextEvents h2{float:left;width:300px;color:#990170;font-size:130%;border-top:dashed 1px #B7B7B7;border-bottom:dashed 1px #B7B7B7;padding:3px 0 3px 0; margin: 2px 0 10px 0;}
.nextEvents .newsImg{display: none;/*to hide image on homepage for latest event*/}
.latestNews ul li,.nextEvents ul li{margin-bottom: 0;}

.greenHolder{float:right;background:#34796E url(/_img/green-holder.gif) no-repeat right bottom;padding-bottom:2px;}
.greenHolder img{float:left;margin:1px 15px 0 1px;border:none;padding:0;}
.greenHolder h1{float:right;width:55%;color:#fff;background:none;margin:10px 0;padding:0 15px 0 0;font-size:150%;}
.greenHolder a{float:right;width:50%;color:#fff !important;text-decoration:none;padding:0 30px 0 0;text-align:left;}
.greenHolder span{background:url(/_img/green-arrow.gif) no-repeat right bottom; padding-right:25px;}

.featureBox{height: 105px; background: url(/_img/feature-box-bg.gif) #004D42 no-repeat bottom right; color: #fff; zoom: 1; font-size: 90%; padding: 2px 18px 2px 2px;}
.featureBox:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.featureBox h3{float: left; color: #fff; font-size: 130%; margin: 7px 0;}
.featureBox .img{float: left; border: 3px #004D42 solid; margin: 0 10px 0 0;}

/* == Internal Pages
----------------------------------------------------------------------------------------------------------------------*/
#wrapper .templateOne{float:left;margin-bottom:50px;width:100%;}
#wrapper .templateOne .splitLeft{float:left;width:300px;}
#wrapper .templateOne .splitLeft h1{width:280px;color:#990170;margin:20px 0;font-size:130%;background:url(/_img/bottom-border.gif) no-repeat left bottom;padding:0 0 20px 5px; margin-bottom: 5px;}

#wrapper .templateOne .splitRight{float:left;width:690px;}
#wrapper .templateOne .splitRight h1{width:690px;float:left;font-size:130%;color:#990170;margin:20px 0 10px 0;background:url(/_img/bottom-border.gif) no-repeat left bottom;padding:0 0 20px 5px;}
#wrapper .templateOne .splitRight h2{color:#6A7984;font-size:120%;margin-left:0; font-weight: bold;}
#wrapper .templateOne .splitRight p{}
#wrapper .templateOne .splitRight img{margin-left: 10px; margin-bottom: 10px; margin-right: 10px;}
#wrapper .templateOne .splitRight ul li{float: none;}

.listHolder{float:left;}
.listHolder h1{margin:10px 0;}
.listHolder h2{border-top:1px solid #E9E9E9;width:650px;padding-top:8px;}
.listHolder ul{margin:0;list-style:none;}
.listHolder ul li{width:650px;background:url(/_img/pink-bullet.gif) no-repeat left center;padding-left:10px;margin-bottom:0;}

.imageHolder{float:left;}
.imageHolder img{float:left;margin-top:10px;margin-right:15px;}
.imageHolder h1{margin:20px 0 0;}
.imageHolder h2{width:375px;}
.imageHolder p{width:600px;}

.whiteHolder{float:left;width:95%;background:#eee;color:#525354;margin:10px 0;}
.whiteHolder p{float:left;width:500px;margin:15px;}
.whiteHolder img{float:right;margin:3px 5px 3px 0;}

/* == Feature Panel
----------------------------------------------------------------------------------------------------------------------*/
#wrapper .zoneOne .featurePanel{position: relative; height: 278px; top: -7px; z-index: 1;overflow:hidden;}
#wrapper .zoneOne .caption{width:415px; top: 92px; left:15px; position:absolute;display:none;}
#wrapper .zoneOne .caption h1{color:#990170; margin:0; text-shadow: 1px 1px 1px #ccc;}
#wrapper .zoneOne .caption p{color:#515151;margin:0;font-size:100%;}

#wrapper .zoneOne .featureButtons{position:absolute;left:44px;top:224px;z-index: 10;}
#wrapper .zoneOne .featureButtons ul.subNav{list-style:none;display:inline;}
#wrapper .zoneOne .featureButtons ul.subNav li{float: left; display: inline; background:url(/_img/sub-nav-bgd.png) no-repeat;width:262px;height:99px;margin:0 20px;text-align:center;}
#wrapper .zoneOne .featureButtons ul.subNav h1{color:#fff;margin: 10px 10px 7px; text-shadow: 1px 1px 1px #333; font-size: 160%;}
#wrapper .zoneOne .featureButtons ul.subNav a{color:#fff! important;background:url(/_img/white-arrow.png) no-repeat right 3px; padding-right:15px;}

/* == PRINT TOOLS
----------------------------------------------------------------------------------------------------------------------*/
#wrapper .print-tools{border-color: #ddd;}
#wrapper .print-tools a, #wrapper .print-tools input{background: url(/_img/ico-print.gif) no-repeat 0 0; padding: 1px 0 1px 20px; text-decoration: none; font-size: 90%; margin: 0 15px 0 0; border: 0; cursor: pointer; color: #9A0173; font-family: Arial;}
#wrapper .print-tools .printPDF{background-image: url(/_img/ico-pdf.gif);}

/* == RSS
----------------------------------------------------------------------------------------------------------------------*/
#wrapper .zoneTwo .splitRight img.rss, #wrapper .templateOne .splitLeft img.rss{float: right; border:none; display: inline;}

/* == NEWS
----------------------------------------------------------------------------------------------------------------------*/
.newsWrap ul.newsListing{list-style-type: none; margin: 0;}
.newsWrap ul.newsListing li{width: 100%;margin:0;}
.newsWrap ul.newsListing li h3{color: #9a0072;margin-bottom: 5px;}
.newsWrap ul.newsListing li h3.sub{color: #33796E;}
#wrapper .newsWrap ul.newsListing li img{float: left; margin-right: 10px; margin-left: 0; padding: 2px; border: 1px #ccc solid;}
.newsWrap ul.newsListing li span{font-size: 80%}
.newsWrap ul.newsListing li p{float: none !important; margin-top: 5px;}
.newsWrap ul.newsListing li .newsImg{float: left;}
.newsWrap ul.newsListing li. newsText{float: left;}

.info span{font-size: 90%;}
.info img{float: right; margin-left: 10px;}
.info p{float: none !important;}

.paging{margin: 10px 0;border: solid 1px #c0c0c0;background: #f0f0f0; font-size: 90%}
.paging ul li{float: left !important;}
.paging .inner{padding: 5px;zoom:1;border: solid 1px #fff;}
.paging .inner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.paging .text{float: left;padding: 2px 0;}
.paging .pg{float: right;}
.paging .pg ul{margin: 0; list-style-image: none;float: right;}
.paging .pg ul li{display: inline;margin: 0 5px 0 0;float: left;}
.paging .pg ul li a{color: #9a0072;float: left; border: solid 1px #9a0072;padding: 1px 2px;}
.paging .pg ul li a:hover, .paging .pg ul li a.on{background: #9a0072; color: #fff;border: solid 1px #412400;text-decoration: none;}
.paging .pg ul li.det{font-weight: bold;margin-right: 10px;color: #412400;padding: 2px 0;}

/* == SEARCH RESULTS
----------------------------------------------------------------------------------------------------------------------*/
.searchListing li{border-bottom: 1px #ccc dotted; padding: 0 0 10px 0;}

/* == Form
----------------------------------------------------------------------------------------------------------------------*/
.formHolder {padding:0; background:#FFF url(/_img/bg-form.gif) repeat-x;}
.formHolder .btn {background: #990170; border:0 none; color:#fff; cursor:pointer; font-size:90%; font-weight:bold; padding: 5px 10px; text-align:center;} 
.formHolder input.input {width: 228px;background:transparent url(/_img/input-bg.gif) repeat-x scroll left top; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;}
.formHolder textarea {width: 228px;background:#FFF; font-family:verdana; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;} 
.formHolder select {width: 234px;} 
.formHolder input.input{float:left}
.formHolder label {width:130px; float:left;} 
.formHolder h3 {margin:0 0 10px 0;}
.formHolder .innerform{padding:0 15px 15px 15px;}
.formHolder p{float: left; width: 650px; border: 1px #ccc dotted; border-width: 1px 0; padding: 5px 20px; color: #f96a6a; background: #f8f8f8;}/*validation styling*/

#sitemap #wrapper .templateOne .splitRight h2{float:left;width:100%;padding:5px 20px;background:#990170 url(/_img/arrow-down-white.gif) no-repeat 5px center;}
#sitemap #wrapper .templateOne .splitRight h2 a{color:#fff;text-decoration:none;}
#sitemap #wrapper .templateOne .splitRight ul{float:left;margin:10px;}
#sitemap #wrapper .templateOne .splitRight ul li{float:left;width:200px;list-style:none;background:url(/_img/arrow-dots.gif) no-repeat 0 5px; padding-left: 10px;}
#sitemap #wrapper .templateOne .splitRight ul li ul{float:left;margin-top:0;}
#sitemap #wrapper .templateOne .splitRight ul li ul li{width:150px;border-bottom:dashed 1px #B7B7B7;background:none;padding:5px;margin:0;}
