/* 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: disc; 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; border-bottom: #6699CC solid 2px; background: #fff; width: 980px; height: 155px; margin: 0 auto;}
.banner {float: left; border: none;}


/* footer */
#footer {width: 972px; height: 90px; margin: 0 auto; padding: 8px 4px; background-color: #fff; border-top: #6699CC solid 2px; }
#footer p {font-size: 10px; color: #666; text-align: center; 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 and submenu */
#menu {width: 966px; margin: 0 auto; text-align: left; background-color: #fff;}
#mainmenu, #submenu {width: 966px; margin: 0; padding: 0; list-style-type: none; position: absolute; line-height: normal;}
#mainmenu {top: 131px;}
#submenu {top: 158px;}
#mainmenu li, #submenu li {display: inline; padding: 0; margin: 0;}
#mainmenu li a {display: block; float: left; width: 133px; margin-right: 4px; padding-left: 1px; font-size: 14px; text-decoration: none; font-weight: normal;}
#submenu li a {display: block; float: left; margin-right: 4px; padding-left: 1px; font-size: 12px; text-decoration: none; font-weight: normal;}
.submenu2 li a {width: 478px;}
.submenu4 li a {width: 236.4px;}
.submenu6 li a {width: 156px;}
.submenu7 li a {width: 133px;}
/* border and text colours */
#mainmenu li a {border-bottom: 6px solid #ddd; text-transform: uppercase; color: #666;}
#submenu li a {border-top: 4px solid #ddd; text-transform: uppercase; color: #666;}
/* change border and text colours on hover */
#mainmenu li a:hover, #mainmenu li a.on {border-bottom: 6px solid #555; text-transform: uppercase; color: #000;}
#submenu li a:hover, #submenu li a.on {border-top: 4px solid #777; text-transform: uppercase; color: #000;}
#mainmenu li a.trek:hover, #mainmenu li a.trek_on {border-bottom: 6px solid #8B9638; text-transform: uppercase; color: #000;}
#submenu li a.trek:hover, #submenu li a.trek_on {border-top: 4px solid #b4c248; text-transform: uppercase; color: #000;}
#mainmenu li a.climb:hover, #mainmenu li a.climb_on {border-bottom: 6px solid #a54545; text-transform: uppercase; color: #000;}
#submenu li a.climb:hover, #submenu li a.climb_on {border-top: 4px solid #cd4b4b; text-transform: uppercase; color: #000;}
#mainmenu li a.ski:hover, #mainmenu li a.ski_on {border-bottom: 6px solid #5681ac; text-transform: uppercase; color: #000;}
#submenu li a.ski:hover, #submenu li a.ski_on {border-top: 4px solid #72aae2; text-transform: uppercase; color: #000;}


/* main body container */
#container {width: 980px; margin: 0 auto; padding: 50px 0 30px 0; background-color: #fff;}
#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;}
.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;}
.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 */


/* 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;}