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


/*MARGIN PADDING RESET********************************************************************************/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td { margin: 0; padding: 0; }


/*BASIC TAGS******************************************************************************************/

body {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff url(../images/back_left.gif);}

h1 {
display: block;
width: 770px;
height: 37px;
background: url(../images/header_back.jpg) no-repeat 0 0;
font: 20px Verdana, Arial, Helvetica, sans-serif; 
color: #fff; font-weight: bold; 
margin-bottom: 14px;
padding: 65px 20px 0 20px;
}

h2 {font: 16px Verdana, Arial, Helvetica, sans-serif; color: #53a023; font-weight: normal; margin-bottom: 12px;}
h3 {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #438AAE; font-weight: bold;}
h4 {font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

p {margin-bottom: 12px;}

#contentArea ul, #contentArea ol, #contentArea blockquote {margin: 4px 0 12px 40px;}

table {margin-top: 4px;}
table td {vertical-align: top;}

a:link {color: #438aae; text-decoration: underline;}
a:visited {color: #438aae; text-decoration: underline;}
a:hover {color: #53a023; text-decoration: underline;}



/*HEADER************************************************************************************************/

#container {width: 920px; background: url(../images/content_back.png); padding: 0 37px; margin: 0 auto;}

#header {height: 130px; background: url(../images/header.gif) no-repeat 0 0;}

#logo {width: 200px; float: left;}
#utility {width: 200px; float: right; list-style: none; margin-top: 10px;}
#utility li {float: right; border-right: 1px solid #000; padding: 0 10px; font-size: 11px;}
#utility li.last {border-right: 0px; padding-right: 0px;}
#utility li a {color: #000; text-decoration: none;}
#utility li a:hover {color: #000; text-decoration: underline;}



/*NAVIGATION (CHROME MENU AND IMAGE REPLACEMENT) STYLES***********************************************************************************/


/*main nav*/

#chromemenu {margin: 0 auto; width: 920px; margin-bottom: 21px;}

ul#nav {
width: 920px;
list-style: none; 
height: 51px;
}


ul#nav li {float: left; background: #ccc;}


ul#nav li#nav1 {width: 113px;}
ul#nav li#nav2 {width: 155px;}
ul#nav li#nav3 {width: 166px;}
ul#nav li#nav4 {width: 97px;}
ul#nav li#nav5 {width: 120px;}
ul#nav li#nav6 {width: 131px;}
ul#nav li#nav7 {width: 138px;}


ul#nav li a  {
display: block; 
height: 51px; 
background: #000;
color: #fff;
overflow:hidden;
position:relative;
}



ul#nav li a span {
cursor: pointer; 
display: block; 
height: 51px; 
position: absolute; 
left: 0; 
top: 0;
}


ul#nav li#nav1 a span { width: 113px; background: url(../images/nav.jpg) no-repeat 0px 0px; }
ul#nav li#nav2 a span { width: 155px; background: url(../images/nav.jpg) no-repeat -113px 0px; }
ul#nav li#nav3 a span { width: 166px; background: url(../images/nav.jpg) no-repeat -268px 0px; }
ul#nav li#nav4 a span { width: 97px; background: url(../images/nav.jpg) no-repeat -434px 0px; }
ul#nav li#nav5 a span { width: 120px; background: url(../images/nav.jpg) no-repeat -531px 0px; }
ul#nav li#nav6 a span { width: 131px; background: url(../images/nav.jpg) no-repeat -651px 0px; }
ul#nav li#nav7 a span { width: 138px; background: url(../images/nav.jpg) no-repeat -782px 0px; }

ul#nav li#nav1 a:hover span, ul#nav li#nav1 a.selected span { background: url(../images/nav.jpg) no-repeat 0 -51px; }
ul#nav li#nav2 a:hover span, ul#nav li#nav2 a.selected span { background: url(../images/nav.jpg) no-repeat -113px -51px; }
ul#nav li#nav3 a:hover span, ul#nav li#nav3 a.selected span { background: url(../images/nav.jpg) no-repeat -268px -51px; }
ul#nav li#nav4 a:hover span, ul#nav li#nav4 a.selected span { background: url(../images/nav.jpg) no-repeat -434px -51px; }
ul#nav li#nav5 a:hover span, ul#nav li#nav5 a.selected span { background: url(../images/nav.jpg) no-repeat -531px -51px; }
ul#nav li#nav6 a:hover span, ul#nav li#nav6 a.selected span { background: url(../images/nav.jpg) no-repeat -651px -51px; }
ul#nav li#nav7 a:hover span, ul#nav li#nav7 a.selected span { background: url(../images/nav.jpg) no-repeat -782px -51px; }




/* ######### Drop Down Menus ######### */


.dropmenudiv{
position:absolute;
top: 0;
font: normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
list-style:none;
margin-top: -1px;

}


.dropmenudiv a{
display: block;
border-top: 1px solid #F5EFD6; 
padding: 6px 20px 8px 20px;;
text-decoration: none;
font-weight: bold;
background-color: #1B4867;
width: 182px;
line-height: 14px;
}

ul.dropmenudiv li a:link, ul.dropmenudiv li a:visited {color: #fff; text-decoration: none;}

ul.dropmenudiv li a:hover {color: #F8D68E; text-decoration: none;}




/*CONTENT AREA************************************/

#contentArea {height: 100%;}
#subContent {float: left; width: 770px; height: auto; background-color: #fff;}

ul.news {list-style: none;}
ul.news li {margin-bottom: 12px;}


/*HOME PAGE FLASH**************************************************************************************/

#homeFlash {float: left; width: 770px; height: 352px; background: #ccc; margin-bottom: 23px; z-index:0;}


/*QUICK MENU******************************************************************************************/
#quickMenu {float: right; width: 124px; height: 354px; background: url(../images/quick_menu_back.gif) no-repeat 0 0; margin-right: 1px; padding: 8px 3px 10px 3px;}
#contentArea  #quickLinks {list-style: none; margin: 0px;}
#quickLinks li {
background: url(../images/quickmenu_bullet.gif) no-repeat 5px 5px; 
padding: 4px 0px 4px 20px; 
line-height: 13px; 
margin-bottom: 6px;
font-size: 11px;
font-weight:bold;
}

#quickLinks li a {color: #fff; text-decoration: none;}
#quickLinks li a:hover {color: #fff; text-decoration: underline;}

#quickMenu h1 {display: inline; background: none; padding-left: 4px; padding-bottom: 8px; margin: 0px;}

/*HOME PAGE PORTALS***********************************************************************************/

#news {
clear: both; 
float: left; 
width: 243px; 
height: 265px;
/*height: 273px; */
background: url(../images/home_portal_back.gif) no-repeat bottom left; 
margin-right: 20px; 
margin-bottom: 21px; 
overflow:hidden;
}

#enjoy { 
float: left; 
width: 243px; 
height: 265px;
background: url(../images/home_portal_back.gif) no-repeat bottom left; 
margin-right: 21px;  
margin-bottom: 21px; 
overflow:hidden;
}

#sponsors {
float: left; 
width: 243px; 
height: 265px; 
background: url(../images/sponsor_portal_back.gif) no-repeat 5px bottom;
margin-bottom: 21px;
overflow:hidden; 
}

#sponsors .logo {text-align: center; padding-top: 32px;}
#sponsors .viewall {text-align: center; margin-top: 17px;}

#joinus {
float: left; 
width: 243px; 
height: 220px; 
background: url(../images/home_portal_back.gif) no-repeat bottom left;
margin-bottom: 21px;
overflow:hidden; 
}


#news h1, #enjoy h1, #sponsors h1, #joinus h1 {display: block; height: 51px; width: 243px; overflow:hidden; position: relative; border-bottom: 0px; background: none; padding: 0px}

#news h1 span, #enjoy h1 span, #sponsors h1 span, #joinus h1 span {
display: block; 
height: 51px; 
width: 243px;
position: absolute; 
left: 0; 
top: 0;
}

#news h1 span {background: url(../images/news_head_home.jpg) no-repeat 0px 0px;}
#enjoy h1 span {background: url(../images/enjoy_head_home.jpg) no-repeat 0px 0px;}
#sponsors h1 span {background: url(../images/sponsors_head_home.jpg) no-repeat 0px 0px;}
#joinus h1 span {background: url(../images/joinus_head_home.jpg) no-repeat 0px 0px;}

#news ul, #enjoy ul {list-style: none; margin: 0px;}

#news li, #enjoy li {margin: 6px 18px; padding: 0 1px 10px 1px; border-bottom: 1px dotted #ccc;}

#news li a, #enjoy li a {font-weight: bold;}

#news li.more, #enjoy li.more {border-bottom: 0px; text-align:right;}
#enjoy li.last {border-bottom: 0px;}

#joinus p {padding: 5px 18px; margin: 0px}



/*FOOTER**************************************************************************************************/

#footer {width: 994px; height: 50px; background: url(../images/footer.png) no-repeat 0 0; margin: 0 auto; padding-bottom: 20px;}

/*CUSTOM CLASSES***************************************************************************************/

.clearing {clear: both;}

.date {font-style: italic;}

img.pictLeft {margin: 0 8px 8px 0;}
img.pictRight {margin: 0 0 8px 8px;}

table th {
background: #438AAE; 
text-align:left; 
padding: 5px;
font: 16px Verdana, Arial, Helvetica, sans-serif; 
color: #fff; 
font-weight: normal;
}

.divider {width: 100%; border-top: 1px dotted #ccc;}

table.hotels td {font-size: 10px;}

#contentArea ul.tertiaryNav {float: right; width: 780px; list-style:none; margin:0px 0 20px 0;}
#contentArea ul.tertiaryNav li {float: right; padding: 0 8px;}

h1.doubleline {padding-top: 44px; line-height: 20px; height: 58px;}

p.pill {
width: 127px; 
height: 22px; 
padding: 5px 5px 5px 8px;
background: url(../images/green_pill.jpg) no-repeat 0 0; 
color: #fff; 
font-size: 14px; 
font-weight:bold;
}

.contact1 {width: 350px; float:left; margin-right: 20px;}
.contact2 {width: 370px; float:left; }

.sponsorsBtn {width: 200px; float:right; text-align: right;}

/*HOME PAGE SLIDESHOW***************************************************************************************/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
text-align: center; 
margin-top: 30px;
margin-left: 15px;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

/*HOME PAGE SLIDESHOT ATTEMPT 2*********************************/

.slideshow { height: 141px; width: 211px; margin-top: 30px; margin-left: 15px; }