/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body {
margin: 0 auto;
padding: 0;
font-family: 'Trebuchet MS', verdana, helvetica, arial, sans-serif;
font-size: 0.8em; /* same as font-size: 100% */
background: #f4f4f4 url('Graphics/bg.gif') repeat-y top center;
}

h1, h2, h3, h4, h5 {padding: 1px; margin: 8px 0px 0px 0px; color: #BFA260;}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 760px;
}

#header {
clear: both;
margin: 10px 0 0 0;
padding: 0;
height: 45px;
}

#header h1 {
clear: both;
margin: 0 0 0 0;
float: left;
}

#header p {
clear:left;
float: left;
text-align: left;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 1.0em;
line-height: 1.2em;
}

.headerright {
float: right;
padding: 0;
border: 0px none;; margin-left:0px; margin-right:2px; margin-top:0px; margin-bottom:0px
}

.headerleft {
float: left;
padding: 0;
border: 0px none;; margin-left:5px; margin-right:2px; margin-top:0px; margin-bottom:0px
}

/** Flash header */

#flashtop {
clear: both;
margin: 0 0 0 0;
padding: 0;
position:relative;
}

/** Top Menu Navigation */

#topnav {
position: centre;
clear: both;
width: 748px;
height: 18px;
padding: 0px;
font-size: 1.0em;
border:1px solid #cccccc; *; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:10px
}

#topnav ul{
padding: 0 0 0 0px;
margin: 0px;
white-space: nowrap;
color:#ffffff;
float:centre;
width:100%;
list-style:none;
}

#topnav ul li{
display:inline;
list-style:none;
}

#topnav ul li a{
font-weight: bold;
color: #999999;
margin: 0 0 0 0;
padding: 0 5px 0 5px;
text-decoration:none;
float: left;
border-left: 1px solid #cccccc;
}

#topnav ul li a:hover{
background: #9EB874;
color: #ffffff;
text-decoration:none;
/** border: 1px solid #cccccc; */
}

/** end Top Menu Navigation */


/** 1st Col Left Hand Menu */
#leftmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#leftmenu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#leftmenu li {
margin-bottom: 4px;
}

#leftmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #9EB874;
display: block;
padding: 6px 0 0 10px;
background: #ffffff;
border-left: 4px solid #eeeeee;
}	
	
#leftmenu li a:hover {
background: #9EB874;
color: #ffffff;
border-left: 4px solid #9EB874;
}

.announce {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}

/** end 1st Col Left Hand Menu */

/** RIGHT 3rd COLOUMN  not used
#thirdcol {
float: right;
width: 100px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#thirdcol p {
margin: 0 0 1.5em 0;
}

*/


/** Middle Content Section */

#content {
margin: 0px 5px 15px 160px;
/** margin: 0 110px 20px 160px; previous setting when third coloumn thirdcol is used  */
border-left: 1px solid #f0f0f0;
/** border-left: 1px solid #f0f0f0; previous setting when third coloumn thirdcol is used  */
/** border-right: 1px solid #f0f0f0;  previous setting */
padding: 0px 5px 0 5px;
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

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

a img {
border: 0px none;
}


/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/

#middle-column {
	float: left;
	width: 57.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}

.middle-column-left {
	float: left;
	width: 49%;
}

.middle-column-right {
	float: right;
	width: 49%;
}

/* Box titlebars */
/*****************/

.middle-column-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}

.middle-column-box-title-yellow {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,236,128);		
	font-weight: bold;
	color: rgb(50,50,50);
}

.middle-column-box-title-yellow2 {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;	
	font-weight: bold;
	background-color: #FFFCE6;
    color: #B3A000;
}

.middle-column-box-title-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);			
	font-weight: bold;
	background-color: #FFFFFF;
    color: #669966;
}

.middle-column-box-title-green2 {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);			
	font-weight: bold;
	background-color: #E6FFE6;
    color: #669966;
}

.middle-column-box-title-red {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	font-weight: bold;
	background-color: #FFDDDD;
    color: #CC6666;
}

.middle-column-box-title-purple {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	font-weight: bold;
	background-color: #FFFFFF;
    color: #9966CC;
}

.middle-column-box-title-brown {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	font-weight: bold;
	background-color: #FFFFFF;
    color: #CC6600;
}

.middle-column-box-title-brown2 {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	font-weight: bold;
	background-color: #FFF0E6;
    color: #CC6600;
}

.middle-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	font-weight: bold;
	background-color: #FFFFFF;
    color: #666666;
}


/* Box backgrounds */
/*******************/

/* Box backgrounds -  Full width boxes */
/***************************************/
.middle-column-box-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

.middle-column-box-blue {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(187,211,247);
}

.middle-column-box-yellow {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}

.middle-column-box-green {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(224,244,181);
}

.middle-column-box-red {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: #FFEEEE;
}

/* Box backgrounds -  Half width boxes */
/**************************************/
.middle-column-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

.middle-column-box-left-blue {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(226,238,252);
}

.middle-column-box-left-yellow {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}

.middle-column-box-left-green {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(215,244,181);
}

.middle-column-box-left-red {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,219,219);
}

.middle-column-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

.middle-column-box-right-blue {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(226,238,252);
}

.middle-column-box-right-yellow {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}

.middle-column-box-right-green {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(224,244,181);
}

.middle-column-box-right-red {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,219,219);
}


/** footer section start */

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 1px solid #9EB874;
width: 760px;
text-align: center;
color: #9EB874;
font-size: 0.9em;
}

#footer p {
text-decoration: none;
}

#footer a {
text-decoration: none;
}

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

/* end footer section */


** Gallery section - Stu - http://www.cssplay.co.uk/menu/gallery_click.html */

/* needed for IE to make :active state work first time */
a, a:visited {color:#080;} 

#container {position:relative; width:425px; height:480px; background:#FFFFFF url('background.gif'); border:1px solid #FFF; margin:0 auto}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:3px; z-index:50;}
a.slidea {background:url('hotelgallery/thumb1.jpg');}
a.slideb {background:url('hotelgallery/thumb3.jpg');}
a.slidec {background:url('hotelgallery/thumb4.jpg');}
a.slided {background:url('hotelgallery/thumb5.jpg');}
a.slidee {background:url('hotelgallery/thumb6.jpg');}
a.slidef {background:url('hotelgallery/thumb7.jpg');}
a.slideg {background:url('hotelgallery/thumb8.jpg');}
a.slideh {background:url('hotelgallery/thumb9.jpg');}
a.slidei {background:url('hotelgallery/thumb10.jpg');}
a.slidej {background:url('hotelgallery/thumb11.jpg');}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#FFFFFF url('background.gif');z-index:100}
.slidek {display:block; position:absolute; width:400px; height:300px; top:125px; left:10px; padding:0; border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #000;}
a.gallery:hover img {border:1px solid #000; position:relative; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:402px; height:350px; top:120px; left:5px; padding:5px; font-style:normal; color:#000; background:#FFFFFF url('background.gif'); z-index:100}
a.gallery:active {border:1px solid #eee;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:350px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#FFFFFF url('background.gif'); z-index:50}


/** end Gallery section */


/***   MISCELLANEOUS    ***/

.left {
margin: 5px 5px 5px 0;
float: left;
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

.right {
margin: 10px 0 5px 10px;
float: right;
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

.rightnoborder {
margin: 5px 0 5px 5px;
float: right;
padding: 0px;
display:inline;
border: none;
}

.imgcenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 1px;
background: #cccccc;
border: 4px solid #f0f0f0;
}

.imgcenternoborder {
 display: block;
 margin-left: auto;
 margin-right: auto;
padding: 0px;
border: none;
}

.textright {
text-align: right;
}

.textcenter {
text-align: center;
}

.small {
font-size: 0.8em;
}

.hide {
display: none;
}