/* CSS for DiscoverDartmouth.com - By Stuart Sillitoe & David Gurney for Pulse8internet.co.uk - 2006. */

.clear
{
clear:both;
font-size:1px;
line-height:1px;
}



body
{
font-family:Trebuchet MS, sans-serif;
font-size:0.7em;
color:#fff;
margin:0;
background:#fff;
}



#wrapper
{
width:950px;
margin:0 auto;
text-align:left;
border-left:1px solid #fff;
border-right:1px solid #fff;
}


#topblue
{
background:#004056;
height:40px;
position:relative;
border-bottom:1px solid #fff;
}






a:link,
a:visited
{
color:#fff;
text-decoration:none;
}


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





.clear
{
clear:both;
}







/* main navigation */
#topnavig
{
height:20px;
position:relative;
border-top:1px solid #fff;
padding-left:0px;
padding-top:8px;
padding-bottom:8px;
line-height:22px;
}
#topnavig ul
{
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#topnavig ul li
{
display:inline;
padding-right:0px;
background:url('../images/splitter.gif') no-repeat left center;
}


#topnavig ul li.first
{
background:none;
}



#topnavig ul li a:link,
#topnavig ul li a:visited
{
margin-left:10px;
padding-left:6px;
margin-right:3px;
}


#topnavig ul li a.current
{
font-weight:bold;
}








/* blue strip - used as subnav when needed */
#bluestrip
{
height:6px;
background:#ffcc00;
border-bottom:1px solid #fff;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}







#maintitle
{
background:#8EA324 url('../images/dartmouth_tic_title.gif') no-repeat left 9px;
width:576px;
height:123px;
float:left;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
margin:0;
padding:0;
}


#contactpanel
{
background:#00537f url('../images/dartmouth_rose.gif');
border-bottom:1px solid #fff;
height:123px;
width:373px;
float:right;

}


#contactcopy
{
float:right;
font-size:1em;
color:#dae7ed;
margin: 15px 125px 0 0;
width:320px;
}
#contactcopy h2
{
font-size:1.5em;
color:#fff;
padding:0px;
margin-bottom:6px;
margin-top:0px;
}


#contentwrapper
{
width:950px;
position:relative;
}





#filler
{
width:950px;
height:50px;
background:#80c5ea;
}












/* footer */
#footer
{
background:#004056;
height:20px;
position:relative;
top:-2px;
border-top:1px solid #fff;
padding-top:8px;
padding-bottom:8px;
line-height:22px;
clear:both;
}
#footer ul
{
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#footer ul li
{
display:inline;
padding-right:0px;
background:url('../images/splitter.gif') no-repeat left center;
}

#footer ul li a:link,
#footer ul li a:visited
{
margin-left:10px;
padding-left:6px;
}


#footer ul li.first
{
background:none;
}








































/* everything below here is stu's added stuff */

a:link img, 
a:visited img
{
border:0;
}




#contentwrapper 
{
background:#00537F url(../images/contentwrap-bg.gif) repeat-y scroll left top;
border-bottom:1px solid #fff;
}

/*
#contentleft
{
width:576px;
width:712px;
float:left;
display:block;
border-right:1px solid #fff;
z-index:0;
position:relative;
background:#004056;
}
*/

#contentleft
{
width:576px;
width:712px;
float:left;
display:block;
border-right:1px solid #fff;
z-index:0;
position:relative;
background:#004056;
margin:0px;
padding:0px;
}


#contentleft-inner
{
z-index:1;
}


#contentright
{
background:#00537F;
width:373px;
width:237px;
float:right;
position:relative;
z-index:100;
}
#contentlright-inner
{
z-index:200;
}


#contentleft-inner, 
#contentright-inner
{
margin:13px;
}


#contentleft-inner h1, 
#contentright-inner h1,
#contentfull h1
{
font-size:1.5em;
}




#contentfull
{
width:576px;
width:712px;
width:950px;
float:left;
display:block;
z-index:0;
position:relative;
background:#004056;
}
#contentfull-inner
{
z-index:1;
padding:10px 20px;
}






/* event boxes - used for displaying most things... */
.eventBox
{
border-top:1px solid #fff;
border-bottom:1px solid #fff;

margin-bottom:10px;
background:url('../images/eventBoxBG.gif') repeat-y left top;
clear:both;
margin:0 0 20px 0;
width:672px;

}

.realEvent
{
background:#00537F;
}




.eventBox h3
{
margin:10px;
font-size:14px;
}

.eventBox p
{
margin:10px;
}


.eventBox ul
{
list-style-type:none;
margin:10px;
padding:0;
float:right;
color:#B6E1F7;
}



.eventImage
{
float:left;
width:180px;
min-height:135px;
height:135px;
position:relative;
left:1px;
}




.eventDetail
{
width:290px;
float:left;
line-height:13px;
font-size:11px;
}
.eventDetail h3
{
margin-bottom:0;
padding-bottom:0;
}


p.eventAddress
{
margin-top:0;
padding-top:0;
}


.eventData
{
width:200px;
float:right;
line-height:12px;
font-size:10px;
}

.eventImageWrap
{
margin:10px;
}

.eventImageWrap img
{
float:left;
margin:0 7px 8px 0;
}



.eventSymbols
{
margin:5px 8px 5px 5px;
}

.eventSymbols img
{
float:left;
margin:0 3px 5px 5px;
}


a.list_more:link,
a.list_more:visited
{
position:relative;
top:1px;

float:right;
border:1px solid #fff;
color:#B6E1F7;
background:#00537F;
padding:5px 10px;
font-weight:bold;
width:179px;
}
a.list_more:hover
{
background:#004056;
text-decoration:underline;
color:#fff;
}

.more_event a.list_more:link,
.more_event a.list_more:visited
{
right:14px;
}




hr
{
color:#004056;
color:#ecf4f8;
height:1px;
border:0;
border-top:1px solid #004056;
width:auto;
}




















/* subnav stuff */
#subnav
{
background:#00537f;
border-bottom:1px solid #fff;
margin:0;
padding:0;
font-size:11px;
padding-left:37px;
}


#subnav ul
{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}

#subnav ul li
{
display:inline;
padding-right:18px;
margin-right:0px;
background:url('../images/splitter.gif') no-repeat right center;
}
#subnav ul li.last
{
background:none;
}


#subnav ul li a:link,
#subnav ul li a:visited
{
line-height:30px;
color:#B6E1F7;
}


#subnav ul li a.current
{
font-weight:bold;
color:#C6F1F7;
}










/* contact form */
form#form_contact
{
margin:30px 0 0 0;
}



form#form_contact label
{
display:block;
width:100px;
clear:both;
float:left;
text-align:right;
margin:0 10px 0 0;
}


form#form_contact input, 
form#form_contact textarea, 
form#form_contact select
{
float:left;
display:block;
margin:0 0 20px 0;
width:200px;
font-size:1em;
font-family:"Trebuchet MS", sans-serif;
border:1px solid #00537F;
}

form#form_contact textarea
{
width:400px;
height:100px;
}

form#form_contact input#c_submit
{
width:100px;
}

form#form_contact input#c_code
{
width:80px;
}





a#verifyLink:link, 
a#verifyLink:visited
{
margin:0 0 0 10px;
height:18px;
float:left;
text-align:center;
background:#00537F;
border:1px solid #00537F;
display:block;
width:70px;
text-decoration:none;
}

a#verifyLink:hover
{
background:#f00;
border:1px solid #fff;
}


div#verifyCode
{

border:1px solid #00537F;
margin-left:30px;
height:18px;
float:left;
width:60px;
overflow:hidden;
vertical-align:middle;
position:relative;
}
div#verifyCode img
{
display:block;
position:relative;
top:-5px;
}


div#verifyHelpWrap
{
position:relative;
float:left;
}
 
div#verifyHelp
{
position:absolute;
left:-1px;
width:200px;
border:1px solid #fff;
background:#f00;
color:#eee;
display:none;
padding:5px;
}









/* search forms */
form#search_accommodation
{
margin:0;
padding:0;
}


input#submit_search_accommodation
{
font-size:10px;
}









/* symbols table pop up divvage */
#symbolsTableWrap
{
position:absolute;
width:190px;
z-index:9999;
}

#symbolsTableWrap p
{
margin:0;
padding:5px;
cursor:pointer;
font-weight:bold;
}

img.symbolsLinkImg
{
margin-right:10px;
}

#symbolsTable
{
background:#00537f;
position:relative;
top:-3px;
left:-3px;
}
#symbolsTableShadow
{
position:absolute;
left:0px;
background:#00436f;
width:300px;
}









#mainbody
{
width:573px;
padding-top:20px;
}


/* places to see wrap */
#placestoseeWrap
{
margin:10px 30px 30px 30px;
}


#placestoseeWrap strong
{
color:#F7B259;
}


#placestoseeWrap a:link,
#placestoseeWrap a:visited
{
text-decoration:underline;
}

#placestoseeWrap h1 a:link,
#placestoseeWrap h1 a:visited
{
text-decoration:none;
}




#placestoseeVillages, 
#placestoseeDartmouth, 
#placestoseeRiverseabeach
{
width:373px;
float:left;
border-bottom:1px solid #fff;
min-height:132px;
}
#placestoseeVillages
{
background:url('../images/img_places_villages.jpg') no-repeat left top;
}
#placestoseeDartmouth
{
background:url('../images/img_places_dartmouth.jpg') no-repeat left top;
}
#placestoseeRiverseabeach
{
background:url('../images/img_places_river.jpg') no-repeat left top;
}
#placestoseeVillages h3, 
#placestoseeDartmouth h3, 
#placestoseeRiverseabeach h3
{
margin-left:30px;
margin-top:20px;
font-size:1.6em;
}
#placestoseeVillages p, 
#placestoseeDartmouth p, 
#placestoseeRiverseabeach p
{
margin:0 30px;
padding:0 0 22px 0;
}

#placestoseeVillages p a:link, 
#placestoseeVillages p a:visited, 
#placestoseeDartmouth p a:link, 
#placestoseeDartmouth p a:visited, 
#placestoseeRiverseabeach p a:link, 
#placestoseeRiverseabeach p a:visited
{
font-weight:bold;
}
#placestoseeVillages p a:hover, 
#placestoseeDartmouth p a:hover, 
#placestoseeRiverseabeach p a:hover
{
background:#8EA324;
text-decoration:none;
}



img.imgPlace
{
border-bottom:1px solid #fff;
float:left;
}

img.imgPlaceR
{
border-bottom:1px solid #fff;
border-right:1px solid #fff;
float:left;
}








.eventBasic
{
border:1px solid #fff;
background:#00436f;
width:200px;
height:225px;
float:left;
margin:0 20px 20px 0;
}

.eventBasic hr
{
border-color:#00436f;

}


.eventBasic a.list_more:link, 
.eventBasic a.list_more:visited
{
float:none;
display:block;
width:100%;
border:0;
top:0;
border-bottom:1px solid #fff;
padding:0;
line-height:30px;
text-indent:10px;
}



.eventBasic .eventImage
{
float:left;
width:100%;
min-height:180px;
height:180px;
position:relative;
left:0;
}




#wrapper div.bookmark_links
{
text-align:center;
padding:3px;
border: 1px solid #8EA324;
margin:-10px 10px 10px 0px;
width:auto;
float:right;
background:#00537F;
}

#wrapper div.bookmark_links a img
{
vertical-align:middle;
}

div.embeded_video{
	background:#00537F;
	margin:-20px 0 20px 0;
	padding:10px 0;
	text-align:center;
	width:670px;
	border:1px solid #fff;
	border-top:0px;
}

label.wide{
	float:left;
	width:60px;
	text-align:right;
	margin-right:10px;
}

div.hires{
	background:#112233;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size:1.2em;
	padding:10px;
	border:1px solid #FF9E33;
}

table.member_table{
	margin: 0 auto;
}

table.member_table th{
	padding:8px 0;
	text-align:center;
}
table.member_table td{
	padding:8px;
	text-align:center;
}
table.member_table th{
	background:#00537F;
}
table.member_table td{
	color:#333;
	background:#fff;
}

form input,
form textarea,
form select{
	font:inherit;
	border:1px solid #00537F;
}

a.orange{
	color:#8EA324;
}

.autowidth{
	width:auto !important;
}


#header_banner{
	border-bottom:1px solid #fff;
	background:#004056 url('/images/rose_long.png') no-repeat left center;
	height:123px;
}
#header_banner img{
	float:left;
}

#theme_mainimage{
	height:249px;
	width:576px;
	overflow:hidden;
	float:left;
	border-right:1px solid #fff;
}
#theme_nav li{
	float:left;
	margin-right:15px;
	font-size:1.2em;
}

.float_left{
	float:left !important;
}
.float_right{
	float:right !important;
}

#theme_detail{
	color:#333;
}

#theme_detail div.theme_detail_container{
	padding:20px;
	margin-bottom:20px;
	position:relative;
}

#theme_detail h1{
	margin: 0 0 20px 0;
}
#theme_detail h2{
	font-size:1.5em;
}

#theme_detail div.theme_detail_container img.place-img{
	margin-right:10px;
}
.ratings_images{
	float:left;
	width:80px;
	text-align:right;
}
.ratings_images img{
	margin: 0 0 2px 2px;
}

.place-img-container{
	float:left;
	width:190px;
}

#theme_acc_search{
	float:left;
	width:200px;
	padding:20px;
}

table.member_table td.key{
	color:#fff;
}

table.theme_table td.key{
	color:#333;
}

#form_enquiry label{
	float:left;
	clear:left;
	width:75px;
	margin-right:5px;
}
#form_enquiry input,
#form_enquiry textarea{
	float:left;
	width:220px;
	margin-bottom:10px;
}
#form_enquiry input.submit{
	background:transparent;
	border:0;
	cursor:pointer;
	font-size:1.2em;
}

#award_images img{
	margin-right:10px;
}

#place_images span{
	display:block;
	width:186px;	
	float:left;
	text-align:center;
	border-bottom:1px solid #fff;
}

#google_detail a:link,
#google_detail a:visited{
	color:#00537F;
}

#googleMap{
	background:transparent url('/images/loadingmap.png') no-repeat center center;
}

/* large banner styles */

div#largeBanner{
	width:540px;
	background:#8ea324;
	padding:10px;
	float:left;
	border:3px solid #003e55;	
}

div#largeBanner div.bannerImageContainer{
	width:160px;
	border:1px solid #003e55;
	float:left;
	background:#ffffff;
}

div#largeBanner div.bannerImageContainer img{
	max-width:160px;
	max-height:160px;
}

div#largeBanner div.bannerTextContainer{
	margin:0px;
	padding:5px;
	margin-left:10px;
	width:358px;
	float:left;
	color:#fff;
}

div#largeBanner div.bannerTextContainer h2{
	font-size:1.4em;
	margin:0px;
}

/* medium banner styles */


div#mediumBanner{
	width:310px;
	background:#ffffff;
	padding:10px;
	border:3px solid #003e55;
	/*min-height: 349px;*/
	margin-bottom:20px;	
}

div#mediumBanner div.bannerImageContainer{
	width:auto;
	border:1px solid #003e55;
	background:#ffffff;
	margin:0 0 0 75px;
	height:auto;
	padding:0px;
	float:left;	
	display:inline;	
}

div#mediumBanner div.bannerImageContainer img{
	width:160px;
	float:left;
}

div#mediumBanner div.bannerImageContainer a{
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}

div#mediumBanner div.bannerTextContainer{
	margin:0px;
	width:295px;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}


div#mediumBanner div.bannerTextContainer a:link,
div#mediumBanner div.bannerTextContainer a:visited{
	padding:5px;
	width:100%;
	color:#000;
	margin-top:20px;
	text-align: center;
	color:#ffffff !important;
}

div#mediumBanner div.bannerTextContainer h2{
	font-size:1.4em;
	margin:0px;
	margin-bottom:10px;
	text-align:center;
}


/* foodie */
div#mediumBanner.idea9 div.bannerTextContainer a:link,
div#mediumBanner.idea9 div.bannerTextContainer a:visited{
	background: #773E19;
}
/* gardens */
div#mediumBanner.idea6 div.bannerTextContainer a:link,
div#mediumBanner.idea6 div.bannerTextContainer a:visited{
	background: #435638;
}

/* ac */
div#mediumBanner.idea7 div.bannerTextContainer a:link,
div#mediumBanner.idea7 div.bannerTextContainer a:visited{
	background:#4A1448;
}

/* Festivals */
div#mediumBanner.idea8 div.bannerTextContainer a:link,
div#mediumBanner.idea8 div.bannerTextContainer a:visited{
	background: #005778;
}

/* Family */
div#mediumBanner.idea10 div.bannerTextContainer a:link,
div#mediumBanner.idea10 div.bannerTextContainer a:visited{
	background: #5D455F;
}

/* pets */
div#mediumBanner.idea11 div.bannerTextContainer a:link,
div#mediumBanner.idea11 div.bannerTextContainer a:visited{
	background: #6A0A2D;
}

/* holidays */
div#mediumBanner.idea13 div.bannerTextContainer a:link,
div#mediumBanner.idea13 div.bannerTextContainer a:visited{
	background: #7D5A07;
}

/* Art */
div#mediumBanner.idea14 div.bannerTextContainer a:link,
div#mediumBanner.idea14 div.bannerTextContainer a:visited{
	background: #766A34;
}

/* Keep it green */
div#mediumBanner.idea15 div.bannerTextContainer a:link,
div#mediumBanner.idea15 div.bannerTextContainer a:visited{
	background: #627B17;
}

/* relax and indulge */
div#mediumBanner.idea17 div.bannerTextContainer a:link,
div#mediumBanner.idea17 div.bannerTextContainer a:visited{
	background: #2E6571;
}






/* foodie */
div#mediumBanner.idea9{
	border: 3px solid #773E19;
}
/* gardens */
div#mediumBanner.idea6{
	border: 3px solid #435638;
}

/* ac */
div#mediumBanner.idea7{
	border: 3px solid #4A1448;
}

/* Festivals */
div#mediumBanner.idea8{
	border: 3px solid #005778;
}

/* Family */
div#mediumBanner.idea10{
	border: 3px solid #5D455F;
}

/* pets */
div#mediumBanner.idea11{
	border: 3px solid #6A0A2D;
}

/* holidays */
div#mediumBanner.idea13{
	border: 3px solid #7D5A07;
}

/* Art */
div#mediumBanner.idea14{
	border: 3px solid #766A34;
}

/* Keep it green */
div#mediumBanner.idea15{
	border: 3px solid #627B17;
}

/* relax and indulge */
div#mediumBanner.idea17{
	border: 3px solid #2E6571;
}




/* foodie */
div#mediumBanner.idea9 h2,
div#mediumBanner.idea9 strong
{
	color:#773E19;
}
/* gardens */
div#mediumBanner.idea6 h2,
div#mediumBanner.idea6 strong
{
	color:#435638;
}

/* ac */
div#mediumBanner.idea7 h2,
div#mediumBanner.idea7 strong
{
	color:#4A1448;
}

/* Festivals */
div#mediumBanner.idea8 h2,
div#mediumBanner.idea8 strong
{
	color:#005778;
}

/* Family */
div#mediumBanner.idea10 h2,
div#mediumBanner.idea10 strong
{
	color:#5D455F;
}

/* pets */
div#mediumBanner.idea11 h2,
div#mediumBanner.idea11 strong
{
	color:#6A0A2D;
}

/* holidays */
div#mediumBanner.idea13 h2,
div#mediumBanner.idea13 strong
{
	color:#7D5A07;
}

/* Art */
div#mediumBanner.idea14 h2,
div#mediumBanner.idea14 strong
{
	color:#766A34;
}

/* Keep it green */
div#mediumBanner.idea15 h2,
div#mediumBanner.idea15 strong
{
	color:#627B17;
}

/* relax and indulge */
div#mediumBanner.idea17 h2,
div#mediumBanner.idea17 strong
{
	color:#2E6571;
}



/* foodie */
div#mediumBanner.idea9 div.bannerImageContainer
{
	border: 2px solid #773E19;
}
/* gardens */
div#mediumBanner.idea6 div.bannerImageContainer
{
	border: 2px solid #435638;
}

/* ac */
div#mediumBanner.idea7 div.bannerImageContainer
{
	border: 2px solid #4A1448;
}

/* Festivals */
div#mediumBanner.idea8 div.bannerImageContainer
{
	border: 2px solid #005778;
}

div#mediumBanner.idea10 div.bannerImageContainer
{
	border: 2px solid #5D455F;
}

/* pets */
div#mediumBanner.idea11 div.bannerImageContainer
{
	border: 2px solid #6A0A2D;
}

/* holidays */
div#mediumBanner.idea13 div.bannerImageContainer
{
	border: 2px solid #7D5A07;
}

/* Art */
div#mediumBanner.idea14 div.bannerImageContainer
{
	border: 2px solid #766A34;
}

/* Keep it green */
div#mediumBanner.idea15 div.bannerImageContainer
{
	border: 2px solid #627B17;
}

/* relax and indulge */
div#mediumBanner.idea17 div.bannerImageContainer
{
	border: 2px solid #2E6571;
}


hr{
	height:0;
	border-top:1px solid #fff;
	margin-top:15px;
}


div.banner_cycle{
	display:none;
}
div.banner_sizeL{
	/*height: 188px;*/
}
div.banner_sizeM{
	height: 270px;
}

div.lateAvailability{
	margin-bottom:10px;
	padding:5px;
	background:#00537F;
	border:1px dotted #B6E1F7;
}

div.lateAvailability h3,
div.lateAvailability span{
	float:left;
	margin:0;
	line-height:16px;
	margin-right:20px;
}
div.lateAvailability a.click:link,
div.lateAvailability a.click:visited{
	float:right;
	background:#004056;
	padding:2px 5px;
	text-decoration:none;
}
div.lateAvailability a.click:hover{
	float:right;
	background:#fff;
	color:#004056;
	padding:2px 5px;
}