/** 
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */


body{background:#b0b0b0 url(../images/main-background.png) no-repeat top center;color:#404040;font-family:"Trebuchet MS", Arial, Sans-Serif;font-size:75%;}

a{color:#009fdc;font-weight:normal;outline:none;}
a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:underline; color:#00709b;}
a:active{text-decoration:underline;}

img{border:0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.hidden {display:none}
.clear20 {clear:both;height:20px}
.clear10 {clear:both;height:10px}
.clear4 {clear:both;height:4px}
.clear {clear:both;height:1px}

hr {clear:both;border:none;background:none}


.separator {clear:both;height:20px;margin:0 0 10px 0;background:url(../images/separator.gif) repeat-x; width:100%}

.printonly {display:none}


/* CONTAINER
----------------------------------------- */

#pageWrapper {background-color:#fff;width:960px;margin:10px auto 40px auto;position:relative;z-index:1}

/* HEADER
----------------------------------------- */
#header {height:290px;position:relative;overflow: hidden;background-color:#fff;z-index:1}
#header h1 {position:absolute;z-index:4;left:17px;top:25px;width:250px;height:71px;background: url(../images/main-logo.png) no-repeat}
#header h1 a {text-indent:-9999px;display:block;width:250px;height:71px}
#no_flash_content {width:940px;height:290px;background:url(/assets/Banners/banner2.jpg)}
.bannerbtm {background-color:#f0f0f0;height:4px;clear:both;}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#homeBtn {position:absolute;width:36px;height:36px;top:20px;left:-46px;}
#homeBtn a {display:block;height:36px;width:36px;text-indent:-9999px}

#Navigation {width:940px;height:62px;margin:10px 0 1px 0;position:relative;z-index:99}

	#Navigation ul.topMenu { 
		list-style:none;
		margin:0;
		padding:0;
 		float: left; 
		clear:both;
		width:940px;
		height:62px;
		position:relative;
		z-index:99
				
	}	
	ul.topMenu li.topMenuItem {
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		height:62px;
		position:relative;
		
	}
	ul.topMenu li.topMenuItem a.toplevel {
		display:block;
		padding:10px 0 0 0;
		height:100%;
		color:#FFF;
		text-decoration:none;
		border-right:1px solid #5CBADA;
		font-weight:bold;
		font-size:1.1em;
		height:52px;
	}
	ul.topMenu li.topMenuItem a.toplevel div {font-weight:normal;clear:both;font-size:.8em;padding-top:14px}
	ul.topMenu li.topMenuItem a.last {border-right:none}
	ul.topMenu li.topMenuItem a.toplevel {
		background:url(../images/navbg.png) repeat 0 0;
	}
	ul.topMenu li.topMenuItem a.toplevel:hover {
		background-position:-236px 0;
	}	
	ul.topMenu li.topMenuItem a.current, ul.topMenu li.topMenuItem a.section {background-position:-236px 0;}
		
	ul.topMenu li a.about-eastland {width:169px;}
			ul.topMenu li a.accommodation {width:166px}
			ul.topMenu li a.sights-and-activities {width:174px}
			ul.topMenu li a.events {width:93px}
			ul.topMenu li a.touring-guides {width:166px}
			ul.topMenu li a.conference-bureau {width:167px}





.topMenuItem ul {
	display: none;
	width: 200px;
	padding: 5px 0 11px 12px;
	position: absolute;
	top: 62px;
	left: 0px;
	background: url(../images/topDropBg.png) repeat-y!important;
	z-index: 99;
	
}
.topMenuItem ul li a {
	font-size: 12px;
	color: #D9EFF7;
	text-transform: none;
	text-decoration: none;
	text-align:left!important;
	display: block;
	width: 175px;
	padding: 8px 0 7px 0!important;
	border-bottom: 1px solid #69BFDB;
}
.topMenuItem ul li a span {
	display: block;
}
.topMenuItem ul li a:hover {
	text-decoration: none;
	background: none;
	color:#fff
}
	
	
	
	
	
	
	
			
/* SUB NAV
-------------------------------------------- */




ul#SubNav {list-style:none;display:block;padding:20px 0 40px 0;margin:0}			
ul#SubNav li {list-style:none;display:block;padding:6px;color:#333;border-top:1px dotted #ddd;text-indent:0}
ul#SubNav li.last {border-bottom:1px dotted #ddd}
ul#SubNav li.current, ul#SubNav li.section {}				
ul#SubNav li a {font-weight:bold;color:#666}
ul#SubNav li:hover {}
ul#SubNav li a:hover{color:#009fdc}
ul#SubNav li a.current, ul#SubNav li a.section{color:#009fdc}
ul#SubNav li.last {}

ul.subul {margin-top:6px;padding-left:20px}
ul.subul li {border:none!important;text-indent:0!important;list-style:none!important;}
ul.subul li a {font-weight:normal!important}


h3.subnavhead  {color:#B89401;font-size:1.1em;padding:6px 0 0 6px; background:url(../images/subnav_header.png) no-repeat;height:32px;overflow:hidden;margin:3px 0 14px 0}

h3.viewmore  {color:#333;font-size:1.1em;padding:6px 0 0 6px; background:url(../images/view-more-header-wide.png) no-repeat;height:32px;overflow:hidden;margin:3px 0 14px 0}
h3.viewmore span {background:url(../images/view-more-header-left.png) left no-repeat;}
h3.viewmore a {color:#333}


.galList{
	margin: 18px 20px 0 0;
	color: #333;
	border-top:1px dotted #ccc;}

	.galList li {
		margin: 0;
		font-size: .9em;
		border-bottom:1px dotted #ccc;
		padding:4px;
		line-height:1.4em
	}
		
.galList li a {color:#1F5033;text-decoration:none}
.galList li a:hover {color:#000}

/* BREADCRUMBS
-------------------------------------------- */
/*

#Breadcrumbs { display:block;background-color:#E6E6E6;margin-bottom:6px}


	#Breadcrumbs p {
		padding:3px;
		margin: 0;
		color:#333;
		font-size:.8em!important
	}
#Breadcrumbs p a{
		color:#333;
		text-decoration:none;
		border-bottom:1px dotted #333;
	}

*/

/* NEWS & EVENTS 
-------------------------------------------- */	

div.date {padding-bottom:4px}
p.newsDate {margin:0;color:#000!important;padding-left:30px;height:21px;padding-top:4px;}




/* PEOPLE */

.peopleImage {float:right;padding:4px;border:1px solid #ccc;margin:0 0 10px 10px;}
.peopleImage img {border:none}
.imagecaption {width:130px;text-align:center;color:#666;font-size:1em}

.peopleHolder {margin-right:15px;}
.peopleHolder img {margin:0 auto 6px auto}
.peopleHolderName h3 {text-align:center;width:130px}

.mvp p.date {color:#333;margin:3px 0;font-weight:bold}





/* HOMEPAGE */
.otw {margin-bottom:10px;clear:both}
.otw h3 {text-align:center;font-size:.8em;background-color:#3EB54F;color:#fff;border-bottom:2px solid #359D45;padding:4px 2px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}
.otw h4 {background-color:#fff;color:#333;padding:4px 2px;text-align:center;}
.otw h4  a {font-size:1em; text-decoration:none;color:#000}
.otw p {background-color:#fff;color:#666;padding:4px 2px;border-bottom:2px solid #eee}
#latestPhotos {height:254px;visibility:hidden}
h3.homeheader {text-align:center;font-size:.8em;background-color:#3EB54F;color:#fff;border-bottom:2px solid #359D45;padding:4px 2px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}

#homeNewsWrapper {background-color:white;color:#666;padding:4px;border-bottom:2px solid #eee}
.newsdiv {border-bottom:1px solid #eee}
#homeNewsWrapper p {margin:8px 0;color:#666;line-height:120%}
#homeNewsWrapper p a {color:#3E8433;text-decoration:none}
#homeNewsWrapper p a:hover {text-decoration:underline}
#homeNewsWrapper h3 a {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.9em;color:#333;text-decoration:none;font-weight: 300;}
#homeNewsWrapper h3 a:hover {color:#3E8433;text-decoration:underline}

#scoreboard {width:380px;background-color:#fff}
#scoreboard td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;padding:4px}

.homelink {background-color:#fff;color:#666;padding:4px;border-bottom:2px solid #eee}
.homelink p {margin:8px 0;color:#666;line-height:120%}
.homelink p a {color:#3E8433;text-decoration:none}
.homelink p a:hover {text-decoration:underline}

.homeAccomListing {width:176px;height:130px;border:1px solid #eee;margin-right:10px;float:left}
.homeAccomListing img {margin:1px}
.homeAccomListing a {text-align:center;display:block}


.homeEvent {padding:4px 0; border-top:1px solid #f0f0f0}
.homeEvent h3 {padding:4px 0;font-size:1.1em;font-weight:bold}
h3.header {font-size:1.2em;margin-bottom:8px;clear:both}


.home_feature_events_box {width:226px;height:140px;margin-right:9px;border:solid 1px #eee;float:left;background-color:#fafafa}
.box_last {margin-right:0;}
.home_feature_events_box img {margin:1px}
.home_feature_events_box h4 {text-align:center;font-size:1.2em}
.home_feature_events_box div {padding:4px;}

.homefeature {border:1px solid #eee;margin-bottom:4px}
.homefeature img {margin:1px}
.homefeature p.home_feature_caption {text-align:right;padding:4px;background-color:#fafafa}

.archive-site {border:1px solid #eee;background:#fafafa url(../images/help.png) no-repeat 4px 4px; padding:6px;padding-left:30px;}
/* HOMEPAGE BIZ LINK DIRECTORY   */

ul.bizlink_col {width:200px;float:left;margin-right:15px;list-style:outside;margin-left:1em;padding-left:.5em}
ul.bizlink_col li {padding:8px;margin-left:0px;padding-left:0}
ul.bizlink_col li.Business {color:#2EA7DE;}
ul.bizlink_col li.Community {color:#B5D29C;}

div#bizlink_header {display:block;position:relative;height:30px;}
div.bizlink_btn {width:105px;height:24px;overflow:hidden;background:url(../images/showhide_bizlinks.png) 0 0 no-repeat;cursor:pointer}
div#bizlink_btn_business {background-position:0 -24px;position:absolute;top:0;right:0}
div#bizlink_btn_community {position:absolute;top:0;right:115px}
div#bizlink_btn_community.active {background-position:0 -48px}
div#bizlink_btn_business.active {background-position:0 -72px}
div.bizlinkpage_col {width:300px;float:left;margin-right:20px}
div.bizlinkpage_col ul {margin-left:0;padding-left:0}

/* SLIDESHOW   */

#slideshow {z-index:-1}
#s3slider { 
   width: 940px; /* important to be same as image width */ 
   height: 290px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   z-index:1;
}


#s3sliderContent {
   width: 940px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 9px 13px;
   width: 914px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span strong {font-weight:bold}
.s3sliderImage span span {float:right}
#header span.featureBanner{
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 9px 13px;
   width: 914px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   bottom: 0;
   }

#header span.featureBanner span {float:right}


/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/

#searchForm {position:absolute;top:20px;right:20px;z-index:99;width:200px}
#SearchDiv {padding:2px 4px;width:auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background:#fff;}
#SearchForm_SearchForm_Search {border:1px #eee solid;width:186px}

.focusField {opacity:1;filter:alpha(opacity=100)}
.idleField {opacity:0.5;filter:alpha(opacity=50)}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}


#sideSearchForm .middleColumn {width:220px!important;margin:6px 0!important}
#sideSearchForm input.text, #sideSearchForm select {width:214px!important;font-size: 1em;font-weight: normal}
#sideSearchForm select {width:220px!important}
#sideSearchForm label.left {margin:4px 0!important}
#sideSearchForm .action {float:right;margin:10px 0 0 0!important;padding:0 6px!important}


/* ACCOMMODATION 
-----------------------------------------------*/
.featureAccomListing {border:1px solid #f0f0f0;margin-bottom:4px}
.featureAccomListing div{margin:1px; background-color:#FFFCED;padding:2px}
.featureAccomListing span.image {float:left;width:200px}
.featureAccomListing span.text {float:right;width:460px;margin-right:20px;padding-top:10px}

.twocol {width:310px;margin-right:20px;float:left;}
.accomSection{margin-bottom:10px}
.accomSection p {margin-bottom:9px}
.link-pointer-grey {width:260px!important;height:30px;padding:8px 0 0 8px;background:url(../images/link-pointer-grey.png) top left no-repeat;margin:0}


.cal_supp {padding:6px;border:1px solid #eee;background-color:#fafafa;margin-bottom:2px;padding-left:24px}
.accom_detail_box table {background-color:#fafafa;border:1px solid #eee;width:650px;}
.accom_detail_box table tr, .accom_detail_box table td {border:none}
.accom_detail_box table td {padding:4px}
#accom_image_wrapper {margin-bottom:20px;clear:both}
#accom_icons img {float:left;margin-right:10px}

#YTGMWrap {float:left;margin-bottom:20px;clear:both;width:660px;z-index:0}
#youtubecode {float:left;width:320px;margin-right:10px}
#googlemapscode {float:left;width:320px;margin-right:10px}

.accom_region {padding-left:64px;background:url(../images/region_bullet.png) no-repeat;height:18px;color:#000}

#PageNumbers a {padding:4px; background:#eee;border:#bbb}

.mainevent {background-color:#F2FAFD}
ul#SearchListings {float:left;margin-bottom:20px}
ul#SearchListings li {float:left;width:100%}
.accom_listing_left {width:500px;float:left}
.accom_listing_right {width:120px;float:right}

.show_all_accom {padding:6px 4px;background:#fafafa;border:1px solid #eee;text-align:center;display:block}


/* EVENTS
----------------------------------------------- */
.reg-event {}

.reg-event-venue {padding:0 20px 0 80px;margin-bottom:4px!important;background:url(../images/event-venue.png) no-repeat 0 0}
.reg-event-when {padding:0 20px 0 80px;margin-bottom:4px!important;background:url(../images/event-when.png) no-repeat 0 0}
.reg-event-contact {padding:0 20px 0 80px;margin-bottom:4px!important;background:url(../images/event-contact.png) no-repeat 0 0}
.reg-event-info {padding:0 20px 0 80px;margin-bottom:4px!important;}

#reg-event-alpha {float:left;margin-bottom:20px;clear:both}
#reg-event-alpha a {display:inline;margin-right:2px;padding:6px 7px;border:1px solid #ccc}

span.back {background:url(../images/event-back-pointer.png) no-repeat;height:18px!important;width:102px;padding-left:10px;padding-top:2px}

h3.eventalpha {padding:10px;color:rgb(0, 159, 220);border:1px solid #ccc;background:#fafafa;}

.event_image {width:106px;height:106px;margin:6px auto 0 auto}
.dates {text-align:center}

.event_contact ul {width:360px;float:left}
.event_contact li {border-bottom:1px solid #e4e4e4;color:#666;font-size:.9em}
.event_contact li span {float:left;width:60px}



/* FOOTER ----------------------------------------------- */

#Footer {background:url(../images/footerbg.png) repeat-x; height:200px;padding-top:60px;position:relative}

#Footer p {color:#999;font-size:.9em;padding:0 20px}


#ft_te_logo {position:absolute;top:40px;left:40px;width:60px;height:97px;background:url(../images/te-logo.png)}
#ft_gdc_logo {display:none;position:absolute;top:40px;left:800px;width:105px;height:111px;background:url(../images/gdc-logo.png)}
#ft_contact {position:absolute;top:55px;left:110px;width:200px;height:97px}
#ft_socialmedia {position:absolute;top:40px;right:40px;width:227px;height:94px}
#ft_copyetc {position:absolute;top:180px;left:20px;width:400px;height:30px}
#ft_isite_logo {position:absolute;top:40px;left:300px;width:26px;height:97px;background:url(../images/isitelogo.png)}
#ft_isite_contact {position:absolute;top:55px;left:330px;width:200px;height:97px}
#backtotop {float:right;padding:4px}

#SubFooter {margin-bottom:40px}
#SubFooter p {float:right;text-align:right;color:#1E85AC}

#Form_AddListingForm_AccomType {border:none!important;}
#Form_AddListingForm_AccomType li {border:none!important;clear:both}
#Form_AddListingForm_AccomType li input {float:left;width:30px}
#Form_AddListingForm_AccomType li label {float:left;width:200px;margin:0;padding:0}