html, body { height: 100%; min-height: 100%; }
body { margin:0; padding:0; font-size:11px; font-family: "Bitstream Vera Sans",Verdana,Arial,sans-serif; background:/*#00578C*/ #CFD9DE /*url("/img/page_bg.png") center repeat-y*/; text-align: center; /* IE hack */ }

/* GENERAL ELEMENT STYLE SETUP */
* { margin: 0; }
h1 { font-size:22px; font-weight:bold; padding:0; margin: 0 0 .5em 0; color: #ED038D; }
h2 { font-size:14px; font-weight:bold; margin: 0 0 .5em 0; color: #444; }
h3 { font-size:12px; font-weight:bold; color: #ED038D; margin: 0; padding: 0; }
p  { font-size:11px; }

a { text-decoration: none; }
a, a:link, a:visited { color: #ED038D; }
a:hover { text-decoration: underline; }

a img { border: none; }

/* BODY */
#container { width:1000px; min-width:1000px; background: white; margin: 0px auto -110px; padding: 0; 
             height: auto !important; height: 100%; min-height: 100%; text-align: left; }
             
#container.two-pane { background: white url(/img/leftpane-background.gif) repeat-y left top; }
#body-container { padding: 0; margin: 0; height: 100%; margin-bottom: 70px; }
#body { padding: 25px; }

#header { width:1000px; height: 126px; position: relative; padding: 0px; margin: 0px; border: 0;  background: #00578C url("/img/xn-leisure-header.png") no-repeat left top; }
#footer { width:1000px; height:  95px; margin: 0px auto; padding: 0px; background: #eee; color: #888; }

/* FOOTER */

#footer-frame   { padding: 15px; }
#footer-content { background: white; height: 65px; }
#footer ul#links { padding: 12px; }
#footer ul#links img { border: 0px; }
#footer ul#links li { display: inline; list-style-type: none; padding-right: 20px; }
#footer .external-links { float: left; }
#footer .internal-links { float: right; }

/* HEADER */

/* logo and strop along bottom  */
#header img.logo { float: left; margin-left: 25px; margin-top: 25px; }
img#shade { margin: 0px; padding: 0px; height: 5px; line-height: 5px; } /*vertical-align: top; line-height: 5px; }*/

/* info bar - top right */
#info-bar { float:right; padding-right: 35px; color: white; padding-top: 15px; margin: 0; }
#info-bar p { float: left; padding-left: 35px; padding-top: 0px; margin: 0; font-size: 10px; }
#info-bar img { margin-right: 10px; vertical-align: middle; }
#info-bar a { color: white; text-decoration: none; }
#info-bar a:hover { text-decoration: underline; }

/* search */
#search { float: right; margin-top: 15px; margin-right: 35px; background: url(/img/search.png) transparent no-repeat left center; width: 298px; height: 25px; }

#search input#text { border: 0px solid; vertical-align: middle; text-decoration: none; margin-left: 25px; margin-top: 5px; width: 220px; font-size: 11px; }
#search input#go    { border: 0px solid; vertical-align: middle; text-decoration: none; margin-left: 5px; margin-top: 5px; width: 40px; font-size: 11px; 
                      background: url(/img/search-go.png) transparent no-repeat left center; color: #666; }
#search input#go:hover { color: #ED038D; font-weight: bold; }

/* MENUBAR */
/* standard styling */

#menubar { position: absolute; bottom: 0px; left: 260px; padding: 0; margin: 0; border: 0; }
#menubar ul { list-style-type: none; margin: 0; padding: 0px; }
#menubar ul li { position: relative; float:left; width: 99px; margin-right: 2px; }
#menubar ul li a { background: transparent url(/img/button-normal.png) no-repeat left top; display: block; padding: 0px; margin: 0px; padding-left: 16px; text-decoration: none; letter-spacing: 0em; color: white; line-height: 30px; height: 30px; /*width: 99px;*/ /* 83 - 99 li width - 16px padding */ }
#menubar ul li ul { display: none; z-index: 1000; }
#menubar ul li ul.submenu li { background: #eee; color: #666; padding: 5px; margin: 0px; width: 200px; border-top: 1px solid #ccc; }
#menubar ul li ul.submenu a { margin-left: 0px; background: #eee; color: #666; background-image: none;  height: auto; line-height: 15px; /*height: 15px; line-height: 15px;*/  }

/* hover and active states */

#menubar ul li.current a,
#menubar ul li:hover a {background: transparent url(/img/button-select.png) no-repeat left top; }
#menubar ul li:hover ul { display: block; position: absolute; top: 30px; padding-left:0px; margin-left:-1px; font-weight: bold; }
#menubar ul.submenu a:hover { color: #ED038D; background-image: none; }


/* SUB MENU PANE */

#leftpane { float: left; width: 260px; background: #eee; color: #888; height: 100%; clear: both; padding-bottom: 15px; }
#leftpane ul { list-style-type: none; margin: 0; padding: 0px;  background: #eee; padding-bottom: 1px; }
#leftpane ul a { padding-left: 20px; color: #ED038D; font-weight: bold; display: block; background: #ddd; padding-top: 5px; padding-bottom: 5px; }
#leftpane ul li.greyed a,
#leftpane ul li.greyed h3 { color: #666;}
#leftpane ul ul a { padding-left: 5px; color: #666; font-weight: bold; background: #eee; }
#leftpane ul ul a:hover { color: #ED038D; }
#leftpane ul ul li { margin-left: 35px; list-style-image: url(/img/icon-arrow.png); border-bottom: 1px solid #fff; }
#leftpane ul ul li.current a { color: #ED038D; font-weight: bold; }

/* COPY */

#rightbody { padding: 25px; height: 100%; float:right; width: 690px; display: inline; }
#copy { /*margin-left: 260px;*/ }

#copy-column1 { float: left; width: 356px; display: inline; }
#copy-column2 { float: right; }

img#copy-img { float: right; padding-left: 15px; padding-bottom: 15px; }

#copy p + p { margin-top: 0.75em; } 
#copy p + h1, #copy h2, #copy h3 { margin-top: 1em; }
#copy ul,#copy ol { margin-top: 0.75em; margin-bottom: 1em; }
#copy li+li { margin-top: 0.25em; }

/* MAIN MENU SPECIFIC STUFF */

/* Round Borders */

.t {background: url(/img/dot.gif) 0 0 repeat-x; }
.b {background: url(/img/dot.gif) 0 100% repeat-x}
.l {background: url(/img/dot.gif) 0 0 repeat-y}
.r {background: url(/img/dot.gif) 100% 0 repeat-y}
.bl {background: url(/img/bl.gif) 0 100% no-repeat}
.br {background: url(/img/br.gif) 100% 100% no-repeat}
.tl {background: url(/img/tl.gif) 0 0 no-repeat}
.tr {background: url(/img/tr.gif) 100% 0 no-repeat; padding:10px} 

/* other main menu sections */

/* HOME PAGE */

.end { clear: both; }

#home-row1, #home-row2 { }

#welcome  { float: left; width: 280px; height: 135px; padding: 15px; }
#carousel { margin-left: 315px; width: 600px; height: 165px; }

#business-drivers { float: left; width: 350px; height: 180px;  }
#business-driver  { background: white url(/img/quotes.png) no-repeat left top; height: 128px; padding: 15px; }
#business-drivers td { vertical-align: middle; }
#news { margin-left: 375px; width: 570px;  }
.newsletter { float: left; margin-top: 10px; }
.newsletter img { margin-right: 5px; }
.newsletter p { vertical-align: text-top; line-height: 15px; font-weight: bold; }
.framed-content { height: 160px; overflow: hidden; }

.highlight { color: #666 ; font-weight: bold; }
.read-more { color: #ED038D; font-weight: normal; float: right; }

/* end */

