/* CSS Document */

/********** General styles and resets **********/
html, body {
	margin: 0;
	padding: 0;
	background: #ffffff url('/templates/default/images/backgrounds/html-bg.jpg') repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 1.3em;
}

div {
	margin: 0;
	padding: 0;
}

a {
	color: #ffffff;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
}

h2 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1em;
}

h3, h4, h5, h6 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
}

p {
	margin: 1em 0 0 0;
	padding: 0;
	overflow: hidden;
	line-height: 1.3em;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
}

hr {
	width: 100%;
	height: 0px;
	margin: 1em 0 0 0;
	padding: 0;
	overflow: hidden;
	background: #cccccc;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px 0 0 0;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.button {
	width: auto;
	padding: 3px 10px;
	background: #8a929d;
	color: #ffffff;
	font-weight: bold;
	border-color: #8a929d;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

/********** IE6 warning box **********/

#ie6-warning {
	display: none;
	clear: both;
	background: #cc0000;
	color: #ffffff;
	overflow: hidden;
}
* html #ie6-warning {
	display: block;
}

#ie6-warning p {
	margin: 0;
	padding: 10px;
}

#ie6-warning a {
	color: #ffffff;
	text-decoration: underline;
}

#ie6-warning a:hover {
	text-decoration: none;
}

/********** Content lists **********/

.col1 ul, .col1 ol,
.col2 ul, .col2 ol,
.col3 ul, .col3 ol,
.col4 ul, .col4 ol,
.row1 ul, .row1 ol {
	padding: 0.5em 0 0 15px;
}

/********** Document container **********/

.content-container {
	clear: both;
	width: 100%;
	min-height: 920px;
	overflow: hidden;
	font-size: 1em;
	background: transparent url('/templates/default/images/backgrounds/content-bg.jpg') no-repeat top center;
}

/********** Top Menu **********/

.top-menu-container {
	clear: both;
	width: 100%;
	height: 15px;
}

.top-menu-sub-container {
	clear: both;
	width: 100%;
	height: 40px;
	background: transparent url('/templates/default/images/top-menu/top-menu-bg.png') repeat top left;
}

.top-menu-container ul.top-menu {
	clear: both;
	width: 980px;
	padding: 8px 0;
	margin: 0 auto;
	text-align: right;
}

.top-menu-container ul.top-menu li {
	position: relative;
	display: inline;
	height: 15px;
	margin: 0 0 0 2em;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

.top-menu-container ul.top-menu li.first {
	border: none;
}

.top-menu-container ul.top-menu li a {
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
}

.top-menu-container ul.top-menu li a:hover {
	color: #cccccc;
}

/********** Header **********/

.header-container {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.header-container .header {
	width: 980px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	overflow: hidden;
	background: transparent url('/templates/default/images/header/header-shadow.png') no-repeat bottom left;
}

.header-container .header .logo {
	float: left;
	width: 290px;
	height: 86px;
	background: transparent url('/templates/default/images/header/logo.png') no-repeat top left;
	text-indent: -9000px;
}

.header-container .header .logo a {
	display: block;
	height: 96px;
}

.header-container .header .tagline {
	float: right;
	width: 650px;
	height: 19px;
	margin: 50px 0 0 0;
	font-size: 1.6em;
	text-align: right;
	color: #ffffff;
}

/********** Body content container **********/

.body-content-container {
	clear: both;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url('/templates/default/images/backgrounds/body-bg.png') repeat-y top left;
}

/********** Main menu **********/

ul.main-menu {
	clear: both;
	width: 960px;
	margin: 10px 0 0 10px;
	overflow: hidden;
	background: #a4a2a3 url('/templates/default/images/main-menu/menu-bg.jpg') repeat-x top left;
}

ul.main-menu li {
	float: left;
	width: 238px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 0 2px;
	color: #ffffff;
	font-size: 1.2em;
}

ul.main-menu li.first {
	width: 240px;
	border: none;
}

ul.main-menu li a {
	display: block;
	height: 100%;
	padding: 6px 20px;
	color: #ffffff;
	text-decoration: none;
}

ul.main-menu li a:hover {
	background: #686868;
}

/********** Main content container **********/

.content {
	clear: both;
	width: 980px;
	margin: 2px 0 0 0;
	overflow: hidden;
	position: relative;
}

.content ol li {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	line-height: 1.5em;
	list-style: decimal;
}

.content ul li {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	line-height: 1.5em;
	list-style: square;
}

/*********** Full width content **********/

.layout1 {
	width: 980px;
}

.layout1 .row1 {
	clear: both;
	width: 940px;
	margin: 0;
	padding: 0 20px 20px 20px;
	background: #ffffff url('/templates/default/images/backgrounds/layout1.gif') repeat-y top left;
	overflow: hidden;
}

/********** 2 columns wide/narrow **********/

.layout2 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout2.gif') repeat-y top left;
}

.layout2 .col1 {
	display: inline;
	float: left;
	width: 680px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout2 .col2 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns narrow/wide **********/

.layout3 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout3.gif') repeat-y top left;
}

.layout3 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout3 .col2 {
	float: left;
	width: 678px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 equal columns **********/

.layout4 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout4.gif') repeat-y top left;
}

.layout4 .col1 {
	display: inline;
	float: left;
	width: 440px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout4 .col2 {
	float: left;
	width: 438px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 equal columns **********/

.layout5 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout5.gif') repeat-y top left;
}

.layout5 .col1 {
	display: inline;
	float: left;
	width: 319px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout5 .col2 {
	float: left;
	width: 319px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout5 .col3 {
	float: left;
	width: 198px;
	margin: 0 0 0 20px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 columns narrow - wide - narrow **********/

.layout6 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout6.gif') repeat-y top left;
}

.layout6 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout6 .col2 {
	float: left;
	width: 438px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout6 .col3 {
	float: left;
	width: 198px;
	margin: 2px 0 -9000px 2px;
	padding: 0 20px 20px 20px;
}

/********** header block + 3 equal columns **********/

.layout7 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout7.gif') repeat-y top left;
}

.layout7 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	color: #666666;
	background: #ffffff;
}

.layout7 .col1 {
	display: inline;
	float: left;
	width: 319px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout7 .col2 {
	float: left;
	width: 319px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout7 .col3 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 equal columns with left aligned header block **********/

.layout8 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout8.gif') repeat-y top left;
}

.layout8 .col1 {
	display: inline;
	float: left;
	width: 728px;
}

.layout8 .row1 {
	float: left;
	width: 680px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
	color: #ffffff;
	background: #576373;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 2px 0;
}

.layout8 .col2 {
	clear: both;
	float: left;
	width: 319px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout8 .col3 {
	float: left;
	width: 319px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout8 .col4 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 equal columns with right aligned header block **********/

.layout9 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout9.gif') repeat-y top left;
}

.layout9 .row1 {
	float: left;
	width: 678px;
	margin: 0 10px 0 2px;
	padding: 0 20px 20px 20px;
	color: #ffffff;
	background: #576373;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 2px 0;
}

.layout9 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout9 .col2 {
	float: left;
	width: 728px;
}

.layout9 .col3 {
	float: left;
	width: 318px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout9 .col4 {
	float: left;
	width: 318px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 equal columns with header block **********/

.layout10 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout10.gif') repeat-y top left;
}

.layout10 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	color: #666666;
	background: #ffffff;
}

.layout10 .col1 {
	display: inline;
	float: left;
	width: 440px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout10 .col2 {
	float: left;
	width: 438px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns narrow & wide with header block **********/

.layout11 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout11.gif') repeat-y top left;
}

.layout11 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 2px 0;
	color: #666666;
	background: #ffffff;
}

.layout11 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 2px 0 -9000px 10px;
	padding: 0 20px 20px 20px;
}

.layout11 .col2 {
	float: left;
	width: 678px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns wide * narrow with header block **********/

.layout12 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout12.gif') repeat-y top left;
}

.layout12 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	color: #666666;
	background: #ffffff;
}

.layout12 .col1 {
	display: inline;
	float: left;
	width: 680px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout12 .col2 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** General column styles **********/

.row1,
.row2,
.col1,
.col2,
.col3,
.col4 {
	color: #ffffff;
}

/********** Footer **********/

.footer {
	clear: both;
	width: 960px;
	margin: 2px 10px 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
	background: #d7ddce;
	font-size: 0.8em;
}

.footer ul {
	display: inline;
	float: left;
	width: 155px;
	margin: 10px 0 0 20px;
	padding: 0;
	overflow: hidden;
}

.footer ul li {
	float: left;
	width: 155px;
	padding: 0 0 5px 0;
	margin: 10px 0 0 0;
	border-color: #666666;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.footer ul li.first {
	
}

.footer p {
	float: right;
	width: 560px;
	margin: 20px 20px 0 0;
	color: #666666;
}

.footer a {
	color: #666666;
}

.footer a:hover {
	color: #333333;
}

.footer-border {
	clear: both;
	width: 1000px;
	height: 20px;
	margin: 0 auto 20px auto;
	background: transparent url('/templates/default/images/footer/footer-border.png') no-repeat bottom left;
}

/********** JQuery slideshow **********/

.slideshow {
	position: relative;
	clear: both;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.slideshow .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slideshow .wrapper ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 99999px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #efefef;
}

.slideshow ul li {
	position: relative;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
}

.slideshow ul li .image {
	width: 100%;
	height: 100%;
}

.slideshow ul li .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: transparent url('/cms/plugins/slideshow-content/assets/images/caption-bg.png') repeat top left;
	color: #ffffff;
	font-size: 1.5em;
}

.slideshow ul li .caption a {
	display: block;
	padding: 20px;
	text-decoration: none;
}

.slideshow .arrow  { 
	display: block;
	position: absolute;
	top: 50%;
	height: 60px;
	width: 60px;
	margin: -30px 0 0 0;
	background: transparent url('/cms/plugins/slideshow-content/assets/images/arrows.png') no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

.slideshow .forward {
	background-position: 0 0; 
	right: 20px;
}

.slideshow .back { 
	background-position: -60px 0; 
	left: 20px;
}

.slideshow .forward:hover {
	background-position: 0 -60px;
}

.slideshow .back:hover { 
	background-position: -60px -60px;
}

#thumbNav {
	position: relative;
	top: 0;
	left: 50px;
}

#thumbNav a { 
	float: left;
	display: block;
	width: 15px;
	height: 20px;
	padding: 0 5px 5px 5px;
	margin: 0 5px 0 0;
	background: #ffffff;
	text-align: center;
	color: #666666;
	font-size: 0.8em;
}

#thumbNav a:hover { 
	background: #cccccc;
}

#thumbNav a.cur { 
	color: #ffffff;
	background: #666666;
}

#start-stop { 
	position: absolute;
	left: 20px;
	top: 0;
	width: 15px;
	height: 15px;
	background: #ffffff url('/cms/plugins/slideshow-content/assets/images/play-button.gif') no-repeat top left;
	color: #ffffff;
	padding: 5px;
	text-indent: -9000px;
}

#start-stop.playing { 
	background: #ffffff url('/cms/plugins/slideshow-content/assets/images/pause-button.gif') no-repeat top left;
}

#start-stop:hover { 
	
}

.slideshow .wrapper ul ul { 
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}

.slideshow .wrapper ul ul li { 
	float: none;
	height: auto;
	width: auto;
	background: none;
}

/********** Feature links **********/

.feature-list-container {
	position: relative;
	clear: both;
	width: 900px;
	height: 120px;
	margin: 2px 0 0 30px;
}

.feature-list-container ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url('/templates/default/images/features/features-bg.png') no-repeat top left;
}

.feature-list-container ul li {
	float: left;
	width: 223px;
	height: 140px;
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
}

.feature-list-container ul li div {
	clear: both;
	height: 110px;
	overflow: hidden;
}

.feature-list-container ul li span {
	clear: both;
	height: 30px;
}

.feature-list-container ul li span a {
	display: block;
	height: 22px;
	padding: 5px 20px 3px 20px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.feature-list-container ul li.eb5-visa {
	margin: 0;
}

.feature-list-container ul li.eb5-visa span a {
	background: #49789a url('/templates/default/images/features/blue.jpg') repeat-x top left;
}

.feature-list-container ul li.eb5-visa span a:hover {
	background: #2a516c;
}

.feature-list-container ul li.vermont span a {
	background: #767a69 url('/templates/default/images/features/green.jpg') repeat-x top left;
}

.feature-list-container ul li.vermont span a:hover {
	background: #4f5245;
}

.feature-list-container ul li.jay-peak span a {
	background: #a63b3f url('/templates/default/images/features/red.jpg') repeat-x top left;
}

.feature-list-container ul li.jay-peak span a:hover {
	background: #771F23;
}

.feature-list-container ul li.media {
	width: 225px;
}

.feature-list-container ul li.media span a {
	background: #aaa970 url('/templates/default/images/features/brown.jpg') repeat-x top left;
}

.feature-list-container ul li.media span a:hover {
	background: #858259;
}

/********** Page menus **********/

ul.page-menu {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

ul.page-menu li {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 3px 0 15px 40px;
	border-color: #ebd09d;
	border-style: solid;
	border-width: 0 0 1px 0;
	background: transparent url('/templates/default/images/elements/list-arrow.png') no-repeat top left;
	color: #ebd09d;
}

ul.page-menu li.title {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.3em;
	background: none;
	color: #ffffff;
}

ul.page-menu li a {
	color: #ebd09d;
}

/********** Blog post list **********/

ul.blog-post-list {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

ul.blog-post-list li {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0 0 0.5em 0;
	border-color: #ebd09d;
	border-style: solid;
	border-width: 0 0 1px 0;
}

/********** Media **********/

ul.media-menu {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}

ul.media-menu li {
	float: left;
	width: 218px;
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
}

ul.media-menu li a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	background: #5a5856;
}

ul.media-menu li a:hover {
	background: #504e4b;
}

ul.media-menu li.first {
	margin: 0;
}

ul.article-list {
	clear: both;
}

.media-player {
	width: 439px;
	height: 330px;
	margin: 1em 0 0 0;
	background: #000000;
}

.media-group-selection {
	float: left;
	width: 100%;
	margin: 1.5em 0 0 0;
	overflow: hidden;
}

.media-group-selection select {
	float: left;
	margin: 0 1em 0 0;
	padding: 3px;
}

.media-thumb {
	float: left;
	width: 130px;
	margin: 1.5em 15px 0 0;
	background: #82817e;
}

.media-thumb .thumb {
	width: 130px;
	height: 98px;
}

.media-thumb p {
	height: 4.5em;
	margin: 0;
	padding: 10px;
}

/********** Email form **********/

.email-form p.required {
	display: none;
}

.email-form .form-row {
	clear: both;
	margin: 1em 0 0 0;
	overflow: hidden;
	font-weight: bold;
}

.email-form .form-row label {
	float: left;
	width: 100%;
	font-weight: bold;
}

.email-form .form-row input,
.email-form .form-row textarea,
.email-form .form-row select {
	float: left;
	width: 250px;
}

.email-form .form-row .checkbox,
.email-form .form-row .radio {
	width: auto;
}

.email-form .form-row .options {
}

.email-form .form-row .options input {
	clear: both;
	float: left;
	margin: 0.5em 1em 0 0;
}

.email-form .form-row .options label {
	float: left;
	width: auto;
	margin: 0.5em 0 0 0;
}

/********** Custom styles **********/

.image-block-right {
	float: right;
	width: 346px;
	margin: 0 0 0 20px;
}

.image-block-right img {
	margin: 1em 0 0 0;
}
