@charset "utf-8";
/************************** GENERIC CSS ELEMENTS *******************************/

html {
   text-align: center;
   color: black;
 }

body {
	font-family: 'Lucida Grande', arial, helvetica, sans-serif;
	font-size:12px;
	color:#596873;
	margin-top:5px;
	background-color:#676767;
}

.border {
	border:1px solid #CCC;
}
.titlebar {color:#ffdb31}

h1 {color:#9f9ba0; font-size:14px}
h2 {color:#9ca274; font-size:13px}
h3 {color:#9f9ba0; font-size:12px}
h4 {color:#9f9ba0; font-size:11px}
h5 {color:#9f9ba0}
h6 {color:#9f9ba0}

img a {border:none;}

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

a:hover {color:#9ca274;}

/**************LEFT-NAVIGATION******************/

#menu {
width: 148px;
height:250px;
background: transparent;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px 'Lucida Grande', arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #9ca274 #9ca274 #9ca274 #bbb;
margin: 0;
padding: 2px 4px;
}

#menu h2 {
color: #fff;
background: #9ca274;
}

#menu a {
color: #eee;
background: #413f46;
text-decoration: none;
}

#menu a:hover {
color: #fff;
background: #9ca274;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*** SPECIAL EVENTS ***/

.events-title {width:250px; height:276px; padding:10px; float:right; text-align:left}

/***************************************************/

#container {
	width:800px;
	height:auto;
	margin:0 auto 0 auto;
	position:relative;
	background-color:#413f46;
	border:5px solid #eee;
	text-align:left;
	overflow:visible;
			}  
			
#body-wrapper {width:800px; height:auto; background-image: url(../images/wrapper-bg.jpg)}

#header {width:800px; height:201px; margin:0px auto 0px auto; background-image:url(../images/twinoaks-header.jpg); background-repeat:no-repeat;}

#content-left {width:408px; height:403px; margin:0px 0px 0px 0px; padding: 0px 0px 5px 0px; background-color:#413f46; color:#596873; text-align:left; font-size:100%; float:left;}

#content-left-image {width:408px; height:21px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color:#413f46; color:#849097; text-align:left; float:left}

#content-left-title {width:382px; height:40px; margin:0px 0px 0px 0px; padding: 15px 10px 10px 15px; background-color:#413f46; color:#eee; font-weight:bold; text-align:left; font-size:120%; float:left}

#content-left-title a:link, #content-left-title a:visited {color:#ffdb31; text-decoration:none}
#content-left-title a:hover {color:#ffffff; text-decoration:none}

#content-left-text {
	width:382px;
	background-color:#fff;
	color:#596873;
	text-align:justify;
	font-size:100%;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	height: 740px;
}

#content-right {width:392px; height:auto; margin:-1px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color:#413f46; background-image: url(../images/twinoaks-bg-img.jpg); background-repeat:repeat-y; color:#666666; text-align:left; float:right;}

#content-right-bottom {
	width:392px;
	height:467px;
	margin:0px;
	padding: 0px;
	background-color:#413f46;
	background-image: url(../images/twinoaks-bg-img.jpg);
	background-repeat:repeat-y;
	color:#fff;
	text-align:left;
	float:right;
}

#content-right-bottom a:link, a:visited {
	color:#9CA274;
	text-decoration: none;
}

#content-right-bottom a:hover {color:#9ca274;}

.content-right-imgbox {
	width:24px;
	height:237px; /** each bullet point circle is 24px in height, so add this value every time a menu item is added **/
	background-color:transparent;
	background-image:url(../images/menu-icon.gif);
	background-repeat:repeat-y;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
					  }
					  
.content-right-txt {
					   width:210px; 
					   height:192px; 
					   background-color:transparent; 
					   float:left;
					   font: 13px Verdana, Arial, Helvetica, sans-serif;
					   color:#FFF;
					   margin:10px 5px 10px 10px;
					   line-height:185%;
					   padding-top:0px;
					   vertical-align:middle;
					  }

.content-right-title {
					   width:343px; 
					   height:32px; 
					   background-color:transparent; 
					   float:left;
					   font: 14px Verdana, Arial, Helvetica, sans-serif;
					   color:#FFF;
					   padding:10px;
					   padding-left:30px;
					  }

#footer {width:780px; height:auto; margin:0px auto 0px auto; padding: 10px 10px 10px 10px; background-color:#72525d; color:#fff;  text-align:left; font-size:10px; clear:both; border-top: 5px solid #413f46} 

#footer a:link, #footer a:visited {color:#fff; text-decoration:none; padding:2px 2px 0px 2px}

#footer a:hover {color:#000}

/*************************** REFERENCES.PHP SECTION CLASSES & ID'S ********************************/

#content-ref {width:408px; height:403px; margin:0px 0px 0px 0px; padding: 0px 0px 5px 0px; background-color:#413f46; color:#849097; text-align:left; font-size:100%; float:left;}

#content-right-text {
					 width:382px; 
				     height:630px; 
					 margin:0px 0px 0px 6px; 
					 padding: 10px 10px 20px 20px; 
					 background-color:transparent; 
					 color:#9f9ba0; 
					 font-weight:bold; 
					 text-align:left; 
					 font-size:11px;
					 line-height:90%;
					 float:left;
					 }

#content-right-text a:link, a:visited {color:#9ca274; text-decoration:none}

#content-right-text a:hover {
	text-decoration:underline
}

#content-right-text ul li {list-style-position:outside; list-style:square}

/*************************** CLOSE ********************************/

/*************************** ACCOMODATION TARIFFS SECTION CLASSES & ID'S ********************************/

.accomm-tariff-txtbox {
					   width:143px; 
					   height:226px; 
					   background-color:transparent; 
					   float:left; padding:2px; 
					   padding-top:5px; 
					   margin-bottom:10px; 
					   margin-right:5px; 
					   text-align:left; 
					   font-family: Verdana, Arial, Helvetica, sans-serif; 
					   font-size:13px; 
					   font-weight:bold
					  }
					   
.smallprint {
			 font-size:9px; 
			 font-weight:normal
			}
			
.accomm-tariff-imgbox {
					   width:94px; 
					   height:96px; 
					   background-color:transparent; 
					   float:left; 
					   margin-bottom:10px; 
					   margin-right:5px
					  }
					   
.disclaimer-box {
				 width:240px; 
				 height:80px; 
				 margin-left:20px; 
				 margin-top:40px; 
				 font-size:9px; 
				 font-weight:bold; 
				 line-height:130%; 
				 background-color:transparent; 
				 float:left; 
				 padding-top:5px;  
				 text-align:left; 
				 font-family: Verdana, Arial, Helvetica, sans-serif
				}
				
.extratext {width: 800px; margin: 0 auto 0 auto; color: #333333;}
/*************************** CLOSE ********************************/
#container .content-right-pdf div {
	padding-top: 10px;
	float: left;
	width: 300px;
	padding-left: 50px;
	height: 20px;
	background-color: transparent;
}
#container #content-left #content-left-text .accomm-tariff-txtbox #blink {
	text-decoration: blink;
}
#container #content-left #content-left-text .accomm-tariff-txtbox #blink #blinktxt {
	text-decoration: blink;
}
#container #content-left #content-left-text p a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #content-right a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}