* { font-size: 1em; }
form,html,body { margin: 0; padding: 0; height: 100%; font-size: 100%; }
body {
	font: 65%/1.3 Arial,Verdana,sans-serif;
}

/* =Building blocks
***************************************/

.container { display: inline-block; }
.container:after { content: '.'; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; }

/* =ELEMENTS
***************************************/
p { margin: .2em 0 1.2em; }

ul, ol { margin: .5em 0 1em 0; padding-left: 2.5em; }
ul { list-style-image: url(/images/exp_icon_bullet.gif); }

img { border: 0 none; }

big { font-size: 1.2em; }
small { font-size: .8em; }

.faux_heading { font-size: 1.8em; margin: .5em 0 1em; color: #000000; font-style: italic;font-family: Arial Black;  }
h1, h2 { font-size: 1.4em; margin: 1em 0 .5em; }
h3 { font-size: 1.2em; margin: 1.25em 0 .25em; }
h4 { font-size: 1.1em; margin: 1.1em 0 .1em; }

dt { font-weight: bold; }
fieldset dd { margin: 0; }

fieldset { font-size: .9em; }

fieldset dl { line-height: 1.1; }
fieldset dt { display: inline-block; zoom: 1; *display: inline; width: 10em; vertical-align: top; padding-right: 5px; }
fieldset dd { display: inline-block; zoom: 1; *display: inline; vertical-align: top; max-width: 400px; }
fieldset .error { color: #930!important; font-weight: bold; font-size: .9em; white-space: nowrap; }
fieldset .reqd { color: #930; font-weight: bold; }
fieldset .reqd label { color: #000; }
legend { color: #17528E; }

select, textarea, input[type=text], input[type=password]{ border: 1px solid #17528E; padding: 2px; }

.message { border: 1px solid; background: #ffe; padding: 5px; }
.content { line-height: 1.5; }

.clubForm { width: 400px; float: right;  margin-left: 10px; *display: inline; }
.clubForm dt { width: 130px; }
.clubForm dd { width: 230px; }

.testimonial { margin: 1em; line-height: 1.2; border-left: 3px solid #095B31; padding: 5px 10px; }
.testimonial p { margin: .25em 0; font-weight: bold; }
.testimonial p.author { font-size: .9em; font-weight: normal; }

#sidebar .testimonial { background: #528DDB; color: #020E1B; padding: 5px; border: 1px solid #4779AD; }

@media screen {

body { 	background: #538EDA url(/images/exp_cloud_background.jpg) no-repeat 50% 0; }

.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; list-style: none; }
.nav dt { display: none; }

a:link { }
a:visited { }
a:hover, a:focus, a:active { }

#header { position: relative; z-index: 10; }

#quicklinks li { position: absolute; z-index: 1; display: none; }
li#ql_home { display: block; top: -39px; left: 0;  }
#ql_home a { display: block; text-indent: -999em; height: 140px; width: 179px; }
.home li#q_home { display: none; }

.hr hr { display: none; }
.hr { background: #7EA0C3; height: 2px; margin: 1em; }

.memberLogin { width: 250px; float: right; background:#C8DAF2; border: 1px solid #699EE2; margin-left: 10px; *display: inline; }
.memberLogin fieldset { border-style: none; }
.memberLogin legend { font-weight: bold; }
.memberLogin dt { width: 5em; }


/* =LAYOUT
****************************/

#canvas { width: 968px; background:  url(/images/exp_int_content_tile.png) repeat-y 50% 0; margin: 50px auto 0; }
.home #canvas { background-image: url(/images/exp_mp_content_bg.png); }

#header h1 { display: none; }
#content { font-size: 1.2em; position: relative; z-index: 1; top: -45px; background: url(/images/sub/exp_sub_rates.png) no-repeat 100% 0;}
.home #content { background-image: url(/images/exp_mp_photo_lg_.png); }
#main, #sidebar, .home #related  { float: left; }
#main { width: 100%; padding-top: 165px; font-size: 1.2em; }
.home #main  { padding-top: 394px; }
#main .content { margin-left: 179px; padding: 5px 20px; }
.home #main .content { margin-left: 315px; }

#sidebar
{
    float: left;
    margin-left: -100%;
    width: 179px;
    background:  url(/images/exp_int_nav_b.png) no-repeat 0 0;
    height: auto;
}
.home #sidebar
{
    width: 315px;
    background-image: url(/images/exp_mp_nav_b.png);
    height: auto;
}

#main #toolBar { padding: 5px; background:  url(/images/exp_int_green_bar.png) no-repeat 0 0; height: 31px; color: #fff; font-size: .8em; }
#toolBar a:link, #toolBar a:visited { color: #fff; }
.home #main #toolBar { background-image: url(/images/exp_mp_content_header.gif); height: 95px; padding-left: 100px; }

#toolBar li { display: inline; font-weight: bold; }

#footer { text-align: center; background: url(/images/exp_int_footer_cap.png) no-repeat 50% 100%; position: relative; z-index: 1; bottom: -13px; padding-bottom: 10px; padding-left: 179px; }
.home #footer { padding-left: 315px; background-image:  url(/images/exp_mp_footer.png) }

#mainnav { margin-left: 5px; margin-top: 162px; }
.home #mainnav { margin-top: 223px; }

#mainnav .ir { background: url(/images/exp_int_nav_a.png) no-repeat 0 0; height: 57px; padding-top: 57px;  }
#mn_home .ir { background-position: -5px -162px; height: 30px; padding-top: 30px; }
.home #mainnav .ir { background: url(/images/exp_mp_nav_a.png); height: 35px; padding-top: 35px; }
#mn_rates .ir { background-position: -5px -192px;  }
.home #mn_rates .ir { background-position: -5px -223px; height: 33px; padding-top: 31px; }
#mn_rewards .ir { background-position: -5px -249px; }
.home #mn_rewards .ir { background-position: -5px -254px; }
#mn_feedback .ir { background-position: -5px -306px; }
.home #mn_feedback .ir { background-position: -5px -289px; }
#mn_maps .ir { background-position: -5px -363px; }
.home #mn_maps .ir { background-position: -5px -324px; padding-top: 34px; }
#mn_about .ir { background-position: -5px -420px; padding-top: 40px; }
.home #mn_about .ir { background-position: -5px -358px; padding-top: 36px; }
#ca_reserve, #ca_reserve .ir
{
    padding-top: 100px;
    height: 100px;
    margin: 0 auto;
    width: 100px;
}
#ca_reserve .ir { background: url(/images/exp_int_get_a_quote_button.png) no-repeat 0 0; }
#mainnav #ca_reserve .ir:hover { background: url(/images/exp_int_get_a_quote_button.png) no-repeat 0 -100px ! important; }
.home #ca_reserve .ir, .home #ca_reserve
{
    width: 133px;
    height: 133px;
    padding-top: 133px;
}
.home #ca_reserve .ir { background: url(/images/exp_mp_get_a_quote_button.png) no-repeat 0 0;  }
.home #mainnav #ca_reserve .ir:hover { background: url(/images/exp_mp_get_a_quote_button.png) no-repeat 0 -133px ! important; }
#ca_reserve { padding-top: 0!important; }
.home #ca_reserve
{
    position: absolute;
    margin-left: 223px;
    margin-top: -70px;
}

/* Fixes IE nav issue */
#mn_rates ul, li {list-style-type:none; list-style-image:none;}
#mn_rewards ul, li {list-style-type:none; list-style-image:none;}
#mn_feedback ul, li {list-style-type:none; list-style-image:none;}
#mn_maps ul, li {list-style-type:none; list-style-image:none;}

#mainnav .ir:hover { background: none !important; }


/* =SUBHEADS 
*****************************/
.rewards #content { background-image: url(/images/sub/exp_sub_expresspay.png);}
.feedback #content { background-image: url(/images/sub/exp_sub_feedback.png);}
.maps #content { background-image: url(/images/sub/exp_sub_maps.png);}
.rates_hours #content { background-image: url(/images/sub/exp_sub_rates.png);}
.sub_reservations #content { background-image: url(/images/sub/exp_sub_make_reservations.png);}
.sitemap #content { background-image: url(/images/sub/exp_sub_site_map.png);}
.about_us #content { background-image: url(/images/sub/exp_sub_aboutus.png);}
.video #content { background-image: url(/images/sub/exp_sub_videos.png);}


/* =DROPDOWNS 
*****************************/
/* behavior */
.dropdown dd { position: relative; z-index: 1; }
.dropdown ul {  position: absolute; z-index: 5; top: 45px; left: 2px; display: none; }
.dropdown dd.active { z-index: 10; }
.dropdown dd.active ul.menu { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul a { display: block; }


/* =IE 
*************************/
/* \*/
* html #sidebar, # html .home #related { overflow: hidden; display: inline; }

/* */

}

/* =IE hacks
***********************************/
.container { display: block; }
* html .container { height: 1%; }

#left_img{margin-left:4px;}