/* for any image replacements; just apply padding-top and height for the image replaced element. */
.ir {
	background:url(/!images/blank.gif);
	height/**/:/**/0!important;
	overflow: hidden;
	display: block;
	padding:0; margin:0;
	position:relative;
	z-index:1;
}

/* for any navigation elements */
.nav, .nav ul, .nav dd {
	list-style: none;
	margin: 0; padding: 0;
}

/* for accessibility elements */
.acc, .nav dt {
	overflow: hidden;
	display: block;
	height: 0; width: 0;
	visibility: hidden;
	position: absolute;
}


/* =LAYOUT
********************************/
html, body
{
	margin:0;
	padding:0;
	color:#ffffff;
	background-color: #400C06;
}

#app, .app 
{
    background:url(/!images/mp/eot_mp_full_frame_tile.gif) repeat-y;
    margin:0 auto;
    width:965px;
    padding:0 5px;
    position:relative;
    z-index:1;
}

#left_fade
{
    background:url(/!images/mp/eot_mp_left_frame_cap.gif) no-repeat;
    position:absolute; left:0;
    width:5px;
    height:133px;
}

#right_fade
{
    background:url(/!images/mp/eot_mp_right_frame_cap.gif) no-repeat;
    position:absolute; right:0;
    width:5px;
    height:133px;
}
* html #right_fade { right: -1px; }

#masthead #logo{display:none;}

#masthead 
{
    background:url(/!images/mp/eot_mp_header_bg.gif) no-repeat;
    width:965px;
    height:95px;
    position:relative;
    z-index:1;
}

#topnav
{
    background:url(/!images/mp/eot_mp_secondary_nav_b.gif) no-repeat;
    height:24px;    
    width:319px;    
    position:absolute;
    top:70px;
    right:40px;
}

#mainnav
{
    background:url(/!images/mp/eot_mp_main_nav_b.gif) no-repeat;
    width:965px;
    height:35px;    
}

#mpflash
{
    background:url(/!images/mp/eot_mp_flash_area.jpg) no-repeat;
    width:965px;
    height:426px;
}

.home #content {
    background:url(/!images/mp/eot_mp_content_bg.gif) no-repeat;
    width:965px;
    height:300px;
    overflow:hidden;
}

.home #main {
    width:410px;
    float:left;
    font-size:1.2em;
    line-height:1.4em;
    overflow: hidden;
}
.home #main h1 { margin:.5em 0 0; color: #fff; }
.home #main .content { margin: 0; padding: 15px 20px; color: #fff; width: auto; } 

#main #translations
{
    width:370px;
    height:52px;
    font-size:.8em;
}
#main #translations td{ vertical-align:bottom;}
#main #translations a{ color:#ffffff; }
#main #translations img{ display:block; }

.home #sidebar {
	background: none;
    padding:19px 0;
    width:550px;
    float:right;
    margin: 0;
}

.home #sidebar .promo
{
    float:left;
    margin:0px 9px;
}

#footer
{
    background: #400C06 url(/!images/mp/eot_mp_footer_bg.gif) 0 0 no-repeat;
    width:965px;
    min-height:111px;
    text-align:center;
    font-size:.9em;
    padding-top: 10px;
    *padding-top: 20px;
	padding-bottom: 20px;
    clear: both;
}
* html #footer { height: 111px; }

#bot_cap
{
    background:url(/!images/mp/eot_mp_footer_cap.gif) no-repeat;
    width:975px;
    height:5px;
    margin:0 auto;
}


/* = Interior
********************************/
#IntWrapper {background: #fff url(/!images/int/eot_int_content_tile.gif) repeat-y; position: relative; margin: 0 auto; width: 975px;}

#Container {padding-left: 5px;}

#IntHeader {background: url(/!images/int/eot_int_header_bg_white_logo.gif) no-repeat; height: 95px; width: 965px;}

#main, #sidebar { float: left; display: inline; }
#main { width: 100%; min-height: 500px;  }
* html #main { height: 500px; }
* html #main .content { overflow: hidden; width: 735px; }
* html .home #main .content { width: auto; }
#main .content { margin-left: 201px; padding: 10px 10px 10px 20px; color: #000;}
#main #subheader { margin: -10px -10px 10px -20px; }


#sidebar { width: 201px; background: #BA2C16 url(/!images/int/eot_int_side_nav_cap.gif) no-repeat top center; min-height: 200px; margin-left: -100%; }
* html #sidebar { height: 200px; }

.breadcrumbs {font-size:.9em;}
.breadcrumbs a {color:#BA2C16 !important; font-weight:bold;}

#IntLeftColNav {font-weight: bold; font-size: 10px; padding-top: 5px;}
#IntLeftColNav ul {padding-left: 0; margin-left: 0; padding-right: 15px;}
#IntLeftColNav li {list-style: none; text-indent: -.99em; padding-left: 2.5em; padding-bottom: 5px;}
#IntLeftColNav a:link, #IntLeftColNav a:visited {font-weight: bold; font-size: 10px; color: #fff; text-decoration: none;}
#IntLeftColNav a:hover, #IntLeftColNav a:active {font-weight: bold; font-size: 10px; color: #fff; text-decoration: underline;}



#IntHome b {position: absolute; cursor: pointer; cursor: hand;  display: block; width: 37px; height: 15px; left: 14px; top: 3px;}

#footer_disclaimer_wrapper { padding-right: 4px; }

#footer_disclaimer
{
    font-size: 10px;
    padding: 1em;
    border-top: 1px solid #FFF;
    background: #971C0C;
    zoom: 1;
}
#footer_disclaimer_wrapper #footer_disclaimer { border-right: 1px solid #FFF; }

/* Postcard Page Style */
.sitemapsm {text-decoration: none;}
.smallitalic {text-align: center;}
#PostcardDisplay ul {list-style: none; margin: 0; padding: 0;}
#PostcardDisplay li {display: inline; padding: 10px 10px 0 0; margin: 0; float: left;}


/* = Styles 
********************************/
h1 {color: #BA2C16; font-size: 15px;}

/* = Navigation
********************************/

/* =Top Nav
********************************/

#topnav dd {float:left;}

#topnav a.ir
{
	background:url(/!images/mp/eot_mp_secondary_nav_a.gif) no-repeat;
	padding-top:24px;
}
/* Hover state is set on #mainnav in LAYOUT and Interior sections */

#topnav #tn_11 a.ir { width: 86px; background-position: 0 0;}
#topnav #tn_12 a.ir { width: 121px; background-position: -86px 0;}
#topnav #tn_170 a.ir { width: 47px; background-position: -207px 0;}

#topnav a.ir:hover{background:transparent none;}

.sec_contact dd#tn_11 a.ir,
.sec_enews dd#tn_12 a.ir,
.sec_enews dd#tn_170 a.ir {background: none;}

/* =Main Nav
********************************/

#mainnav dd {float:left; width: auto;}

#mainnav a.ir {
	background:url(/!images/mp/eot_mp_main_nav_a.gif) no-repeat;
	padding-top:35px;
}
/* Hover state is set on #mainnav in LAYOUT and Interior sections */

#mainnav #mn_3 a.ir { width:110px; background-position:0 0;}
#mainnav #mn_4 a.ir { width:125px; background-position:-110px 0;}
#mainnav #mn_5 a.ir { width:177px; background-position:-235px 0;}
#mainnav #mn_6 a.ir { width:118px; background-position:-412px 0;}
#mainnav #mn_7 a.ir { width:140px; background-position:-530px 0;}
#mainnav #mn_8 a.ir { width:186px; background-position:-670px 0;}
#mainnav #mn_9 a.ir { width:109px; background-position:-856px 0;}

#mainnav a.ir:hover{background:transparent none;}

.sec_about dd#mn_9 a.ir,
.sec_gallery dd#mn_8 a.ir,
.sec_postcards dd#mn_8 a.ir,
.sec_group dd#mn_7 a.ir,
.sec_myaccount dd#mn_6 a.ir,
.sec_travelinfo dd#mn_5 a.ir,
.sec_destinations dd#mn_4 a.ir,
.sec_find dd#mn_3 a.ir {background: none;}

/* =Dropdowns look and feel
********************************/
#mainnav .menu {top:34px;} /* Height of #mainnav */
#topnav .menu {top:24px;} /* Height of #topnav */
.dropdown ul, .profilemenu {
	border: 1px solid #832F4D;
	border-width: 1px;
	background: #ffffff; background: rgba(255, 255, 255, .95);
	text-align: left;
	margin: 0;
	visibility: hidden;
	width: auto;
}
.parent ul { visibility: visible; }


.menu li, .profilemenu li { display: block; }
* html .menu li { display: inline; } /* IE6 bug fix */
/*.menu li.c2 { background:#ffffff; }*/
.menu a, .profilemenu a { display: inline-block; } /* IE bug fix.. do not remove; */
.menu a:link, .menu a:visited, .profilemenu a:link, .profilemenu a:visited { 
	display: block;
	padding: .25em;
	padding: 2px 1.5em 2px 5px;
	padding-left: 1.5em;
	text-indent: -.5em;
	font-size: .83em;
	color: #832F4D;
	font-weight: bold;
	text-decoration: none;
}
* html .profilemenu a {  width: 1%; white-space: nowrap; } /* IE6 bug fix */
.menu a.sel,.menu a:hover { background: #E9E3E3;color: #832F4D; }

.dropdown ul.static { color: #2f4d83; border-left-width: 3px; }
.dropdown ul.static a {line-height: 1.1; }
.dropdown ul.static a.sel,.dropdown ul.static a:hover  { text-decoration:underline; background: transparent; }

/* =Dropdown behavior
***********************************/
/* .active and .menu (below) rely on Aris.js and aris.menu.js */
.dropdown .parent { position:relative; z-index: 1; }
.dropdown .menu, .dropdown ul, .profilemenu { position: absolute; z-index: 5; }
.profilemenu ul { display: block; visibility:hidden; top: 0; width: auto; }
.dropdown .menu { display: none;  z-index: 10;}
.dropdown .config ul { display: none; }
.dropdown ul.static { left: 100%; top: 0!important; }
.dropdown ul.col1 { position: absolute; top: 0; z-index: 1; }

.dropdown .active { z-index: 10; } 
.dropdown dd.active .activemenu { display:block;}
#mn_9 .menu { right:0; left: auto; }