/* HTML Tags */

* {
	margin: 0;
	padding: 0;
	border: 0;

	font-family: Arial, Helvetica, Sans-Serif;
	color: rgb( 148, 148, 148 );
	text-decoration: none;
}

body {
  font-size: 12px;
  background-color: rgb( 50, 101, 163 );
  margin-bottom: 15px;
}

/* ORIGINAL BACKGROUND COLOR: 6, 24, 90 */



p {
	line-height: 1.4em;
	word-spacing: 0.05em;
	margin: 4px 10px 10px 10px;
}

ul {
  list-style: none;
}

h1 {
  display: none;
}

h2, h3, h4, abbr {
  color: rgb( 123, 180, 0 );
}

h2 {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

h3 {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

h4 {
  font-size: 12px;
}

#map h3 {
  margin-bottom: -10px;
}


h9 {
  color: rgb( 6, 24, 90 );
}

h9 {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0px;
	margin-left: 20px;
}




/* Layout */

#container {
	text-align: left;
	margin: 0px auto;
	width: 750px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: rgb( 255, 255, 255 );
}

#top {
  height: 91px;
  background-image: url( /img/top.gif );
  background-repeat: no-repeat;
  background-position: center center;
  text-align: right;
}

#logo {
  float: left;
  width: 199px;
  height: 263px;
  background-image: url( /img/summer_logo.jpg );
  background-repeat: no-repeat;
  background-position: center center;
}

#flash {
  float: left;
  width: 551px;
  height: 263px;
  background-image: url( /img/summer_placeholder.jpg );
  background-repeat: no-repeat;
  background-position: center center;
}

#content {
  background-color: rgb( 255, 255, 255 );
  margin: 15px 15px 0 15px;
}

#block_left {
  float: left;
  width: 160px;
}

#block_center a {
  font-weight: bold;
  color: rgb( 123, 180, 0 );
}

#block_right {
  float: right;
  width: 530px;
}

#menu_block {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 10px;
  background-image: url( /img/div.gif );
  background-position: bottom left;
  background-repeat: repeat-x;
}

#tips {
  float: left;
  margin-top: 10px;
  width: 220px;
}

#tips cite {
  font-size: 18px;
  margin-top: 10px;
  margin-right: 10px;
  float: right;
  color: rgb( 73, 131, 181 );
}

#ad {
  float: right;
  margin-bottom: 5px;
  margin-top: 10px;
}

#copyright {
  float: left;
  width: 710px;
  font-size: 9px;
  text-align: right;
  padding-right: 5px;
  padding-top: 10px;
  color: rgb( 177, 177, 177 );
}

#copyright img {
  float: left;
}

#copyright a img {
  border: 0;
  margin: 0;
  padding: 0;
}

#bottom {
  height: 14px;
  background-image: url( /img/bottom.gif );
  background-repeat: no-repeat;
  background-position: center center;
}

#notice {
  font-size: 12px;
  padding: 10px 10px 10px 40px;
  font-style: bold;
  border-color: rgb( 180, 38, 0 );
  border-width: 1px;
  border-style: dashed;
  background-color: rgb( 246, 249, 246 );
  background-image: url( /img/gerlach_notice.gif );
  background-repeat: no-repeat;
  background-position: 20px 11px;
}


#webcam {
  position: relative;
  left: 40px;
}

#trail {
  margin: 10px 0 10px 20px;
}

#map {
  text-align: left;
	margin: 0px auto;
}




/* Images */

#webcam img {
  margin: 10px 0 10px 0;
}

#gallery {
  margin-top: 14px;
}

#foot img {
  position: relative;
  margin-left: 20px;
  top: -6px;
}

#ad img {
  display: block;
}

#lodging img {
  margin: 0 4px 0 0;
}

#gallery img {
  float: left;
  margin: 20px 0px 0px 20px;
  padding: 1px;
  border-color: rgb( 204, 204, 204 );
  border-style: solid;
  border-width: 1px;
}

img.shop {
  margin: 0px;
  padding: 0px;
}

div.site_photos, div.site_photos_wide {
  position: relative;
  top: -20px;
  float: right;
  margin-right: 20px;
}

div.site_photos {
  width: 50%;
}

div.site_photos img, div.site_photos_wide img {
  float: left;
  margin: 8px;
  padding: 1px;
  border-color: rgb( 204, 204, 204 );
  border-style: solid;
  border-width: 1px;
}




/* Lists */

#top ul {
  float: right;
  list-style: none;
  margin-top: 10px;
  margin-right: 20px;
}

#top li {
  float: left;
  margin: 0;
  padding-left: 12px;
}


#content ul {
  padding: 0 0 0 20px;
  list-style: none;
}

#content li {
  margin: 0;
  padding: 2px 0 2px 10px;
  background-image: url( /img/summer_bullet.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
}


#menu_block span {
  display: none;
}

#lodging div.link {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

#lodging ul {
  padding: 0;
  width: 200px;
}

#lodging ul li {
  padding: 2px 0;
  background-image: none;
}

#trail img {
  float: left;
}

#table {
  margin-bottom: 20px;
}



/* Menu */

#menu_block ul li {
  float: left;
}

#menu_block ul li a {
  background-position: bottom left;
  background-repeat: no-repeat;
	outline: none;
	display: block;
	height: 24px;
	padding: 0;
}

#menu_block ul li a:hover {
	background-position: top left;
}

#menu_block ul li a.active {
	background-position: top left;
}

#menu_main {
  margin-left: 9px;
}

#menu_main a.a { background-image: url( /img/menu/summer_passes.gif ); width: 139px; }
#menu_main a.b { background-image: url( /img/menu/summer_mountain.gif ); width: 124px; }
#menu_main a.c { background-image: url( /img/menu/summer_accomodations.gif ); width: 139px; }
#menu_main a.d { background-image: url( /img/menu/summer_events.gif ); width: 150px; }
#menu_main a.e { background-image: url( /img/menu/summer_lessons.gif ); width: 150px; }

#menu_sub1 {
  margin-left: 18px;
}

#menu_sub1 a.a { background-image: url( /img/menu/sub/summer_lift.gif ); width: 83px; }
#menu_sub1 a.b { background-image: url( /img/menu/sub/summer_passes.gif ); width: 107px; }
#menu_sub1 a.c { background-image: url( /img/menu/sub/summer_tubing.gif ); width: 96px; }
#menu_sub1 a.d { background-image: url( /img/menu/sub/summer_specials.gif ); width: 74px; }

#menu_sub2 {
  margin-left: 58px;
}

#menu_sub2 a.a { background-image: url( /img/menu/sub/summer_hours.gif ); width: 57px; }
#menu_sub2 a.b { background-image: url( /img/menu/sub/summer_trail.gif ); width: 82px; }
#menu_sub2 a.c { background-image: url( /img/menu/sub/summer_conditions.gif ); width: 85px; }
#menu_sub2 a.d { background-image: url( /img/menu/sub/summer_webcam.gif ); width: 76px; }
#menu_sub2 a.e { background-image: url( /img/menu/sub/summer_find.gif ); width: 76px; }

#menu_sub3 {
  margin-left: 150px;
}

#menu_sub3 a.a { background-image: url( /img/menu/sub/summer_reservations.gif ); width: 92px; }
#menu_sub3 a.b { background-image: url( /img/menu/sub/summer_chalets.gif ); width: 104px; }
#menu_sub3 a.c { background-image: url( /img/menu/sub/summer_packages.gif ); width: 114px; }
#menu_sub3 a.d { background-image: url( /img/menu/sub/summer_lodging.gif ); width: 91px; }

#menu_sub5 {
  float: right;
  margin-right: 17px;
}

#menu_sub5 li {
  float: right;
}

#menu_sub5 a.a { background-image: url( /img/menu/sub/summer_shop.gif ); width: 70px; }
#menu_sub5 a.b { background-image: url( /img/menu/sub/summer_rentals.gif ); width: 69px; }
#menu_sub5 a.c { background-image: url( /img/menu/sub/summer_school.gif ); width: 96px; }




/* Links */

#top ul li a {
  font-size: 10px;
}

#content ul li a {
  padding-left: 12px;
  color: rgb( 82, 82, 82 );
}

#copyright a {
  font-size: 9px;
  font-weight: bold;
  color: rgb( 123, 180, 0 );
}

#lodging ul li a {
  padding: 0;
}




/* Form Fields */

#saddr, #daddr {
  border-top-color: rgb( 153, 153, 153 );
  border-left-color: rgb( 153, 153, 153 );
  border-right-color: rgb( 204, 204, 204 );
  border-bottom-color: rgb( 204, 204, 204 );
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  margin: 4px 0;
}

#comment_form {
  width: 384px;
  margin-bottom: 20px;
}

#comment_form fieldset {
  margin-left: 10px;
}

#comment_form .comments {
  border-top-color: rgb( 153, 153, 153 );
  border-left-color: rgb( 153, 153, 153 );
  border-right-color: rgb( 204, 204, 204 );
  border-bottom-color: rgb( 204, 204, 204 );
  border-style: solid;
  border-width: 1px;
  background-image: url( /img/field_bg.gif );
  background-repeat: repeat-x;
}

#comment_form label {
  padding-left: 6px;
}

#comment_form label.top {
  display: block;
  margin-bottom: -8px;
  padding-left: 0px;
}

#comment_form div {
  padding-top: 5px;
  padding-bottom: 5px;
}

#comment_form textarea.comments {
  padding: 4px 0px 0px 4px;
  height: 155px;
  width: 378px;
}

#comment_form input.comments {
  padding: 4px 0px 0px 4px;
  height: 16px;
  width: 150px;
}

#comment_form input.check {
  padding: 4px 0px 0px 4px;
  height: 16px;
  width: auto;
}

#comment_form input.submit {
  float: right;
  margin-top: -20px;
}



/* Tables */

table {
  float: left;
  padding: 0;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
}



caption {
  color: rgb( 123, 180, 0 );
  margin-top: 10px;
  text-align: center;
  letter-spacing: 0.1em;
}

th, td {
  padding: 6px;
  border-bottom-style: dashed;
  border-bottom-color: rgb( 220, 220, 220 );
  border-bottom-width: 1px;
}




/* CSS Hacks */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;

}.clearfix {
  display: inline-block;
}

/* Holly Hack Targets IE Win only \*/*

html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Holly Hack */