/* -------------------------------------------------
*
Title:			style.css
Website:		http://www.dsml.co.uk
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX
Author: 		Mark Greenley - adverset media solutions -www.adverset.co.uk
Last modified: 	06.11.2008 - Mark Greenley - adverset media solutions.
*
------------------------------------------------- */

* {
margin:0;
padding:0;
line-height:1.35em;
list-style:none;
font-family:'trebuchet MS', arial, helvetica 'sans serif';
}
body {
font-size:62.5%;
background: #010068 url(../i/bg-main.jpg) top left repeat-x;
padding:0 0;
border-top:solid 6px #010066;
}
body#home, #accommodation, #outandAbout, #contact, #tariff {
background: #010066 url(../i/bg-main.jpg) top left repeat-x;
}

#home #content {background:#fff url(/i/img-home-content.jpg) no-repeat 0 0;}
#accommodation #content {background:#fff url(/i/img-accomm-content.jpg) no-repeat 0 0;}
#standard #content {background:#fff url(/i/img-accomm-standard.jpg) no-repeat 0 0;}
#double-superior #content {background:#fff url(/i/img-deluxeroom-content.jpg) no-repeat 0 0;}
#double-deluxe #content {background:#fff url(/i/img-accomm-content.jpg) no-repeat 0 0;}
#outandAbout #content {background:#fff url(/i/img-outandAbout-content.jpg) no-repeat 0 0;}
#booking #content {background:#fff url(/i/img-booking-content.jpg) no-repeat 0 0;}
#contact #content {background:#fff url(/i/img-contact-content.jpg) no-repeat 0 0;}
#tariff #content {background:#fff url(/i/img-tariff-content.jpg) no-repeat 0 0;}

#container {
text-align:left;
width:661px;
margin:0 auto;
padding:0px 0 0x 0;

}
#masthead-home {
background:#8A987E url(/i/img-home.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-accommodation {
background:#8A987E url(/i/img-accommodation.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-outandAbout {
background:#8A987E url(/i/img-outandAbout.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-booking {
background:#8A987E url(/i/img-booking.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-contactUs {
background:#8A987E url(/i/img-contact.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-tariff {
background:#8A987E url(/i/img-tariff.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-standard {
background:#8A987E url(/i/img-standard.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-superior {
background:#8A987E url(/i/img-superior.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-deluxe {
background:#8A987E url(/i/img-deluxe.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
/*--- 
OHC LOGO  ---------------------------------------------------------*/
#logo {
margin-bottom:0;
text-indent:-3000px;
}

#logo h1 {
width:180px;
height:84px;
position:absolute;
top:10px;
left:555px;
text-indent:-3000px;}


#holder {
width:661px;
background-color:#fff;
overflow:hidden;
margin:0px;
padding:0px;
} 
#content {
float:left;
width:410px;
background-color:#fff;
margin:0px;
padding:0px 0px 30px 0px;
}
#contact {
width:245px;
height:28px;
display:block;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
}
#contact ul {
margin:0;
}
#contact ul li {
float:left;
}
#contact ul li a {
float:left;
display:block;
height:28px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#contact ul li#nav4 a {width:245px;background: url(/i/nav-contact.png) no-repeat;}
#contact ul li#nav4 a:hover {background: url(/i/nav-contact.png) 0 -28px no-repeat;}

/*-----
Sets up secondary content column ------------------------------------*/
#secondary-content {
float:right;
width:241px;
margin:0 0 0px 0;
padding:0px;
}
#secondary-content p {
color:#05036e;
font-size:1.3em;
}
#secondary-content p a {
color:#05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
#secondary-content p a:hover {
color:#b97df2;
text-decoration:none;
border-bottom:1px solid #b97df2;
}
#secondary-content ul {
margin-bottom:10px;
}

#secondary-content ul li {
color:#05036e;
line-height:1.5em;
margin:0 1em 0.5em 3em;
padding:0 0 0 0;
list-style-type:square;
}
#secondary-content ul li a {
color:#05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
#secondary-content ul li a:hover {
color:#b97df2;
text-decoration:none;
border-bottom:1px solid #b97df2;
}




/*--- 
MAIN NAVIGATION  ---------------------------------------------------------*/
/*
#navigation {
position:relative;
width:661px;
margin:0 34px 0 0px;
background-color:#3B3D27;
height:32px;
padding:0;
border-bottom:8px solid #fff;
border-top:solid 1px #fff;

}

#navigation ul {
margin:0;
}
#navigation ul li {
float:left;
}
#navigation ul li a {
float:left;
display:block;
height:32px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}

#navigation ul li#nav0 a {width:71px;background:#3b3d27 url(/i/nav0.gif) no-repeat;}
#navigation ul li#nav0 a:hover {background:#9883a7 url(/i/nav0.gif) 0 -32px no-repeat;}
#navigation ul li#nav1 a {width:102px;background:#3b3d27 url(/i/nav1.gif) no-repeat;}
#navigation ul li#nav1 a:hover {background:#9883a7 url(/i/nav1.gif) 0 -32px no-repeat;}
#navigation ul li#nav2 a {width:128px;background:#3b3d27 url(/i/nav2.gif) no-repeat;}
#navigation ul li#nav2 a:hover {background:#9883a7 url(/i/nav2.gif) 0 -32px no-repeat;}
#navigation ul li#nav3 a {width:119px;background:#3b3d27 url(/i/nav3.gif) no-repeat;}
#navigation ul li#nav3 a:hover {background:#9883a7 url(/i/nav3.gif) 0 -32px no-repeat;}
#navigation ul li#nav4 a {width:99px;background:#3b3d27 url(/i/nav4.gif) no-repeat;}
#navigation ul li#nav4 a:hover {background:#9883a7 url(/i/nav4.gif) 0 -32px no-repeat;}
#navigation ul li#nav5 a {width:141px;background:#3b3d27 url(/i/nav5.gif) no-repeat;}
#navigation ul li#nav5 a:hover {background:#9883a7 url(/i/nav5.gif) 0 -32px no-repeat;}
*/

#nav { margin: 0px; padding:0px; position: relative; list-style: none; height: 32px; line-height: 32px; }
#nav li { float:left; line-height: 32px; }
#nav li a { display: block; text-indent: -3000px; overflow: hidden; height: 32px;}
#nav li ul { margin: 0px; padding: 0px; position: absolute; list-style: none; display: none;  width: 300px;}
#nav li ul li { float: left; line-height: 32px; font-size: 0.7em; }
#nav li ul li a { position: relative;  width: 300px; line-height: 32px; }
#nav li:hover ul { display: block; }
#nav li:hover ul li a { padding-left: 5px; text-indent: 0px; }


	#nav0 a {width:71px;background:#3b3d27 url(/i/nav0.gif) no-repeat;}
	#nav0 a:hover {background:#9883a7 url(/i/nav0.gif) 0 -32px no-repeat;}
	#nav1 a {width:102px;background:#3b3d27 url(/i/nav1.gif) no-repeat;}
	#nav1 a:hover {background:#9883a7 url(/i/nav1.gif) 0 -32px no-repeat;}
	#nav2 a {width:128px;background:#3b3d27 url(/i/nav2.gif) no-repeat;}
	#nav2 a:hover {background:#9883a7 url(/i/nav2.gif) 0 -32px no-repeat;}
	#nav3 a {width:119px;background:#3b3d27 url(/i/nav3.gif) no-repeat;}
	#nav3 a:hover {background:#9883a7 url(/i/nav3.gif) 0 -32px no-repeat;}
	#nav4 a {width:99px;background:#3b3d27 url(/i/nav4.gif) no-repeat;}
	#nav4 a:hover {background:#9883a7 url(/i/nav4.gif) 0 -32px no-repeat;}
	#nav5 a {width:141px;background:#3b3d27 url(/i/nav5.gif) no-repeat;}
	#nav5 a:hover {background:#9883a7 url(/i/nav5.gif) 0 -32px no-repeat;}


		#nav1 ul li a { background: #afafd9; color: #05036e; }
		#nav1 ul li a:hover { background: #b97df2; color: #05036e; }
		
		#nav3 ul li a { background: #afafd9; color: #05036e; }
		#nav3 ul li a:hover { background: #b97df2; color: #05036e; }
	
/*--- 
SUB NAVIGATION  ---------------------------------------------------------*/
#sub-navigation {
position:relative;
width:661px;
margin:0 34px 0 86px;
background-color:#3B3D27;
height:32px;
padding:0;
border-bottom:8px solid #fff;
}

#sub-navigation ul {
margin:0;
}
#sub-navigation ul li {
float:left;
}
#sub-navigation ul li a {
float:left;
display:block;
height:32px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}

#sub-navigation ul li a:hover {background:#9883a7 url(/i/nav0.gif) 0 -32px no-repeat;}

/*--- 
FOOTER  ----------------------------------------------------------*/
#footer {
margin:10px 0 0 0;

clear:both;

}
#footer-content {
background-color:#DFDFF9;
width:651px;
padding:20px 0 20px 10px;
color:#010066;
padding-bottom:15px;
margin:0 auto;
}
#footer-content h3 {
text-transform:uppercase;
padding-top:20px;
font-size:1.4em;
padding-bottom:3px;
}
#footer-content p {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
font-size:1.3em;
color:#010066;
}
#footer-content p a {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
color:#010066;
border-bottom:dashed 1px #010066;
text-decoration:none;
}
#footer-content p a:hover {
color:#010066;
border-bottom:solid 1px #010066;
text-decoration:none;
}
#footer-content .links {
margin-left:150px;
float:right;
}

/*--- CONTENT  ---------------------------------------------------------*/

#content h1 {
color:#010066;
margin:0.5em 1em 1.3em 0.5em;
font-size:2.2em;
margin-bottom:0.3em;
font-weight:normal;
}
#content h2 {
color:#010066;
margin:0.5em 0 1.0em 0.5em;
font-size:2em;
font-weight:normal;
padding-right:6px;
}
#content h3 {
color:#010066;
margin:0.5em 1em 1.3em 0.7em;
font-size:1.8em;
margin-bottom:0.3em;
font-weight:normal;
}
#content p, ol, ul, address {

font-size:1.3em;
line-height:1.5em;
margin:1em 1em 1.3em 1em;
}

ol {
list-style:decimal;
}

#content ul {

margin: 0 0 0 50px;
}

#content li {
color:#9C9BDC;
list-style-type:square;
}

#content a {
color: #05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
#content a:hover {
color:#b97df2;
border-bottom:1px solid #b97df2;
}

#content img {
padding:3px; 
border:1px solid #05036e;
margin:0 10px 0 10px;
}
/*---
=News ---------*/
#latest-news {
/* border: solid 1px #C0C3A8; */
margin:20px 0 0 0;
padding:0 0 0 0;
}


#latest-news h3 {
color:#58622F;
font-size:1.8em;
font-weight:normal;
padding-bottom:2px;
}
.news-item  {
width:226px;
padding:0 0 10px 0;
border-bottom:1px dashed #ccc;
}
.news-item p {
color:#05036e;
}
.news-item h3 {
color:#3B3D27;
margin:0 10px;
font-size:1.8em;
font-weight:normal;
padding-bottom:2px;
}
.news-item h4 {
color:#ccc;
margin:0 0 0 1.6em;
font-size:1.2em;
}
.news-item h4 a {
color:#339966;
text-decoration:none;
}
.news-item h4 a:hover {
color:#7D423B;
text-decoration:underline;
}
.news-item p {
color:#000;
font-size:1.3em;
margin:0.5em 0 0 1em;

}
.news-item a.read-more {
color:#05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
.news-item a.read-more:hover {
color:#b97df2;
border-bottom:1px solid #b97df2;
}



/* =general form fields */

/*input {font-family:"Trebuchet MS",verdana, helvetica, "sans serif";font-size:12px;color:#556267;margin-right: 0;line-height: 15px;float:left;height:15px;padding-left:5px;} */
inputPrint {width: 200px;margin-right: 25px;line-height: 15px;float:left;border: 1px solid #ccc;}
#comment {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#866144;width: 330px;border:1px solid #866144;}
.submit input {width:68px;height:35px;text-indent:-3000px;text-decoration:none;overflow:hidden;background: url(/i/submit.gif) no-repeat;border:0;}
.submit input:hover {background:#fff url(/i/submit.gif) 0 -35px no-repeat;}


#name,#phone,#email,#company,#delegates {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width: 150px;height:22px;margin-right: 0;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#numberOfSingleRooms,#numberOfSuperDeluxeRooms,#numberOfDoubleSuperiorDeluxeRooms,#numberOfTwinSuperDeluxeRooms {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width:20px;height:20px;margin:0 0 0 10px;line-height: 15px;padding: 5px;border: 1px solid #3b3d27;}
#Standard, #Superior, #Deluxe {padding: 5px;}






/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
legend {
height:0;
}
legend,
#header ul,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}
/*--- TEXT-INDENT  ---------------------------------------------------------*/
#header h1
{
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}

/*--- CLEARFIXES  ---------------------------------------------------------*/
#header
{
overflow:hidden;
}

/*---- 
=Whats-On table -------------------*/
#whats-on-table {background-color:#fff; margin:0 0 0 5px;  border:1px solid #3b3d27; width:400px;}
#whats-on-table tr td {color:#556267; font-size:1.1em; padding:3px; border:1px solid #ccc;}
#whats-on-table .tdheader {color:#fff;text-transform:uppercase;margin-top:5px;background-color:#547327;}
#whats-on-table .row1 {color:#3b3d27;margin-top:5px;background-color:#ddd;text-align:center;}
#whats-on-table .row2 {color:#3b3d27;margin-top:5px;background-color:#eee;text-align:center;}

/* -------------- Blockquotes --------------------- */

blockquote {
	padding: 10px;
	margin:0px 0px 0px 20px;
	font-size: 1.0em;
	color:#336666;
	width:380px;
	background: url(/i/quote-up.gif) top left no-repeat;
}

blockquote p {
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	float: left;
	color:#336666;
	width:320px;
	font-weight:bold;
	background: url(/i/quote-down.gif) bottom right no-repeat;
}

cite {
	font-size: 1.0em;
	text-align:right;
	float: left;
	margin:-3px 10px 15px 20px;
	width:370px;
} 

/* ------------- Form -------------- */

fieldset {
	border:0;
}


textarea {
	width:380px;
	height:120px;
	background: #fff url(../holidays/images/bg-submit.jpg) top left repeat-x;
	padding:3px;
	border:1px solid #A6ADBD;
}

.label {
	border:0px solid #A6ADBD;
	background-color:#FFFFFF;
}



input {
	background: #fff url(/i/form-bg.jpg) top left repeat-x;
	border:1px solid #7776b4;
	color:#05036e;
	font-size:1em;
	padding:3px;
}




/* ---------- Tables ----------------*/

table {
border:1px solid #05036e;
border-collapse:collapse;
margin:3px 0px 10px 0px;
width:380px;
}
caption {
background-color:#05036e;
color:#FFFFFF;
font-size:16px;
height:45px;
margin-top:5px;
padding:10px 0px 0px;
text-align:left;
text-indent:10px;
}
thead th {
border-right:1px solid #05036e;
color:#000;
font-size:14px;
font-weight:bold;
margin:20px 0px 0px;
padding:5px 0px 5px 8px;
text-align:left;
}
tbody tr {
background-color:#fff;
}
tbody tr th {
background-color:#E6EACF;
}
tbody tr.odd {
background-color:#FFFFFF;
}
tbody th {
border-top:1px solid #05036e;
color:#552A0A;
font-size:12px;
line-height:1.4em;
padding:5px 7px;
text-align:left;
}
tbody td {
border-top:1px solid #05036e;
color:#000;
font-size:1.3em;
line-height:1.4em;
padding:5px 7px;
text-align:left;
}
tfoot th {
color:#552A0A;
height:30px;
padding:10px;
}
tfoot td {
background-color:#ccc;
color:#FFFFFF;
font-size:12px;
height:30px;
padding:10px;
}

.recruit_table { border: 0px; }
.recruit_table td { border: 0px; }

.submit { border: 1px solid #000166; background: #9c9dgc; }

.red_text { color: darkred; font-weight: bold; font-size: 0.5em;}