@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
body {
	font-family:Verdana;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	text-align:justify;
	color:#666666;
	background-color: #FFF;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
}
.clear {clear:both;}

/* ---SECTIONS--- */
div#wrap {width:960px; margin:0px auto;}
div#header {height:123px;}
div#logo {
	margin-top:4px;
	width:278px;
	height:105px;
	float:left;
	margin-left:23px;
}
html> body div#logo {
	margin-left:10px;
}
div#topmenu {float:left; padding-top:63px;}
div#mainmenu {height:27px; width:960px;}
div#banner {
	width:960;
	height:305px;
}
div#gallery {
	height:300px;
	border:solid 1px #CCC;
	width:957px;
	background-color:#FFF;
}
div#container {background-color:#FFF;}
div.newsection {margin-top:15px;}

div#leftcol, div#rightcol {
	margin-top:10px;
	float:left;
}
div#leftcol {width:250px; margin-left:14px; margin-right:40px;}
div#rightcol {width:642px;}
html>body div#rightcol {width:655px;}

/* ---SIDE BOXES--- */
div#diverTop { no-repeat top; height:60px;}
div#boxContainer {background:url('../images/side-center.jpg') repeat-y top; padding:15px 15px;}
div#boxBottom {background:url('../images/side-bottom.jpg') no-repeat top; height:0px; margin-bottom:20px;}
div#booknow {padding:10px 0px; border-bottom:solid 1px #999;}
div#cocologo {padding-top:10px; padding-bottom:5px;}
div#newsletter {padding-top:8px; padding-bottom:5px; text-align:center;}

/* ---EXTRA--- */
#facebook {border:0 none; position:fixed; right:0; top:180px;}
#twitter {border:0 none; position:fixed; right:0; top:302px;}
#youtube {border:0 none; position:fixed; right:0; top:430px;}


/* ---STYLE--- */
p {padding:0; margin:0; margin-bottom:15px; line-height:18px; font-family:Verdana;}
h1 {font-family:verdana; font-weight:normal; line-height:35px; color:#E7151C; font-size:22px; border-bottom: solid 1px #CCC; background:url('../images/icon-diver.jpg') no-repeat right bottom; margin-bottom:18px;}
h2 {font-family:verdana; font-size:12px; font-weight:strong; margin-bottom:20px; color:#E7151C; text-align:left; line-height:18px;}
h3 {font-family:verdana; font-weight:normal; line-height:35px; color:#E7151C; font-size:18px; border-bottom: solid 1px #CCC; background:url('../images/icon-diver.png') no-repeat right bottom; margin-bottom:18px;}
a:link, a:visited, a:active {text-decoration:none; color:#006EB6; outline:none;}
a:hover, a.hover { text-decoration:underline; }
a img { border:none; text-decoration:none;}
.border {
	border:solid 1px #CCC;
}
.border-margin3 {
	border: solid 1px #CCC;
	margin-right: 7px;
	margin-left: 1px;
	margin-top: 5px;
}

.border-margin5-rightalign {
	border: solid 1px #CCC;
	margin-right: 1px;
	margin-left: 7px;
	margin-top: 5px;
}

/* --TABLES-- */
.newsbox {padding:10px 15px; background-color:#E5E5E5;}

/*---------------------------------------MENU------------------------------------------*/
ul#favorite {list-style:none;}
ul#favorite li {background:url('../images/icon/bullet.png') no-repeat; padding:0px 0px 10px 25px; margin:5px 0px; border-bottom: dashed 1px #999;}
ul#favorite li a {font-size:12px; font-weight:bold;}

/* --TOPLINKS-- */
ul#quicklinks li {float:left; padding-left:40px; width:60px;}
ul#quicklinks li.home {background:url(../images/icon/home.png) no-repeat left; height:32px; width:50px;}
ul#quicklinks li.about {background:url(../images/icon/about.png) no-repeat left; height:32px; width:72px;}
ul#quicklinks li.library {background:url(../images/icon/library.png) no-repeat left; height:32px; width:74px;}
ul#quicklinks li.guestbook {background:url(../images/icon/guestbook.png) no-repeat left; height:32px; width:85px;}
ul#quicklinks li.contact {background:url(../images/icon/contact.png) no-repeat left; height:32px; width:80px;}
ul#quicklinks li a {font-size:12px; color:#E6151C; display:block; text-decoration:none; padding:5px 0px; font-weight:bold; }

/* 	LEVEL ONE */
ul#quicklinks                         { list-style: none; margin-left:50px; }
ul#quicklinks li                      { float: left; float: left; zoom: 1; margin-right:12px;}
ul#quicklinks li:hover                { float: left; zoom: 1;}
ul#quicklinks li.last 				{ margin-right:0px;}
html>body ul#quicklinks li 			{ margin-top: 0px;}

ul#quicklinks a:active                { color: #ffa500; }

ul#quicklinks li a                    {display: block;  color: #000; text-decoration:none; text-align:center; font-weight:bold;}
ul#quicklinks li a.hover, ul#quicklinks li a:hover {
	color:#ec1d25;
	text-decoration:underline;
}
ul#quicklinks li.hover, ul#quicklinks li:hover {position: relative;}

/* ul.dropdown li:hover, ul.dropdown li.hover {background:#CCC; } */

/* 	LEVEL TWO */
ul#quicklinks ul 						{ list-style:none; width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0px; background: #F1F2EA; color: #000; z-index:2147483647; border-color:#F1F2EA #CCC #CCC #CCC; border-style:solid; border-width:1px;}
ul#quicklinks ul li 					{ 	margin: 0; padding: 0;	border-bottom: 1px solid #CCC; /*--Create bevel effect (Shadow)--*/ clear: both; width: 200px; height:25px; }
ul#quicklinks ul li:hover, ul.dropdown ul li.hover             { background: #FFF;}
                                    /* IE 6 & 7 Needs Inline Block */
ul#quicklinks ul li a					{ font-size:12px; color: #000; 	margin:0;	padding:0;	width: 190px;	padding: 5px 0px 1px 10px;	text-align:left;	display:inline-block;} 

/* 	LEVEL THREE */
ul#quicklinks ul ul 					{ list-style:none; left: 100%; top: 0; }
ul#quicklinks li:hover > ul 			{ visibility: visible; }




/* --MAIN LINKS-- */
/* 	LEVEL ONE */
ul.dropdown                         { list-style: none; margin: 0; height:27px; position: relative; z-index:10;}
ul.dropdown li                      { float: left; font-weight: bold; float: left; zoom: 1;}
ul.dropdown li:hover                { float: left; zoom: 1;}
ul.dropdown li.last 				{ margin-right:0px;}
html>body ul.dropdown li 			{ margin-top: 0px;}

ul.dropdown a:active                { color: #ffa500; }

ul.dropdown li a                    {display: block;  color: #FFF; font-size:15px; text-decoration:none; text-align:center; font-weight:bold;}
ul.dropdown li a.hover, ul.dropdown li a:hover {color:#OOO; text-decoration:none;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;}

/* ul.dropdown li:hover, ul.dropdown li.hover {background:#CCC; } */

/* 	LEVEL TWO */
ul.dropdown ul 						{ list-style:none; width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0px; background: #F1F2EA; color: #000; z-index:2147483647; border-color:#F1F2EA #CCC #CCC #CCC; border-style:solid; border-width:1px;}
ul.dropdown ul li 					{ 	margin: 0; padding: 0;	border-bottom: 1px solid #CCC; /*--Create bevel effect (Shadow)--*/ clear: both; width: 200px; height:25px; }
ul.dropdown ul li:hover, ul.dropdown ul li.hover             { background: #FFF;}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ font-size:12px; color: #000; 	margin:0;	padding:0;	width: 190px;	padding: 5px 0px 1px 10px;	text-align:left;	display:inline-block;} 

/* 	LEVEL THREE */
ul.dropdown ul ul 					{ list-style:none; left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }






div#submenu {
	padding-left:5px;
}
ul.sub {list-style:none;}
ul.sub li {float:left;}
ul.sub li a {font-weight:bold; margin-left:10px;}

/* ---FOOTER--- */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 90px;}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	line-height:18px;
	background-color:#990707;
	clear:both;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding-top:15px;
} 
#footer h2 {font-size:13px;}
#footer a {color:#7D8260; font-weight:bold;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.message {
	border:1px solid;
	font-size:11px;
	background-color:#FFFFCC;
	border-color:#FFCC00;
	color:#666666;
	text-align:center;
	padding:5px;
	width:95%;
	vertical-align:middle;
}
.error {
	background-color: #ffebe8;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid;
	border-color:#df3c11;
	vertical-align:middle;
	width:99%;
}


.gal_thumb {
	border:1px solid;
	border-color:#cccccc;
/*	background-color:#F8F8F8; */
	width:112px;
	height:105px;
	text-align:center;
	padding-top:2px;
	color:#000000;
}

.gal_thumb:hover {
	border:1px solid;
	border-color:#FFFFFF;
	border-bottom-color:#FF0000;
	border-top-color:#cccccc;
	border-left-color:#cccccc;
	border-right-color:#cccccc;
}
.one_line {border-bottom:1px solid #ccc; padding-top:2px; padding-bottom:8px;}
.remarks {
	font-style: oblique;
	font-weight: lighter;
	color: #666666;
	font-size: 10px;
}
.tableheader {
	font-style: normal;
	font-weight: bold;
	background-color: #D9D9D9;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.rowheader {
	font-weight: bold;
	background-color: #DDD9C3;
}

.rowheader-left {
	font-weight: bold;
	background-color: #DDD9C3;
	text-align: left;
}
h4 {
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	color:#E7151C;
	text-align:center;
	line-height:normal;
	margin-top: 10px;
}