@charset "UTF-8";
/* CSS Document */

* {
	margin-top: 0;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
ul,
li,
ol,
dl,
dd,
dt,
a,
span,
img,
small,
cite,
hr
{margin: 0px;padding: 0px;}

div.hr {height: 1px; background: #998E78;}

div.hr hr {display: none;}

img, img a, a img {margin:0;padding:0;border:none;}

ul, li {margin:0;padding:0;list-style-type:none;}

.hide {display:none;}

/* For the most part the CSS file is organized in similar fashion to the HTML structure, so styles pertaining to search box or image cycle box are near the top, footer box, etc will be near the bottom. The CSS for the drop down menu is in the superfish.css file and can easily be broken so tread carefully. */

body {font-family:Helvetica, Arial, sans-serif;font-size:90%;background:url("/visit/portal/images/fallPortalBackground2010.jpg") top center no-repeat;}

#logo {width:324px; height:59px; position:absolute;top: 30px; left: -8px;}

#page {width:940px;margin: 0px auto;font-size:12px;position:relative;}

p, label {font-size:11px;}

a {text-decoration:none;}

#searchBox {width:940px;height:35px;text-align:right;}
	#searchBox a {color:#998e78;font-size:10px;text-decoration:none;}
	#searchBox a:hover {color:#382b08;}

/**** navigation *****/
#nav {height:30px;margin:25px 0px 5px 0px;padding:0;text-align:center;font-size:11px;}
	#nav ul{margin:0px;padding:0px;float:right;}
	#nav ul li {margin:0px 0px 0px 6px;padding:0px;float:left;color: #2b7b86;}
	#nav ul li ul {display:none;position:absolute;}
	#nav ul li:hover ul{display:block;z-index:500;padding:6px 0px;*padding-top:20px}
	#nav a {color: #382b08;text-transform:uppercase;}
	#nav a:hover{color:#527530;}
	#nav ul li ul li {display:block;float:none;clear:both;padding:2px 10px;background-color:#ffffff;}
	#nav ul li ul li a{color: #998e78;}
	#nav ul li ul li a:hover{color: #382b08;}
	#sub_visit{width:170px;left:326px}
	#sub_stay{width:100px;left:426px}
	#sub_museums{width:200px;left:452px}
	#sub_history{left:210px;left:600px}
	#sub_multi{width:180px;left:664px;}
	#sub_kids{width:160px;left:732px}
	#sub_shop{width:180px;left:760px}
	#sub_about{text-align:right;width:170px;left:770px;}

	
#mainBox, #mainBoxWrapper {height:490px;width:940px;position:relative;padding:0;margin:0;}
.mainDiv {width:940px;height:490px;}
.mainBoxText{width:400px;height:100px;padding:10px;margin:0px;position:absolute;top:370px;left:520px;overflow:hidden;background:url("/visit/portal/images/mainTextBack.png");color:#fff;text-shadow:2px 2px 2px #000;-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;}
/* Begin CSS for carousel Nav - little squares on the image cycle - which is automatically generated by javascript*/

#carouselNav{height:23px;z-index:999;background:url("/visit/portal/images/nav.png")0 0 repeat-x;position:absolute;left:413px;bottom:0 !important;bottom:2px;margin: 0 auto;padding: 0 8px;}
	#carouselNav a {color:#ffffff;display:block;height:9px;width:9px;background-color: #ffffff; text-decoration: none;float:left;padding: 0 1px 3px 2px !important;padding: 0 2px 0 3px;margin: 6px 4px 0px 4px;}
	#carouselNav a.activeSlide {background: #d0a624;color:#d0a624;}
	#carouselNav a:focus { outline: none; }


/*************** Packages Boxes Area ****************************/

	#packageBox {height:115px;width:950px;padding:0;margin:10px 0px;}
		#packageBox a {display:block;width: 306px;height:115px;background-color:#b55a13;color:#fff;float:left;position:relative;text-align:left;overflow:hidden;text-decoration:none;margin:0px 10px 0px 0px}
		#packageBox a img.Shade{display:none;}
		#packageBox a:hover img.Shade{display:block;position:absolute;top:0px;border:0px;z-index:3;_display:none;}
		#packageBox a span.text {position:absolute;display:block;height:87px;width:306px;z-index:4;left:0px;font-family:Times New Roman, times, serif;font-size:22px;line-height:26px;text-transform:uppercase ;text-decoration:none;text-shadow:#000000 1px 1px 2px;padding:10px 0px 0px 12px;cursor:pointer;}
		#packageBox a span.imageHolder{position:absolute;display:block;z-index:1;top:0px;border:0px;overflow:hidden;text-alight:right;padding:0px;height:97px;width:306px;overflow:hidden}
		#packageBox a span.imageHolder img{border:0px;float:right}
		#packageBox a img.fade {position:absolute;top:0px;z-index:2;_display:none;}
		#packageBox a span.bottom {display:block;position:absolute;z-index:5;top:97px;height:12px;width:290px;padding:4px 4px 4px 12px;background-color:#b55a13;text-transform:uppercase;font-size:8px;line-height:8px;font-family:Verdana, sans-serif;font-weight:bold;text-decoration:none;}
		#packageBox a:hover span{opacity:.8;filter:DropShadow(Color=#505050, OffX=1, OffY=1,) alpha(opacity=80);}
		#packageBox a:hover span.bottom{text-decoration:underline;filter:alpha(opacity=80);}
/*********************/

/******* Widget Box Area *******/


#widgetBox {height:195px;width:880px;padding:0px 40px}
.widget {float:left;height:178px;padding: 0px; width:240px}

#widgetCenter{width: 320px;padding:0 30px;margin:0px;background:url("/visit/portal/images/divider.png") no-repeat 0px 15px;}
#widgetRight{width:210px;padding:0px 0px 0px 30px;}

.widget p{color:#998e78;padding:8px 0 5px 0;}


.widget a.events {text-decoration:none;color:#998e78;}

.widget a.events:hover {color:#382b08;}

#booking {margin:10px 0px 0px 0px;height:34px; padding:0px 0px 0px 25px; border: solid 1px #dbcebb;background:#ede7de url("/visit/portal/images/bookingBack.png") repeat-x;}
	#booking form  {margin:0px;}
	#booking h2.blue_header{font-size:18px;line-height:18px;float:left;margin:8px 10px 0px 0px;padding:0px}
	#booking label {float:left; margin:8px 10px 0px 0px;}
		#booking label img {border:solid 1px #c9d8fc;vertical-align:bottom;padding:0px 0px 1px 0px;}
	#booking input, #booking select{color:#998e78;font-size:12px;border:solid 1px #c9d8fc;width:75px;margin:0px;padding:1px 2px 1px 2px;}
		#booking select {width:auto;padding:0px}
		#booking option{padding:0px 2px}
	#booking #book_now {margin:0px 4px 0px 0px;padding:2px 0px;color:#bb900a;font-size:9px;text-transform:uppercase;font-weight:bold;background:url("/visit/portal/images/book_now.gif") repeat-x 0px -3px;}
		#booking #book_now:hover {background: url("/visit/portal/images/book_nowDown.gif") 0px -3px;}
	#booking a{color:#bb900a;font-size:11px;text-transform:uppercase;font-weight:bold;}
	#booking a img {padding:2px 0px;}
	#booking p{float:left;margin:4px 0px; padding:8px 10px 4px 10px;border-left:1px solid #c2b6a4;}
	

#footer {height:150px;width:940px;background-image:url("/visit/portal/images/footer_divider.png");background-repeat:no-repeat;padding:20px 0 0 0;}

#footer p, #footer a {color:#998e78;text-decoration:none;}

#footer a:hover {color:#382b08;}

.flt_lft {float:left;width:108px;height:130px;}

#footer_right {width:400px;text-align:right;}

.blue_header, .blue_header a, .blue_header a:visited {
font-size:21px;
color:#d0a624;
text-decoration:none;
font-weight:normal;
padding:8px 0 5px 0;
}



.blue_header a:hover {
color:#646464;
}
ul.footer_links li a {
font-size:11px;
}

ul#plan li, ul.footer_links li {
margin:3px 0 3px 0;
}
ul#plan li a {

text-decoration:none;
font-size:19px;
color:#998e78;

}

ul#plan li a:hover {
color:#382b08;
}
