/* General CSS */

/* only <= IE6 recognizes the * html hack */
* html label, * html .pngfix { behavior: url('js/iepngfix.htc'); }
/*
	IE6 Float bug fix
	
	The following comment hides from IE5-mac
\*/
* html div { height: 1%; }
/*
	End hide from IE5-mac
*/

/* Standardize different browser margin/padding differences */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption {	margin: 0px; padding: 0px; }

a { text-decoration:none; font-family:inherit; font-weight:inherit; font-size:inherit; letter-spacing:inherit; cursor:pointer; }  
/*{ padding:9px 0; line-height:18px; }*/
fieldset, a img, iframe { border:0; }
input {	margin:0; vertical-align:middle; }
.left {	float:left; }
.right { float: right; }
.clear { clear: both; }

/* END General CSS */

body { color:black; margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(images/bg-img.png) no-repeat top center #345da7; }

.wrapper { margin:0 auto; width:1008px; display:table; clear:both; }
.wrapper #header { clear:both; }
#header { margin:0; padding:0; clear:both; position:relative; display:table; width:100%; border-spacing:0; color:#eee; }
#header .hd-wr { display:table-row; }
#header .hd-wr .cell { margin:0; padding:7px 22px; display:table-cell; border:0; vertical-align:top; min-height:100%; }
#header .hd-wr .left { width:100px; position:relative; z-index:999; float:left; }
#header .hd-wr .mid { width:auto; text-align:left; position:relative; float:left; }
#header .hd-wr .right { width:100px; position:relative; float:right; }

.label { float:left; padding-right:7px; margin-bottom:25px; margin-top:3px; }
.ln { float:left; background:none; border:none; color:#fff; font-size:15px; margin-bottom:30px; }
option { } 

#wrapper #top { height:18px; width:1008px; background: url(images/shadow-top.png) no-repeat; }
#wrapper #mid { }
#wrapper #bottom { height:22px; width:1008px; background: url(images/shadow-bottom.png) no-repeat; }

.menu_container { clear:both; margin:10px 0 20px 0; border-top:1px solid #3a619f; border-bottom:1px solid #3a619f; }
#horzmenu { clear:both; margin:0 7px; }
#horzmenu ul.level1 { display:block; list-style:none; float:left; z-index:90; padding:0; }
#horzmenu ul.level1 li { float:left; font-size:13px; list-style-type:none; font-family:arial; margin:0; padding:0; }
#horzmenu ul.level1 li a { display:block; width:auto; text-decoration:none; font-weight:bold; color:#a7bdf0; float:none; padding:10px 25px 10px 35px; }
#horzmenu ul.level1 li a:hover { text-decoration:none; color:#fff; }
#horzmenu ul.level1 li a.menu_active { color:#fff; }
#horzmenu ul.level1 li a.menu_active:hover { color:#a7bdf0; }

#container { display:table; margin:0 auto; width:962px; border:3px solid #5276b5; }
#content-secondary,
#content { display:table; background:#fff; padding:22px; width:918px; color:#333; }
#content ul { padding-left: 200px; list-style-position: inside; margin-left:20px; }
#content { margin-top:299px; }
#content-secondary ul {list-style-position: inside; margin-left:5px;}

#home-content { width:950px; margin:0 auto; height:424px; }
#home-content a,
#home-content a:visited,
#home-content a:hover { color:#fff; text-decoration:underline; }
/* .left-content { width:385px; float:left; margin:7px 45px 5px 20px; } */
.left-content { width:400px; float:left;  margin:7px 0 5px 0; }
.home-page-headline { font-size:30pt; margin-left:15px; color:#fff; font-family:"Times New Roman", Times, serif; }
.home-page-copy { color:#fff; margin-left:15px; }
/* .right-content { width:536px; margin-left:470px; float:left; }  */
.right-content { width:536px; margin-left:430px; }

/* #inlaybox { clear:both; padding:4px; background:url(images/trans_white_15.png) repeat; width:420px; -moz-box-shadow:0 0 35px rgba(0, 0, 0, 0.5); } */
#inlaybox { clear:both; margin-top:25px; padding:4px; background:url(images/trans_white_15.png) repeat; width:410px; -moz-box-shadow:0 0 35px rgba(0, 0, 0, 0.5); }
#inlaybox-content { padding:20px 30px 10px; background-color:#cfd9e9; display:table; }
.inlaybox-left { padding-right:30px; }
.inlaybox-left .page-copy-inlaybox-headline { color:#003366; font-size:15px; font-weight:bold; }
.inlaybox-left .page-copy-inlaybox-copy { color:#444; }
.inlaybox-right { width:549px; float:left; height:100%; padding:0 30px; }
.sop-content { margin-top:20px; clear:both; }
.sop-clear { clear:both; }

#dstopclear { margin:7px 0 0 0; clear:both; background-color:#FFF; position:relative; display:table; width:100%; border-spacing:0; }
.dstop { clear:both; display:table-row; }
.dstop .cell { margin:0; display:table-cell; border:0; vertical-align:top; min-height:100%; }
.dstop .dstop-left { width:auto; position:relative; padding-right:3px; float:left; width:530px; }
.dstop .dstop-right { position:relative; text-align:left; float:right; }

.mctop { height:7px; width:533px; background:url(images/mcec-panel-top.png) no-repeat; }
.mcbottom { height:7px; width:533px; background:url(images/mcec-panel-bottom.png) no-repeat; }
.mcbanner { height:55px; width:533px; background:url(images/mcec-bg.png); text-align: center; }
.mccontent { padding-left:15px; padding-top:15px; width:518px; background:url(images/mcec-bg.png); }

#right-menu { margin-left:0; }
#right-menu ul { list-style-type:none; }
#right-menu ul li { display: block; padding:0 0 3px 3px; text-decoration:none; width:362px; }
#right-menu ul li a { font-size:15px; font-weight:bold; height:100%; color:#155C9C; display: block; background:url(images/right-menu-out.jpg); padding:7px 0 7px 15px; behavior: url(js/iepngfix.htc); }
#right-menu ul li a:hover { color: #444; text-decoration:none; background:url(images/right-menu-on.jpg); }

.page-headline { border-bottom: 1px dotted #bbb; margin:7px 0; padding-bottom: 3px; color:#155C9C; font-size:25px; }
.page-copy-left,
.page-copy-left table { padding:10px 0; }
.side-image-links p { padding:0; }
.side-image-links { clear:both; padding:0 20px; }

.page-headline h3 { color:#333; font-size:15px; margin:7px 0; font-weight:bold; }

#sop { clear: both; }
#sop .sop-left { float:left; width:12px; height:54px; background:url(images/so-fo-left.png) no-repeat; }
#sop .sop-mid { float:left; width:575px; height:54px; background:url(images/so-mid.png) left center no-repeat #edf0ea; }
#sop .sop-right { float:left; width:10px; height:54px; background:url(images/so-fo-right.png); }

.footer { margin:30px auto; clear:both; height:30px; border-top:1px solid #5c7db8; border-bottom:1px solid #5c7db8; color:#fff; position:relative; }
.footer .ft-wr { margin:7px auto; width:962px; }
.footer a { color:#fff; text-decoration:underline; }
.footer a:visited { color:#fff; text-decoration:underline; }
.footer a:hover { color:#fff; text-decoration:underline; }

p { padding:15px 0; line-height:18px; }
h1 { font-size:37px; font-weight:normal; margin-bottom:-5px; }
.met_table { margin-left:10px; }

#banner { position:absolute; z-index:100; }

#destination-inlaybox { color:#333; margin-top:20px; margin-left:500px; width:395px; position:absolute; z-index:200; background-color:#fff; padding:22px; }
.destination-inlaybox-headline { color:#336699; font-size:35px; }
.destination-inlaybox-headline,
.destination-inlaybox-copy { padding:3px; }

#events-inlaybox { color:#333; margin-top:20px; margin-left:475px; width:430px; position:absolute; z-index:200; background-color:#fff; padding:15px; }
.events-inlaybox-headline { color:#336699; font-size:35px; }
.events-inlaybox-headline,
.events-inlaybox-copy { padding:3px; float:left; }
.events-inlaybox-copy { margin-left:15px; font-size:12px; }
.events-inlaybox-copy p { line-height:17px; }
.events-inlaybox-headline img { margin-top:10px; }
.events-map { position:absolute; z-index:300; margin-left:22px; }


#hotels-inlaybox { color:#333; margin-top:20px; margin-left:425px; width:470px; position:absolute; z-index:200; background-color:#fff; padding:22px; }
.hotels-inlaybox-headline { padding:3px; color:#336699; font-size:35px; }
.hotels-inlaybox-copy { padding:3px; }

#offers-inlaybox { color:#333; margin-top:100px; margin-left:22px; width:375px; position:absolute; z-index:200; background-color:#fff; padding:22px; }
.offers-inlaybox-headline { padding:3px; color:#336699; font-size:30px; }
.offers-inlaybox-copy { padding:3px; }
.dch { float:left; margin:0 0; }
.dch-content p { float:left; line-height:normal; padding:0 0; }

#menu { float:left; margin:3px 4px; }
#menu ul.level1 { display:block; list-style:none; float:left; z-index:90; padding:0; }
#menu ul.level1 li { float:left; font-size:13px; list-style-type:none; font-family:arial; margin:0; padding:0; padding:3px 3px; }
#menu ul.level1 li a { display:block; width:auto; text-decoration:none; color:#fff; float:none; padding:3px 3px; }
#menu ul.level1 li a:hover { color:#6f921f; text-decoration:none; color:#fff; }
#menu ul.level2 { z-index:990; position:absolute; font-size:13px; top:0; left:-25px; visibility:hidden; width:100px; }
#menu ul.level2 li { float:left; margin:0; padding:0; width:100px; }
#menu ul.level2 li a { color:#fff; padding:3px 3px; }
#menu ul.level2 li a:hover { color:#fff; }
.lang-spanner { margin-left:10px; }

#home-content p,
#inlaybox p { padding:10px 0; }
a.learn_oh ,
a.learn_oh :visited,
a.learn_oh :hover
{ color:#444; font-weight:bold; text-decoration:underline; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#content-secondary,
#content { width:962px; }
}

/* Fixes by Rinaldi (December 18, 2009) */
#fixed-banner{position: relative; width:962px; height: 299px;}
#fixed-inlaybox {background-color:#FFFFFF;color:#333333;margin-left:0;margin-top:0;padding:15px;position:absolute;right:27px;top:20px;width:430px;z-index:200;}
#fixed-content{margin-top: 0px; display:table; background:#fff; padding:22px; width:918px; color:#333;}

.fadein { position:relative; height:332px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }
/*Search box style added by Leon - 12/13/2010*/
input.ghosted {
    color: #999999;
    font-style: italic;
}
#main_search_box {
    background-color: #FFFFFF;
    background-image: url("images/searchbox_magnifying_glass.gif");
    background-position: 3px 1px;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    margin-top: 7px;
    padding: 3px 3px 2px 22px;
    width: 120px;
}
.search{
	float: right;
}