/* 0805, for new rosetta site */

/* clear the decks */
* {
padding: 0;
margin: 0;
} 
/* GENERAL */
body {
font-family:"Century Gothic",helvetica,verdana,arial,sans-serif;
color:#fff;
background-image: url(/gfx/diaglinebg.gif);
background-repeat: repeat;
text-align: center;
}

a img { border: none ; }

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

a:hover { 
color: #68c3f6; /*was 999*/
}
/*HEADINGS AND PARAS*/
h1 {font-size:1.2em;font-weight:normal; margin:1em 0;}
h2 {font-size: 1.1em;} /*see content and footer specific sizes, below*/
p{font-size: 1em; margin-bottom:1em;}
#wrap 
{
margin: 0px auto;
width: 700px;/*was 500*/
padding: 0px;
background-color: #333;
}


#header 
{
height: 195px;
background-color: #A0DCF8;
text-align:left;
}
#headerlogo {padding-left: 100px; padding-top: 40px;}
#header h1 { padding-left: 10px; padding-top: 12px; font-size: 25px; color: #31799F; }
#header h1 a { font-size: 25px; color: #31799F; text-decoration: none;}
#header h2 { padding-left: 10px; padding-top: 0px; font-size: 14px; color: #fff; }


/*   TOP NAVBAR    */
#navcontainer {
text-align: center;
width:700px;
margin-top: 0px;
font-size : 0.7em; /*++++++++++    N A V B A R     F O N T    S I Z E    +++++++++   */
padding:4px;
border: 0px solid #fff; 
background: #fff;
}

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { color: #739dd3;padding: 3px 10px; text-transform: uppercase; background-color: #fff;}

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

#navlist a:hover
{
text-decoration: underline;
}

/* this bit of magic styles the onstate of individual pages by reading which page we are on from the 
body's id attribute - body_welc, etc. - and combining that with the nav list's li id attribute - nav_welc, etc. 
Could have used php, but this seems neater and faster, also works for multiple pages within a section, 
which is better than methods that need filenames to be specified and checked for using if else clauses*/
#body_welc #nav_welc a, 
#body_about #nav_about a,
#body_about2 #nav_about a, 
#body_hist #nav_hist a, 
#body_prices #nav_prices a,
#body_prices2 #nav_prices a,
#body_lodges #nav_lodges a,
#body_lodges2 #nav_lodges a,
#body_lodges3 #nav_lodges a,
#body_lodges4 #nav_lodges a, 
#body_book #nav_book a, 
#body_cont #nav_cont a, 
#body_links #nav_links a  {font-weight:bold;text-decoration:none;} /*the lack of a comma after the last a is very important!! */


/*   MAIN CONTENT    */

#content { 
/* background:#FEEAD2;*/	/* derived from Paul's psd file */
/* background:#ee6e23;*/	
background:#739DD3;	/*#739DD3 (blue) for CB Rosetta is: F48026 (rust) */
text-align: left;
margin-top: 0px;
padding: 10px 100px; /* note that left and right margins of 100px effectively makes the 
content width 500px - we need to know this for the booking form*/
font-size: 0.8em;
min-height:500px; /*added to set same depth/height (top to bottom distance) of content area for every page, was: 400px*/
}

#content h2 { 
font-size: 1.1em; color : #fff; 
padding: 0 0 5px 0;
font-weight: bold;
margin-bottom: 0px;
}

/*body logo positioning*/
.cbhplogo {margin-top:10px; margin-left:-32px;}

.opener {margin-top:25px;}



/* FOOTER */

#footer { 
margin-top: 0px; 
clear: both;
text-align: left; 
padding: 10px 100px;
/*color: #A75C0F;*/
color: #823C00;
font-size:0.6em; 
background-color:#fff;
}

#footer img.overlap{text-align:right; float:right;margin-top:-29px;}/*styles the overlapping 'OLP home' button*/

#footer h2 { 
font-size:1em; 
padding: 0;
font-weight:normal;
text-decoration:underline;
text-transform:uppercase;
}

/* PAGE_SPECIFIC STYLES - see on-states code in navbar section too*/
#body_welc #header {background-image: url(/gfx/cb_seaview_700x195med.jpg);}
/*#body_about #header {background-image: url(/gfx/rhp_about1_700x195low.jpg)}
#body_about2 #header {background-image: url(/gfx/rhp_about2_700x195med.jpg)}
#body_about2 #header {background-image: url(/gfx/rhp_about2_700x195med.jpg)}
#body_hist #header {background-image: url(/gfx/rhp_history_700x195low.jpg)}*/
#body_prices #header {background-image: url(/gfx/cb_parkview_700x195med.jpg)}
#body_prices2 #header {background-image: url(/gfx/cb_parkview_700x195med.jpg)}
/*#body_lodges #header {background-image: url(/gfx/rhp_lodges_700x195med.jpg)}
#body_lodges2 #header {background-image: url(/gfx/rhp_lodges_700x195med.jpg)}
#body_lodges3 #header {background-image: url(/gfx/rhp_lodges_700x195med.jpg)}
#body_lodges4 #header {background-image: url(/gfx/rhp_lodges_700x195med.jpg)}*/
#body_book #header {background-image: url(/gfx/cb_seaview_700x195med.jpg)}
/*#body_cont #header {background-image: url(/gfx/rhp_contact_700x195high.jpg)}
#body_links #header {background-image: url(/gfx/rhp_links_700x195med.jpg)}*/

span.boxen {text-align: right;float:right;margin-top:50px;} 
span.boxen a {border:1px solid #fff;padding:10px;text-decoration:none;}
span.boxen a:hover {color:#fff;text-decoration:underline;font-weight:bold;background: #68c3f6;}
span.boxen a.active {text-decoration:underline;font-weight:bold;}
span.boxen a.active:hover {color:#fff;background: #739dd3;}