/*
CSS-file for VL
Developed by Colin Summers
*/


* {padding: 0;margin: 0;border: 0;}
body, html {color: #333; font-family: Arial, Verdana, Tahoma, sans-serif; text-align: center;}
body {font-size: 100%;color:#333;background-image:url(images/bg_body.jpg); background-position:top center;background-color: #D9E132; background-repeat: repeat-x;}
p {padding: 7px 0 7px 0; font-size:80%}
a { color: #529105; text-decoration:none;}
a:hover{ color: #529105; text-decoration:underline;}
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 { font-size:131%; font-weight:normal; display:inline;}
h2 { margin:0px 0px 10px 0px; letter-spacing: -1px;}
h2 a{ text-decoration:none;}
h3 { font-size:100%; }
h3 .orange { color:#FC7300; }
h3 a{ text-decoration:none; }
.h2_homeintro { font-size: 90%; display:inline; font-weight:normal;  letter-spacing: 0px; line-height:22px;}
h4 { font-size: 100%; display:inline; font-weight:normal;}
.white a{ color:#FFFFFF;}
.white a:hover { color:#FFFFFF; text-decoration:underline;}
.white a:active { color:#FFFFFF; text-decoration:underline;}
h1 a { text-decoration:none;}
.clear { clear: both; }
.bullethome { position:relative; top: 4px;}
#background {width: 100%;margin: 0 auto; min-height: 300px;text-align: left; }
#mainContainer {width: 963px;margin: 0 auto; min-height: 300px;text-align: left;}
* html #mainContainer {height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/}

.three_column_left img, .three_column_middle img, .three_column_right img { padding-bottom:3px;}
 
/**************************
HEADER
**************************/
#header {}
#logo {margin: -236px 0 0 -963px;float: left; position: relative;left: 312px;width: 963px;height: 104px;}
* html #logo {position: relative; /*** IE needs this  ***/}
#logo .logo{width:567px;float:left; position:relative; left:-4px;}
#logo .search{width:337px;float:right; height:59px; background-image:url(images/bg_search.jpg); background-repeat:no-repeat; top:20px; right: 15px; position:relative;} 
#logo .searchicon{position:relative; top:16px; left:15px;}
#logo .searchfield{ background-color:#FFF; padding:7px; position:relative; left: 22px; bottom:10px; width:210px;} 
#logo .searchbutton{position:relative; font-family:Arial; top: 8px;font-size: 105%; background-repeat:no-repeat; font-weight: bold; color:#FFF;cursor:pointer; left:20px;} 


#navigation {margin: -132px 0 0 -963px;float: left; position: relative;left: 312px;width: 963px;font-weight: normal;z-index:999; }
* html #navigation {position: relative;  /*** IE needs this  ***/}
#navigation .breadcrumb {position: relative;top:-11px;font-size:80%;background-color:#FFF; width:943px; height:17px; padding:20px 10px 10px 10px; clear:both; z-index:1;margin-top:25px; padding-bottom:6px;}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {margin-top: 50px; /*** We need to add some space for our top menu ***/padding-left: 165px; }
* html .outer {/*** No need for hacking IE on this layout ***/}
.inner {width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/}
* html .inner {width: 100%;}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart.
***/
.float-wrap {float: left;width: 963px; margin-left: -165px; margin-top: 186px; background-color:#fff; }
* html .float-wrap {position: relative; /*** Added by JR to fix IE6 ***/}
#content {float: left; width: 651px; background: #fff; min-height:1200px;height:auto !important;height:1200px; }

#content {float: left; width: 651px; background: #fff; margin-top:-52px; padding-top:23px; min-height:1200px;height:auto !important;height:1200px;}
#pageinfo ul {font-size:80%; margin-left:0px;}
#pageinfo ul li{ list-style-type: none; padding-left:15px; color:#333; background-image:url(images/bullet_green.jpg); background-repeat:no-repeat; background-position: 3px 8px;}
* html #content {position: relative; /*** IE needs this  ***/}
.contentWrap {padding: 0px 10px 10px 10px; position:relative;top:0px;}
.hometop {position: relative; clear:both; margin:0px; padding:0px 0px 30px 0px; min-height:1200px;height:auto !important;height:1200px;margin:0px; }
.homebottom {position: absolute; bottom: 0px; left: 0; width: 620px; margin:0px; padding: 0px;}
.contentWrap li {padding-bottom: 2px;}

/**************************
HOME CONTENT STYLES
**************************/
.contentWrap #flash{ margin:0px 0px 10px 0px; margin-top:-10px;}
.contentWrap .homeflashtext{ clear:both; margin-top:10px;}
.contentWrap .introduction{ margin-bottom:0px;}
.contentWrap .introduction h1{ font-size:213%; font-weight:bold;}
.contentWrap .homeeventssearch{padding:10px; margin-bottom:10px; margin-top:10px; height:120px; background-image:url(images/bg_eventsearch.jpg); background-repeat:no-repeat; background-position: 0px 0px; clear:both;} /*** needs height to contain other blocks  ***/
.contentWrap .homeeventssearch h2 { color:#FFF; padding:0px; margin:0px;} /*** needs height to contain other blocks  ***/
.contentWrap .homeeventssearch h3 { color:#FFF;} /*** needs height to contain other blocks  ***/
.contentWrap .homeeventssearch .form_search {font-size: 105%; position:relative; top:-30px; font-family:Arial; background-repeat:no-repeat; font-weight: bold; color:#FFF;  cursor:pointer;}

/**************************
EVENT CONTENT STYLES
**************************/
.contentWrap .eventssearch{padding:10px 10px 15px 10px; margin:0px 0px 10px 0px; color:#FFFFFF;  background-image:url(images/bg_eventsearch2.jpg); background-repeat:no-repeat; clear:both; height:184px; }

.contentWrap .eventssearch h2 { color:#FFF; padding:0px; margin:0px;} /*** needs height to contain other blocks  ***/
.contentWrap .eventssearch h3 { color:#FFF;} /*** needs height to contain other blocks  ***/
.contentWrap .eventssearch .row { padding: 8px 0px 8px 0px;} /*** needs height to contain other blocks  ***/
.contentWrap .eventssearch .dates { width:187px; padding:3px;} /*** needs height to contain other blocks  ***/
.contentWrap .eventssearch .dates2 { width:217px; padding:3px;} /*** needs height to contain other blocks  ***/
.contentWrap .eventssearch .form_search { position:relative; font-family:Arial; bottom: 50px;font-size: 105%; background-repeat:no-repeat; width:78px; height:27px; font-weight: bold; color:#FFF; background-image:url(images/butt_search.jpg); background-color:#529105; cursor:pointer;}

.form_searchMembers {font-family:Arial; font-size: 105%; background-repeat:no-repeat; width:78px; height:27px; font-weight: bold; color:#FFF; background-image:url(images/butt_search.jpg); background-color:#529105; cursor:pointer;}

/**************************
ACROSS SITE - ROWS, COLUMNS ETC
**************************/
.contentWrap .row{clear: both;}
.contentWrap .rowborderthick{clear: both;  margin-bottom: 13px; padding-top:10px; padding-bottom: 15px; background-color:transparent;}
.contentWrap .rowborderthin{clear: both; padding-top:5px; background-color:Transparent;}

.contentWrap .rowThinBorder{ border-top:1px solid #E6E6E6; width:630px; float:left; height:2px; clear:both; margin-top:10px; margin-bottom:2px; background-color:transparent;}
.contentWrap .rowThickBorder{ border-bottom:4px solid #E6E6E6; width:630px; height:16px; margin-bottom:5px;}
.contentWrap .homeThickBorder{ border-bottom:4px solid #E6E6E6; width:630px; float:left; height:16px; margin: 0px 0px 0px 0px;}


.contentWrap .three_column_left{ float:left; width:200px;}
.contentWrap .three_column_middle{ float:left; width:200px; margin-left:15px;}
.contentWrap .three_column_right{ float:right; width:200px;}
.contentWrap .four_column_left{ float:left; width:150px;}
.contentWrap .four_column_middleone{ float:left; width:130px; margin-left:20px;}
.contentWrap .four_column_middletwo{ float:left; width:130px; margin-left:30px;}
.contentWrap .four_column_right{ float:right; width:130px; margin-right:10px;}

.contentWrap .two_column_left{ float:left; width:305px; }
.contentWrap .two_column_right{ float:right; width:305px; }


.contentWrap .location_left{ float:left; width:228px; background-color:Transparent;  }
.contentWrap .booking_right{ float:right; width:388px; background-color:Transparent;}
.contentWrap .booking_right .line{ float:left; width:308px; background-color:Transparent; font-size:80%; margin-bottom:2px;}
.contentWrap .booking_right .line .headerItem{ float:left; background-color:Transparent; padding-right:3px; font-weight:bold;}
.contentWrap .booking_right .line .valueItem{ float:left;background-color:Transparent;}



.contentWrap .break{ width:308px; height:7px; background-color:Transparent; float:left;}
.contentWrap .two_column_right .line{ float:left; width:308px; background-color:Transparent; font-size:80%; margin-bottom:2px;}
.contentWrap .two_column_right .line .headerItem{ float:left; width:80px; background-color:Transparent; padding-right:3px; font-weight:bold;}
.contentWrap .two_column_right .line .valueItem{ float:left; width:225px; background-color:Transparent;}


.contentWrap .three_columnform_left{ float:left; width:190px; }
.contentWrap .three_columnform_middle{ float:left; width:190px; margin-left:15px; }
.contentWrap .three_columnform_right{ float:left; width:190px; margin-left:15px; }


.contentWrap .two_columnform_left{ float:left; width:234px;}
.contentWrap .two_columnform_middle{ float:left; width:234px; margin-left:15px;}
.contentWrap .form_dropdown { width:190px;}
.contentWrap .form_dropdown2 { width:234px;}
.contentWrap .form_search { float:right; margin-right:7px; margin-top:5px;}
.contentWrap .featured{clear: both; height:170px; background-color:#529105; color:#FFFFFF; margin:13px 0px 0px 0px; }
.contentWrap .featured a{clear: both; height:170px; background-color:#529105; color:#FFFFFF; margin:13px 0px 0px 0px; }
.contentWrap .featured h2{ padding:0px 0px 2px 0px; margin:0px; background-color:transparent;}
.contentWrap .featured p{ padding:0px 0px 5px 0px; margin:0px; background-color:transparent;}

.contentWrap .featured h2 a{ color:#FFF;}
.contentWrap .featured h2 a:link{ color:#FFF;}
.contentWrap .featured h2 a:visited{ color:#FFF;}
.contentWrap .featured h2 a:hover{ color:#FFF;}

.contentWrap .featured a{ color:#FFF;}
.contentWrap .featured a:link{ color:#FFF;}
.contentWrap .featured a:visited{ color:#FFF;}
.contentWrap .featured a:hover{ color:#FFF;}


.contentWrap .featuredtext{width:339px; float:right; padding:13px; }
.contentWrap .featuredtextnoimage{width:339px; float:left; padding:13px;}
.contentWrap .resultswhite{clear: both; background-color:#fff; margin:0px 0px 10px 0px; padding-bottom:10px; }



.contentWrap .resultsdesc{width:410px; float:right; padding:0px 10px 0px 0px;}
.contentWrap .resultsinfo{width:400px; float:right; padding:0px 13px 0px 13px; }
.contentWrap .resultsinfoLeft{float:left; width:300px; }
.contentWrap .resultsinfoRight2{float:right; width:90px; }

.resultsinfo .resultsLine{ width:300px; float:left; background-color:transparent; height:auto; margin-bottom:4px;}
.resultsLine .leftInfo{ width:80px; float:left; background-color:transparent; padding-right:5px; font-size:80%; font-weight:bold;}
.resultsLine .rightInfo{ width:200px; float:left; background-color:transparent; font-size:80%;  }

.resultsLine .rightInfo p{background-color:transparent; font-size:100%; padding:0px 0px 5px 0px; }

.contentWrap .resultsinfoleft{width:80px; float:left;}
.contentWrap .resultsinforight{width:200px; float:left;}
.contentWrap .resultslogo{float:left;}
.contentWrap .resultstext{width:387px; float:left; padding:13px 13px 13px 0px; }
.contentWrap .searchfield{ border: 1px solid #ccc; padding:2px; width: 180px;}


.contentWrap .resline{width:630px; background-color:transparent; float:left; clear:both; padding-top:5px; font-size:80%;}
.contentWrap .resline .leftBx{ width:330px; background-color:transparent; float:left;}
.contentWrap .resline .rightBx{ width:300px; background-color:transparent; float:left;}

.contentWrap .nearBx{ width:630px; background-color:transparent; clear:both; }
.contentWrap .leftItems{ width:310px; float:left; background-color:transparent; height:auto; margin-right:10px; }
.contentWrap .rightItems{ width:310px; float:right; background-color:transparent; height:auto;}

.contentWrap .leftItems .detailHead{ width:310px; float:left; background-color:transparent; height:40px; padding-top:4px;  }
.contentWrap .rightItems .detailHead{ width:310px; float:left; background-color:transparent; height:40px; padding-top:4px; }
.contentWrap .leftItems .detail{ width:310px; float:left; background-color:transparent; height:80px; border-bottom:1px solid #E6E6E6; margin-top:6px;  }

.contentWrap .rightItems .detail{ width:310px; float:left; background-color:transparent; height:80px; border-bottom:1px solid #E6E6E6; margin-top:6px;  }


/**************************
ACCOMMODATION CONTENT STYLES
**************************/
.contentWrap .accommodationsearch{padding:10px; margin-bottom:10px; margin-top:10px; height:120px; background-image:url(images/bg_eventsearch.jpg); background-repeat:no-repeat; clear:both;} /*** needs height to contain other blocks  ***/
.contentWrap .accommodationsearch h2 { color:#FFF; padding:0px; margin:0px;} /*** needs height to contain other blocks  ***/
.contentWrap .accommodationsearch h3 { color:#FFF;} /*** needs height to contain other blocks  ***/
.contentWrap .accommodationsearch .form_search {font-size: 105%; font-family:Arial; background-repeat:no-repeat; width:78px; height:27px; font-weight: bold; color:#FFF; background-image:url(images/butt_search.jpg); background-color:#529105; cursor:pointer;}
 
/**************************
RIGHT COLUMN
**************************/
/*** div.right is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.right is carried over into the proper position. Boxes are positioned relative and moved
up and down with the "top" and "bottom" attributes for seo
***/

#right {float: right;width: 312px; background-color:transparent; min-height: 1400px; padding-top:2px; z-index:999; position:relative; margin-top:-20px;}
* html #right {position: relative; /*** IE needs this  ***/height: 1400px;margin-top:-20px; }
#right {float: right;width: 312px; background-color:#FFF; min-height: 1400px;margin-top:-36px; padding-top:4px; z-index:999; position:relative;}
* html #right {position: relative; /*** IE needs this  ***/height: 1400px;}
#right ul {list-style: none;padding-bottom: 4px;}
#right li {padding-bottom: 2px;}
#right h3{padding:13px; margin:0px; font-size:140%;}
#right .specialoffers {height: 200px;width:300px;margin-bottom:10px; margin-top:1px;}
#right .signup {height:136px;width:300px;background-image:url(images/bg_signup.gif);position:relative;}
#right .signup .formfield{ border: 1px solid #ccc; padding:2px; margin-left:13px; width: 180px;}
#right .signup .submit{ position:relative; font-size: 105%; font-family:Arial; cursor:pointer; left: 10px; top:3px; width:77px; height:27px;background-image:url(images/butt_submit.jpg); background-repeat:no-repeat; padding:2px 2px 2px 0px; font-weight: bold; color: #FFF; margin:0px; }

#right .flashplayerbox {height: 190px;background-image:url(images/bg_flash.gif);position:relative;width:300px;margin-bottom:10px; margin-top:1px;}
#flashplayer {padding-top:3px;}

#right .features {width:300px;position:relative; border-bottom: 4px solid #E6E6E6;}
#right .features h3{ margin-left: -13px; color:#529105; margin-bottom:0px; padding-bottom:0px;}
#right .tripideas h3{ margin-left: -13px; color:#529105; }
#right .featuresinfo {border-bottom:1px solid #E6E6E6;padding-top:10px;}
#right .tripideas {width:300px;position:relative;margin-bottom:10px;padding-bottom:10px;}
#right .addcomment {height: 350px;width:300px;  position:relative;background-image:url(images/bg_comment.gif); background-repeat:no-repeat; margin-bottom:10px;}
#right .addcomment p{ padding:0px 13px 0px 13px;}
#right blockquote{ clear:both; font-size:80%; background-image:url(images/quote_up.jpg); background-repeat:no-repeat; margin:20px 10px 10px 0px; padding:0px 0px 0px 20px;}
#right .quotetop { clear:both; background-image:url(images/quote_up.jpg); background-repeat:no-repeat; padding:10px;}
#right .quotebottom { clear:both; background-image:url(images/quote_bottom.jpg); background-repeat:no-repeat; height:15px;}
#right .commentright {float: right; padding-right:10px; width:138px; height:28px; font-size:105%; color:#FFF; font-weight:bold; background-image:url(images/butt_addcomment.jpg); background-repeat: no-repeat; padding-left:3px; margin-right:15px; cursor:pointer; font-family:Arial; background-color:#FFF;}
#right .traveline {width:300px;height:82px;position:relative;padding-top:10px;}
#right .panelimage{margin-bottom:10px;}



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

#footer {width: 943px;margin: 0 auto;text-align: left;border-top: 4px solid #E6E6E6;background-color:#FFF; clear:both; padding:10px 10px 50px 10px; height:80px;}
#footer p { font-weight:bold;font-size: 70%;}
#footer a { text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer .logos { float:right; position: relative; top: 5px;}



/**************************
SITEMAP
**************************/
.sitemaplink{margin: 5px 0px 0px 0px; padding: 7px 0px 0px 0px; width: 500px; height: 23px; font-size:80%;}
.sitemaplinkindent{margin: 0px 0px 0px 10px; padding: 3px 0px 0px 5px; width: 500px; height: 23px; font-size:80%;}
.sitemaplinkindent2{margin: 0px 0px 0px 20px; padding: 3px 0px 0px 10px; width: 500px; height: 23px; font-size:80%;}

/**************************
GENERIC STYLES ACROSS THE SITE
**************************/


.imageright {float: right;padding-right:10px;}
.imageleft {float: left; padding-right:10px; margin-bottom: 54px;}

.imageleftremovemargin {float: left; padding-right:10px; margin-bottom: 0px;}
.orange { color:#FC7300;}

.floatleft {float: left; background-color:transparent;}
.floatright {float: right; background-color:transparent;}


/**************************
STYLES FOR 2 COLUMN FORMS
**************************/

.formleft {float: left;  width:300px; padding:5px 0px 5px 0px;}
.formright {float: right; width:300px; padding:5px 0px 5px 0px; }
.formlabel {width: 290px; border: 1px solid #ccc; padding:2px;}
.formtext { font-size:100%; font-weight:bold;}
.formaddress {padding-left:36px;}
.formtextarea {float:right; width: 200px; border: 1px solid #ccc;}
.formsubmit{ position:relative; font-size: 105%; font-family:Arial; float:right; cursor:pointer; width:77px; height:27px;background-image:url(images/butt_submit.jpg); background-repeat:no-repeat; padding:2px 2px 2px 0px; font-weight: bold; color: #FFF; margin:0px; }



.searchright {float: right; position:relative; bottom: 35px;}
.clearboth { clear:both;}
.print { position:absolute; left:720px; margin-top:-8px; font-weight:bold;}

.paddingright { padding-right: 13px;}
.h2_margintop { margin-top: 10px;}
.testname { padding-left: 20px;}
.detailedimage {float: right; margin:10px 0px 10px 10px; clear:right;}

.noBorder{ border:none;}
.printRight{ border:none; float:right;}

.searchLbl{font-size:100%; color:#FFF; font-weight:bold;}

.msgLbl{ font-size:12px; margin-left:13px;}



/**************************
send to friend popup
**************************/

.sendToFriendBackground {
	/* for IE */
	background-color:Black;
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	
}

.sendtofriend {
width:359px;
height:311px;
/*margin-top:50px; might not be needed - depends on how light box centres height */
background-image:url(Images/bg_popup.jpg);
padding:45px;

}

.sendtofriend .row { margin-top:0px; clear:both;}
.sendtofriend h2 { font-size:14px;}
.sendtofriend .formleft {float: left; width:170px;}
.sendtofriend .formright {float: right; width:170px; }
.sendtofriend .formlabel {width: 170px; border: 1px solid #ccc; margin-top:-5px; font-size:75%; font-family:Arial, Helvetica, sans-serif;}
.sendtofriend .formlabel2 {width: 168px; height:168px; border: 1px solid #ccc; margin-top:-5px; font-size:75%; font-family:Arial, Helvetica, sans-serif;}
.sendtofriend .text{font-size:75%; font-weight:bold; }
.sendtofriend .close{ position:absolute; float: right; background-color:transparent; top:60px; left:350px;}
.sendtofriend .errortext { color:Red; font-size:100%; font-weight:normal;}
.sendtofriend .formsubmit{ position:relative; font-size: 105%; font-family:Arial; float:right; cursor:pointer; width:77px; height:27px;background-image:url(images/butt_submit.jpg); background-repeat:no-repeat; padding:2px 2px 2px 0px; font-weight: bold; color: #FFF; margin:0px; position:relative; left:3px; }



.sendtofriend h1{
font-size:190%;
font-weight:bold;
text-align:left;
}

/* Banner Styles */

.rhsBanner{width:300px; height:200px; background-color:Transparent; margin-bottom:10px;}
.mainBanner{width:629px; height:120px; background-color:Transparent; margin-bottom:10px; }

/* Google Map Styles */

.googleMap{width:599px; height:400px; text-align:left; border-top:solid 5px #e6e6e6;  border-left:solid 5px #e6e6e6;  border-right:solid 5px #e6e6e6; }
.googleMapCheckBoxesRow{width:609px; padding:5px 0 5px 0;text-align:left;}
.googleMapCheckBoxes{width:589px; padding:5px 10px 5px 10px; background-color:#FFFFFF; background-image:url(images/googleMapBtm.gif); background-position:left bottom; background-repeat:no-repeat; font-size:12px;}
.googleMapCheckBoxes .checkBoxHolder{float:left; width:295px; }
.googleMapCheckBoxes .checkBoxHolder .chk{float:left; padding:10px 5px 0 0;}
.googleMapCheckBoxes .checkBoxHolder .icon{float:left; padding:0 5px 0 0;}
.googleMapCheckBoxes .checkBoxHolder .text{float:left; padding:10px 0 0 0;}

.googlemapPopup{width:300px; font-size:12px;}
.googleMapPopupThumb{ border:none; float:left;padding:0 5px 5px 0;}
.maptext{float:left;}

.png-fix {
    behavior: url(iepngfix.htc);
} 


/* Best Price Styling */

.bestprice{ margin-bottom:10px;}
.bestpricebadge{float:right;}
.bestpricebig{float:right;  padding:0px 0px 3px 3px;}
.bestpricebig2{ position:absolute; left:230px; top:20px;}
.bestSmall{float:right;  padding:0px 0px 3px 3px;}

.paddingleft { margin-left:17px; padding-top:0px;}
.borderbottom { border-bottom:1px solid #ccc;}
.contentWrap .resultstext{width:387px; float:left; padding:0px 13px 13px 0px; } /* on existing live sitemap but removed 13px pad from top*/
.intro-padding{ padding-bottom:20px;}
.telephone{ padding-left:30px; background:url(images/bestprice-tel.jpg) no-repeat left center; top:10px; position:relative; padding-top:5px;}

a.info{
   
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:999; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:28em;
    border:1px solid #666;
    background-color:#fff; color:#333; padding:10px; font-size:14px; z-index:999;
    text-align: center}
    
    /* Member Login Styling */
    

#memberlogin { width:299px; height:225px; background:url(images/member_bg.jpg) no-repeat; margin-bottom:10px;}
#memberlogin h3 { color:#FFF;}
#memberlogin .label { color:#FFF; font-size:18px; margin-left:13px;padding-bottom:3px; font-weight:bold;}
#memberlogin .textbox { width:266px; margin-left:13px; margin-top:5px; margin-bottom:5px; padding:2px;}
#memberlogin .forgot { color:#FFF; margin-left:13px; padding-left:20px; position:relative; top:10px; background:url(images/member_arrow.jpg) no-repeat left center;}
#memberlogin .login { margin-right:14px;}
#memberlogin .form{ margin-left:0px;}
#memberlogin .errorlbl{padding:0 10px 0 10px; font-size:12px;}
.memberright { margin-bottom:10px;}


.contentWrap .introduction ul{ font-size:13px; margin-left:30px;}
.contentWrap .introduction ul li{ margin-bottom:10px;}

#documents .doc{ float:left; width:300px; margin-right:10px;}
#documents .icon{ float:left; width:20px; margin-right:10px;}
#documents .size{ float:left; width:168px; margin-right:10px;}
#documents .download{ float:left; width:112px;}
#documents .rowborderthin{clear: both; padding:10px 0px 10px 0px; border-bottom:1px solid #ccc;}
.emailaddress { padding-left:13px;}

.forumtitle { font-size:14px; color:#FFF; background-color:#55861A; font-weight:bold; padding-left:10px;}
.forumtitle a{color:#FFF; font-size:14px;}
.forumtable { font-size:12px; margin-bottom:20px; font-weight:normal; border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-top:1px solid #D4D4D4;}
.forumtable td { border-bottom:1px solid #D4D4D4; padding:10px; background-color:#FBFCEA;}
.forumtable th { border-bottom:1px solid #D4D4D4; padding:10px;}

#subnav { background:url(images/member_subnav2.jpg) no-repeat left bottom; margin-bottom:10px; position:relative; }
#subnav h3{ background:url(images/member_subnav.jpg) no-repeat; color:#FFF;}
#subnav ul{ margin:5px 0px 0px 13px;}
#subnav ul li{ padding-bottom:15px;}
#subnav ul li a{ background:url(images/member_arrow2.jpg) no-repeat left center; padding-left:20px; color:#333; font-weight:bold;}
#subnav ul li a.on{color:#FF6300;}

#subnav ul li ul{ padding-bottom:0px; margin-bottom:0px; margin-top:10px;}
#subnav ul li ul li{ padding-bottom:0px; margin-bottom:0px; line-height:24px;}
#subnav ul li ul li a{color:#999999; background-image:none; position:relative;}

.resourcetype { width:240px; border:1px solid #ccc;}

#register label { width:310px; float:left; font-size:18px; font-weight:bold; margin-bottom:25px; position:relative;} 
#register label select{ width:200px; border:1px solid #ccc;} 
#register .textbox { padding:3px; border:1px solid #ccc; width:280px; margin-top:5px;} 
#register .textbox2 { padding:3px; border:1px solid #ccc; width:590px; margin-top:5px;}

#register .datelabel {font-weight:bold;font-size:18px;}
#register .datehours {position:absolute; left:200px; font-size:12px; font-weight:normal;}
#register .datemins {position:absolute; left:250px; font-size:12px; font-weight:normal;}
#register .datehours2 {position:absolute; left:225px; font-size:12px; font-weight:normal;}
#register .datemins2 {position:absolute; left:275px; font-size:12px; font-weight:normal;}

#register select.dateyear{ width:45px; border:1px solid #ccc;} 

.two_columnform_left2{ float:left; width:290px;}
.two_columnform_middle2{ float:left; width:290px; margin-left:15px;}
.form_dropdown3 { width:280px; padding:3px;}
.daterange { width:230px; padding:3px;} 
.printversion { color:#FFF; margin-right:10px; font-weight:bold;}
.printversion:hover { color:#FFF; text-decoration:none;}
.printbutton { position:relative; top:-10px; right:10px;}
.datebox { width:160px; margin-top:5px; margin-bottom:5px; padding:2px; border:1px solid #ccc;}
.dateyear { width:30px; position:relative; padding:3px;}
#register label select.category{ width:285px; border:1px solid #ccc; padding:2px; margin-top:5px;} 
#register span.checkbox { font-size:14px; display:block; margin-top:10px;}

.memberlogin { position:absolute; right: 95px; top:2px;}

#footer{ position:relative;}
#footer .login { position:absolute; right:12px; top:-50px;}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#55861A; color:#FFF;}

a.tooltip span{display: none; text-decoration:normal;}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:15em; text-decoration:normal;
    border:1px solid #ccc;
    background-color:#fff; color:#333; font-weight:normal;
    text-align: left; font-size:13px; padding:10px;z-index:999;}
	
a.tooltip:hover span span{ /*the span will display just on :hover state*/
    display:block;
	width:190px;top:0em; left:0em; 
	left:-10px;
    position:relative;
    text-decoration:normal;
    border:none;
    background-color:#fff; color:#55861A; font-weight:bold;
    text-align: left; font-size:16px;}
    
.formline{ width:445px; background-color:transparent; float:left; margin-bottom:8px; margin-left:10px;}
.formline p{color:#FFF; font-weight:bold;}
.formInput{border:solid 1px #CCC; padding:2px;}

.rolloverBtn{
    font-family:Arial; 
	width: 120px;
	text-decoration: none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
    border:none;
    cursor:pointer; 
    background-color:#ff9a00; 
    padding:2px 0 3px 0;
    font-weight:bold;
	}

.rolloverBtn:hover{
    background-color:#ff6300; 
	text-decoration:none;}

.btnMemberApply{float:right;margin-right:30px;}

.ajax__calendar_container { z-index : 1000 ; background-color:#FFF; color:#000; border:solid 1px #000;} 











a.arrow { background:url(images/arrow.png) no-repeat 5px 8px #529105; padding:2px 4px 2px 15px; color:#FFF; }
a.arrow:hover { background:url(images/arrow.png) no-repeat 5px 8px #FF6300;}


#homebanners { position:relative; top:15px; padding-left:15px;}
#homebanners img { padding-right:15px; margin:0px;}
#homebanners img.omega { padding-right:0px; margin:0px;}

/* The Nivo Slider styles */


.nivoSlider {
	position:relative;height:238px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;height:238px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:615px;
	height:238px;
	border:0;
	padding:0;
	margin:0;
	z-index:6; 
}
/* The slices and boxes in the Slider */
.nivo-slice {
	position:absolute;
	z-index:5;
	height:238px;
	top:0px;
	width:615px;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5; height:238px;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	top:168px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:615px;
	z-index:8;
	padding:10px 0px 0px 0px;
	height:60px;
}

.nivo-caption p {
	padding:5px;
	margin:0;
     }
.nivo-caption a {
	display:inline !important; color:#9BBC1D;
}
.nivo-html-caption {
    display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-left:10px;

}
.greatdays {
	position:relative; margin-left:740px; margin-top:5px;
}
.nivo-html-caption span{
	font-size:18px;  
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	visibility:hidden;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	font-size:6px;
	cursor:pointer;
	background:url(images/dot2.png) no-repeat 3px 0px;
	padding:0px 7px 0px 7px;
	top:215px;
	left:400px;
	color:transparent;
	padding-bottom:10px; 
}
.nivo-controlNav a.active {
	background:url(images/dot.png) no-repeat 3px 0px; color:#FFF;
}
.theme-default #slider {
    margin:5px 0px 15px 15px;
    width:615px; /* Make sure your images are the same size */
    height:238px; /* Make sure your images are the same size */
	background:url(images/loading.gif) no-repeat 50% 50% #fff;
	z-index:10;
	position:relative;
	

	}
	
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

	
	

.theme-default #slider2 {
    margin:20px auto 20px auto;
    width:618px; /* Make sure your images are the same size */
    height:364px; /* Make sure your images are the same size */
}

.theme-default #slider2 .nivo-caption { visibility:hidden;
}

#slider .title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFF;filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;
	padding-left:35px; display:block; line-height:20px;
	background:url(images/right.png) no-repeat 10px 0px;
}
#slider .shortdesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;
	padding-left:35px; display:block; line-height:18px; margin-top:-10px;
}

#tabs ul {border-bottom:solid 3px #55861A;height:46px;}

.ui-tabs { position: relative; padding:0px 0px 0px 0px; color:#000; margin-top:10px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0px 0px 15px 0px; padding:0px; height:40px; color:#FFF;  text-align:center; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-size:16px; border-bottom: 0 !important; padding-top: 5px; white-space: nowrap; height:38px; text-align:center; background-color:#CCCCCC; color:#529105; margin: 0px 3px 0px 0px; }
.ui-tabs .ui-tabs-nav li.omega {  margin: 0px 0px 0px 0px; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px; text-decoration: none; color:#529105; font-size:16px; font-weight:bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 2px; background-color:#529105; color:#fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; color:#fff;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.basic { margin-top:-4px; background: url(images/bg_menu.jpg) repeat-y; padding:0px 4px 4px 4px;}
.basic a{ display:block; background:url(images/down.png) no-repeat 260px 8px; width:270px; border-bottom:2px solid #ccc; padding:10px 0px 10px 20px; font-size:17px; color:#529105; font-weight:bold; cursor:pointer;}
.basic a:hover{ background:url(images/up.png) no-repeat 260px 8px #529105; color:#FFF;}
.basic a:active{ background:url(images/up.png) no-repeat 260px 8px #529105; color:#FFF;}
a.basicActive{ background:url(images/up.png) no-repeat 260px 8px #529105; color:#FFF;}

.basic div div { width:290px;}
.basic div div p a{ background:none; border:none; color:#529105; font-size:14px;}
.basic div div p a:hover{ background:none; color:#529105;}

.basic-main {margin-top:10px; padding:4px 4px 4px 4px; }
.basic-main a{ display:block; background:url(images/down.png) no-repeat 560px 8px #EFEFEF; width:95%; border-bottom:2px solid #ccc; padding:10px 0px 10px 10px; font-size:17px; color:#529105; font-weight:bold; cursor:pointer;}
.basic-main a:hover{ background:url(images/up.png) no-repeat 560px 8px #529105; color:#FFF;}
.basic-main a:active{ background:url(images/up.png) no-repeat 560px 8px #529105; color:#FFF;}
.basic-main a.basicActive{ background:url(images/up.png) no-repeat 560px 8px #529105; color:#FFF;}

.basic-main div { width:95%; padding:10px;}
.basic-main div p a{ background:none; border:none; color:#529105; font-size:14px; padding-left:0; display:inline;}
.basic-main div p a:hover{ background:none; color:#529105;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 642px;
	height:300px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	left: 0px;
	
}

.items div {
	float:left;
	width:642px;

}


.items div div{
	float:left;
	width:200px;
	margin-right:14px;
}



/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}


/* position and dimensions of the navigator */
.navi {
	margin-top:-20px;
	margin-left:564px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/dot3.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	padding:5px;
}

/* mouseover state */
.navi a:hover {
	background:url(images/dot4.png) 0 0 no-repeat;  
}

/* active state (current page state) */
.navi a.active {
	background:url(images/dot4.png) 0 0 no-repeat;  
}



/* homepage footer slider */
#featured{ 
	width:620px; 
	position:relative; 
	height:200px; 
	background:#fff;
	margin-bottom:20px;
	border:solid 0px red;

}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:-2px; left:287px; 
	list-style:none; 
	padding:0; margin:0; 
	width:340px; 
	border:solid 0px purple;
	height:200px;
	
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	padding-left:0px;  
	font-size:12px; 
	color:#666;
	width:340px; 
	border:solid 0px orange;
	text-align:left;
	margin-left:0px;
	background-color:#FFF;
	
	height:60px;
	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:16px;
	line-height:18px;
	position:relative; 
	left:20px;
	top:10px;
	border:solid 0px blue;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#f2f2f2; 
	line-height:20px;
	width:340px;
	padding:0;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#CCC; 
}
#featured li.ui-tabs-selected{ 

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background-color:#529105; color:#FFF;
}

.ui-tabs-panel a.top{ 
	position:absolute; top:0px; left:287px;
}
.ui-tabs-panel a.middle{ 
	position:absolute; top:62px; left:287px;
}
.ui-tabs-panel a.bottom{ 
	position:absolute; top:124px; left:287px;
}


#featured .ui-tabs-panel{ 
	width:287px; height:184px; 
	background:#999; position:relative;
	
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png');
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.dateHolder{color:#FFF; width:31px; height:30px; padding:2px 0 2px 0; float:left; text-align:center; font-size:11px; margin:5px 5px 5px 0; background-image:url(images/date.png);}
.dateHolder span{color:#000;}

.greenbox{background-color:#529007; -moz-border-radius: 10px; border-radius: 10px; width:92%; float:left; padding:10px 15px 10px 25px; margin:5px 0 5px 0; }
.greenbox p{color:#FFF; font-size:22px; width:70%;float:left;}
.greenbox a{color:#FFF;font-size:14px;}
.greenbox a.download{float:right;}

.facebook{padding:10px 0 0 0; margin-bottom:10px;}

.greenbox2{background-color:#529007; -moz-border-radius: 10px; border-radius: 10px; width:92%; float:left; padding:10px 15px 0px 25px; margin:5px 0 5px 0; color:#FFF; }
.greenbox2 a.white:link{color:#FFF;}
.greenbox2 a.white:visited{color:#FFF;}
.greenbox2 a.white:hover{color:#FFF;}

.nearbyLink a{float:left; font-size:26px; font-weight:bold; padding:0 40px 0 20px; background-image:url(images/bullet_red.jpg); background-repeat:no-repeat; background-position: left center; display:block;}



.accomTop { background-image:url(Images/accomTop.jpg); background-repeat:no-repeat; width:301px; height:86px;}

.accomBack{background-image:url(Images/accomX.jpg); background-repeat:repeat-y; width:301px; padding:0px;  } 

.accomButt { background-image:url(Images/accomButt.jpg); background-repeat:no-repeat; width:301px; height:41px; }

.accomBot { background-image:url(Images/accomBot.jpg); background-repeat:no-repeat; width:301px; height:23px; margin-bottom:10px;}
.viewAllAccom{ position:relative; bottom:15px; left:190px;}


h3.best{ background-color:transparent; padding:0px; margin:0px; width:270px; position:relative; font-size:15px; color:#FD7004; left: -13px;   }
.bestImg{ position:absolute; top:8px; right:18px;}
p.best{  background-color:transparent; padding:0px; margin:0px; width:250px; position:relative; font-size:11px; color:#666; top:-8px;  }
.topaccom{ padding: 0 0 10px 8px;margin:0 0 10px 0; width:295px; background-color:transparent;}
.topaccom .title{font-weight:bold;}

#updatepanel{width:149px; height:57px; background-image:url('images/updates_panel_bgnd.jpg'); margin-top:10px; padding:15px 0 0 150px;}
#updatepanel .img{padding-right:5px;border:none;}

.rhsImage{margin-bottom:10px;}

.eventsheight{height:500px; background-color:transparent; top:0px; position:relative;  }

.eventsdates{margin:0px; padding:0px; background-color:transparent; width:200px;}

h3.nopadd{background-color:transparent; padding:0px; margin:0px; width:200px;}
p.nopadd{background-color:transparent; padding:10px 0px 0px 0px; margin:0px;  width:200px; }

.eventsimageholder{position:relative; top:0px; background-color:transparent;}
.eventsimageholderfree{ position:absolute; top:0; left:150px; }



.homesearchbutton{float:right;padding:10px 5px 0 0;}
.bannerlink{margin-top:110px;}

.homecontentmain{width:961px; margin-top:25px; z-index:998; }