/* ALPINE RECREATION MAIN STYLES */


/* general styles */
body {background: #285078; font-family: tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; margin: 0; margin-left: 1px; padding: 0; overflow-y: scroll;}
h1 {font-size: 18px; font-weight: bold; color: #285078; padding-top: 10px; padding-bottom: 6px;}
h2 {font-size: 16px; font-weight: bold; color: #285078; padding-top: 5px; padding-bottom: 4px;}
h3 {font-size: 14px; font-weight: bold; color: #285078; padding-top: 4px; padding-bottom: 2px;}
h4 {font-size: 12px; font-weight: bold; color: #285078; padding-top: 3px; padding-bottom: 2px;}
p, td {font-size: 13px; color: #000; text-align: justify; padding-bottom: 5px; line-height: 15px;}
ul {padding: 2px 10px; font-size: 13px; list-style: square; line-height: 15px;}
ol {font-size: 13px;}
li {padding: 4px;}
a {text-decoration: none; color: #000; font-weight: bold;}
a:hover {color: #285078; text-decoration: underline;}


/* header */
#header {position: relative; background: #fff; width: 980px; height: 140px; margin: 0 auto; z-index: 1;}
.banner {float: left; border: none;}


/* footer */
#footer {width: 972px; height: 90px; margin: 0 auto; padding: 8px 4px; background-color: #fff; border-top: #666 solid 2px;}
#footer p {font-size: 10px; color: #666; text-align: right; margin: 4px;}


/* title */
#title {width: 960px; height: 90px; margin: 0 auto; font-family: century gothic, arial, sans-serif;}
#title h2 {font-size: 24px; color: #fff; display: block; position: relative; top: -90px; padding: 0; margin: 0;}
#title h2 em {font-style: normal; font-size: 56px; font-weight: normal; line-height: 36px;}

/* Google Search */
#googlesearch {position: absolute; top: 4px; right: 4px; margin: 0 auto;}
#googlesearch .hidden {visibility: hidden;}
#searchtext {background-color: #ffffff; color: #333; border: solid 1px #999; height: 16px; opacity: 0.8; filter: alpha(opacity=80);}
#searchbutton {font-weight: bold; background-color:#ffffff; color: #333; border: solid 1px #999; height: 20px; opacity: 0.8; filter: alpha(opacity=80);}
#searchtext:hover, #searchbutton:hover {opacity: 1.0; filter: alpha(opacity=100);}
#googleSearchUnitIframe {margin: 0 10px;}


/* menu */
#menu {width: 980px; margin: 0 auto; text-align: left;}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu li {margin: 0; padding: 0;}
#menu a {margin: 0; text-decoration: none;}

/* mainmenu structure */
#mainmenu {position: absolute; top: 132px; width: 100%;}
#mainmenu li {float: left;}
#mainmenu li a {display: block; width: 143px; padding: 12px 10px 8px 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: right;}
#mainmenu li.wide a {width: 145px; text-align: center;}	/* 2px wider */
#mainmenu li a.trek, #mainmenu li a.trek_on, #mainmenu li a.climb, #mainmenu li a.climb_on, #mainmenu li a.ski, #mainmenu li a.ski_on {text-align: left;}

/* mainmenu colors */
#mainmenu, #mainmenu li a {background: #666; color: #bbb;}
/* hover/selected */
#mainmenu li a:hover {background: #eee; color: #285078;}
#mainmenu li a.on {background: #444; color: #fff;}
#mainmenu li a.trek_on {background: #8B9638; color: #fff;}
#mainmenu li a.climb_on {background: #a54545; color: #fff;}
#mainmenu li a.ski_on {background: #5681ac; color: #fff;}

/* submenu structure */
#submenu {position: absolute; top: 167px; width: 100%;}
#submenu li {float: left; position: relative; z-index: 100;}
#submenu li.booking {float: right;}
#submenu table {position: absolute; border-collapse: collapse; left: -1px; top: 25px; z-index: 80;}
#submenu a {display: block; width: 143px; padding: 2px 10px 5px 10px; font-size: 12px; font-weight: bold; text-align: left;}
#submenu li.wide a {width: 145px; text-align: center;}	/* 2px wider */
#submenu li.booking a {text-align: right;}

/* submenu colors */
#submenu, #submenu a {background: #444; color: #999;}
#submenu.trek, #submenu.trek a {background: #8B9638; color: #cfd986;}
#submenu.climb, #submenu.climb a {background: #a54545; color: #ea9c9c;}
#submenu.ski, #submenu.ski a {background: #5681ac; color: #9dc1e5;}
/* hover/selected */
#submenu a:hover, #submenu a.on {background: #444; color: #fff;}
#submenu.trek a:hover, #submenu.trek a.on {background: #8B9638; color: #fff;}
#submenu.climb a:hover, #submenu.climb a.on {background: #a54545; color: #fff;}
#submenu.ski a:hover, #submenu.ski a.on {background: #5681ac; color: #fff;}


/* show/hide droplist */
#submenu ul {visibility: hidden; position: absolute; height: 0;}
#submenu li:hover ul, #submenu a:hover ul {visibility: visible;}
/* droplist structure */
#submenu li ul li {} /* req'd for IE 7 */
#submenu li ul li a {width: 141px; font-weight: normal; border: 1px solid; border-top: none;}
#submenu li ul li.last a {border-bottom: 4px solid #444;}
/* droplist colours */
#submenu li ul li a {background: #fff; color: #444; border-color: #444;}
#submenu.trek li ul li a {background: #fff; color: #66701c; border-color: #8B9638;}
#submenu.climb li ul li a {background: #fff; color: #862b2b; border-color: #a54545;}
#submenu.ski li ul li a {background: #fff; color: #35628f; border-color: #5681ac;}
/* hover/selected */
#submenu li ul li a:hover {background: #444; color: #fff;}
#submenu.trek li ul li a:hover, #submenu.climb li ul li a:hover, #submenu.ski li ul li a:hover {color: #fff;}


/* main body container */
#container {width: 980px; margin: 0 auto; padding: 50px 0 30px 0; background-color: #fff; z-index: 0;}
#container2 {width: 900px; margin: 0 auto; padding: 30px 0; background-color: #fff;}
#container h1, #container h2, #container h3, #container p, #container ul, #container ol, #container li, #container table {margin: 0 10px;}
#container table tr td table {margin: 0;}
#container p.caption, #container p.captionright {margin: 2px;}
#table100 {height: 100px;}
#col {float: left; width: 490px; margin: 0; padding: 0; position: relative; right: 0; top: 0;}
#col2 {float: left; width: 637px; margin: 0; padding: 0; position: relative; right: 0; top: 0;}
.col {float: left; width: 490px; margin: 0; padding: 0; position: relative; right: 0; top: 0;}
.col3 {float: left; width: 326px; position: relative; right: 0; top: 0;}
ul.indent {list-style-position: inside; text-align: justify; padding-right: 0; margin-right: 0;}
.sublist {list-style: none; text-align: justify;}
.highlight {color: #285078; font-weight: bold;}
.highlightred {color: #C00; font-weight: bold;}
.highlight2 {color: #285078; font-weight: bold; font-size: x-large;}
.subtext {font-size: 11px; padding-top: 0; padding-bottom: 0; margin-top: 0;}
.caps {text-transform: uppercase;}
.quote {color: #285078; font-style: italic;}
.back {text-align: right; font-size: 10px;}
.backfloat {font-size: 10px; text-align: right; position: absolute; right: 0; bottom: 6px; padding: 0; margin: 0;}
.tableborder, .tableborder td {border: 1px solid #888;}


/* round corners */
#xsnazzy {background: transparent; margin: 10px; position: relative;}
.xtop, .xbottom {display: block; background: transparent; font-size: 1px;}
.xb1, .xb2, .xb3, .xb4 {display: block; overflow: hidden;}
.xb1, .xb2, .xb3 {height: 1px;}
.xb2, .xb3, .xb4 {background: #fff;	border-left: 1px solid #6699cc;	border-right: 1px solid #6699cc;}
.xb1 {margin: 0 5px; background: #6699cc;}
.xb2 {margin: 0 3px; border-width: 0 2px;}
.xb3 {margin: 0 2px;}
.xb4 {height: 2px; margin: 0 1px;}
.xboxcontent {display: block; background: #fff; border: 0 solid #6699cc; border-width: 0 1px;} /* box with adjusting height */
.xbox450 {display: block; background: #fff; border: 0 solid #6699cc; border-width: 0 1px; height: 450px;}
.xbox540 {display: block; background: #fff; border: 0 solid #6699cc; border-width: 0 1px; height: 540px;}
.xbox600 {display: block; background: #fff; border: 0 solid #6699cc; border-width: 0 1px; height: 600px;}
.xbox650 {display: block; background: #fff; border: 0 solid #6699cc; border-width: 0 1px; height: 650px;}


/* images + video */
.alignleft {float: left; margin: 0 10px 0 4px; border: 1px solid #888; position: relative; right: 0; top: 0; display: inline;}
.alignleftborderless {float: left; margin: 0 10px 0 4px; border: 0; position: relative; right: 0; top: 0; display: inline;}
.alignright {float: right; margin: 0 4px 0 10px; border: 1px solid #888; position: relative; right: 0; top: 0; display: inline;}
.alignrightborderless {float: right; margin: 0 4px 0 10px; border: 0; position: relative; right: 0; top: 0; display: inline;}
.aligncenter {text-align: center;}
.border {border: 1px solid #888;}
.caption {font-size: 10px; text-align: left;}
.captionright {font-size: 10px; text-align: right;}
.captioncenter {font-size: 10px; text-align: center;}
.captionleftfloat {font-size: 10px; position: absolute; bottom: 1px; left: -9px; background: #fff; padding: 0 4px; margin: 0; border: 0;}
.captionrightfloat {font-size: 10px; position: absolute; bottom: 1px; right: -9px; background: #fff; padding: 0 4px; margin: 0; border: 0;}
.captionfixed362 {font-size: 10px; width: 346px; text-align: justify;}
.imagespacer {height: 4px; padding: 0; margin: 0;}
#flashcontent {float: right; margin: 4px 10px 0 15px; border: none;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}