@import url(global_v1-1.css);


@import url(crestedButte_css/modules.css);
@import url(crestedButte_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	background:  #e7e7e7;
	color: #000;
}
h1 {
	color: #284E36;
	font: 20px Georgia, "Times New Roman", Times, serif;
}
h2 {
	color: #cf8a15;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
h3 {
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;
}
h5 {
	color: #2b3B24;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;
}
h6 {
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;
}
p {
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}
table, div {font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
a,a.small,a.anchor,a.visited {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #cf8a15;
	text-decoration: none;
}
a:hover {
	color: #848D74;
	font: 11px/16px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.page {text-align: center;}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/
form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
	margin: 0;
}
a:focus {outline: none;}
a, a:hover {font: 100% "Times New Roman", Times, serif;}
img {
	border: none;
	display: block;
}
/*text to image replacment*/
.hidden-text {
	display: block;
	text-indent: -9999px;
}
h1, h2, h3 {
	margin: 0;
	font: 100% "Times New Roman", Times, serif;
	text-transform: uppercase;
}
h1 {
	font-size: 18px;
	color: #433c31;
	margin-bottom: 5px;
}
/*--h2 {
	font-size: 13px;
	line-height: 36px;
	color: #cf8a15;
	background: url(../../../images/img-dotted-border2.gif) repeat-x 0 100%;
	margin-bottom: 5px;
}--*/
h3 {
	color: #cec9a1;
	font-size: 13px;
	font-weight: normal;
	line-height: 36px;
}
p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #7e796d;
	margin: 0 0 15px;
}
/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
#siteWrapper {
	width: 960px;
	margin: 0 auto;
	font: 100% "Times New Roman", Times, serif;
}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	height: 162px;
	background: url(../../../images/bg-header.jpg) no-repeat;
}
/*logo*/
.logo {
	background: url(../../../images/logo.gif) no-repeat;
	width: 89px;
	height: 113px;
	float: left;
	margin: 17px 0 0 50px;
	display: inline;
}
.logo a {
	height: 100%;
	width: 100%;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
.main-nav-holder {
	float:right;
	padding: 7px 14px 0 0;
	text-align: right;
	width:381px;
}
#nav {
	text-align:right;
	margin: 0 0 40px;
}
/*---#nav li {
	display: inline;
	padding-left: 20px;
}
#nav li a {
	padding-right: 10px;
	background: url(../../../images/img-green-arrow.gif) no-repeat 100% 50%;
	color: #433c31 !important;
	font-size: 11px !important;
	text-transform: uppercase;
}--*/
.main-nav-holder strong {
	font: 16px/18px "Times New Roman", Times, serif;
	color: #333;
	text-transform: uppercase;
}
.main-nav-holder strong span {
	font-size: 9px;
	color: #433c31;
	font-weight: bold;
	display: block;
}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
.visual-box {
	height: 308px;
	width: 960px;
	clear:right;
}
.visual-box strong {
	font: 48px/44px "Times New Roman", Times, serif;
	display: block;
	color: #fff;
	margin-top: 55px;
	letter-spacing: -2px;
}
.visual-box strong span {
	font-size: 12px;
	display: block;
	line-height: 12px;
	letter-spacing: normal;
}
.visual-box strong span a {color: #fff;}
/*img-descs*/
.img-desc {
	font-size: 14px;
	color: #fff;
	display: block;
	margin-top: 100px;
	text-align: right;
	padding-right: 44px;
	text-transform: uppercase;
}
/*contentArea*/
#contentArea {
	width: 100%;
	background: #fff;
	padding-bottom: 30px;
}

.sidebox {
	padding-left: 20px;
	margin-bottom: 1px;
}
.dark-gray {
	background: #433c31;
	padding: 15px 0 7px 20px;
}
.gray {background: #645e53;}
.signed {
	font-size: 9px;
	color: #d6d2ae;
	font-style: normal;
	text-transform: uppercase;
}
/*sidebar*/
#sidebar {
	float: left;
	width: 244px;
	background: #7e796d;
	padding-bottom: 35px;
	text-align:left;
}
#sidebar h2 {
	color: #fff;
	/*---background-image: url(../../../images/img-dotted-border1.gif);---*/
	width: 185px;
}
#sidebar h2.gray-title {
	color: #433c31;
	/*---background-image: url(../../../images/img-dotted-border4.gif);---*/
}

.leftLinks {
	padding:3px;

}
	.leftLinks a {
		color: #fff;
		font-size: 12px;
		display: block;
		line-height: 26px;
		text-transform: uppercase;
		}

		.leftLinks a:hover {
			color: #433c31;
			font-size: 12px;
			line-height: 26px;
			text-decoration:none;
			}

/*---sub-nav
.sub-nav {
	padding: 10px 0 20px;
	margin: 0;
}
.sub-nav li {
	width: 100%;
	vertical-align: top;
}
.sub-nav li a {
	color: #fff;
	font-size: 12px;
	display: block;
	padding-left: 30px;
	background: url(../../../images/img-bullet.gif) no-repeat 0 50%;
	line-height: 26px;
	text-transform: uppercase;
}

	.sub-nav li a:hover {
	color: #433c31;
	font-size: 12px;
	line-height: 26px;
	text-decoration:none;
}---*/
/*weather
.weather {
	padding: 7px 0 0;
	margin: 0;
}
.weather li {
	background: url(../../../images/bg-weather.gif) no-repeat;
	width: 171px;
	height: 57px;
	padding: 11px 0 0 13px;
	color: #7e796d;
	text-transform: uppercase;
	margin-bottom: 7px;
}
.weather li.active {background: url(../../../images/bg-weather-hover.gif) no-repeat;}
.weather img {
	float: left;
	margin-right: 8px;
}
.weather strong {
	font-size: 24px;
	display: block;
}
.weather span {font-size: 12px;}---*/
/*extendeds link*/
.extended {
	color: #3d3c3b !important;
	font-size: 10px !important;
	text-transform: uppercase;
	text-decoration: underline;
}
.extended:hover {text-decoration: none;}
/*content-logo*/
.content-logo {margin: 25px 0 10px;}
/*menu*/
.menu {
	padding: 7px 0 0;
	margin: 0;
	background: url(../../../images/img-dotted-border3.gif) repeat-x;
	width: 185px;
}
.menu a {
	color: #d6d2ae;
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-transform: uppercase;
}
.menu a:hover {
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color:#433c31;
	}
/*content*/
#content {
	float: left;
	padding: 15px 0 0 40px;
	width: 415px;
}

#content2 {
	float: left;
	text-align:left;
	padding: 10px 10px 10px 10px;
	width: 695px;
}

#content3 {
	text-align:CENTER;
	padding: 10px 10px 10px 10px;
	width: 695px;
}
/*content-photo*/
.content-photo {
	margin: 15px 0 7px;
	border: 3px solid #e7e7e7;
}
/*event-box*/
.event-box {margin-bottom: 20px;}
.day {
	font: bold 12px "Times New Roman", Times, serif;
	color: #333;
	display: block;
}
action-menu
.action-menu {
	padding: 0;
	margin: 0;
	width: 100%;
	display: table;
}
.action-menu li {
	margin-right: 10px;
	float: left;
}
.action-menu li a {
	width: 128px;
	line-height: 22px;
	text-align: center;
	background: url(../../../images/bg-btn.gif) no-repeat;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}

	.action-menu li a:hover {
		width: 128px;
		line-height: 22px;
		text-align: center;
		background: url(../../../images/bg-btn.gif) no-repeat;
		color: #433c31;
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		text-decoration:none;
}
/*galery-holder*/
.galery-holder strong {
	font-size: 13px;
	color: #cf8a15;
	display: block;
	margin-bottom: 25px;
}
.galery-holder p {font-family: "Times New Roman", Times, serif;}
.galery-wrapper {margin-bottom: 3px;}
/*sidebar2*/
#sidebar2 {
	float: right;
	width: 196px;
	padding: 15px 30px 0 0;
}
#sidebar2 h2 {color: #433c31;}
.event-list {
	padding: 5px 0 0;
	margin: 0;
}
.event-list h3 {
	color: #433c31;
	line-height: 22px;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	clear:both;
	text-align: center;
	padding: 80px 0 55px;
}
#footer img {margin: 0 auto 8px;}
#footer p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #7e796d;
}

#contacts td {
	border-bottom:#E7E7E7 1px solid;
}

#adminArea {
	width:960px;
	background: #fff;
	padding-bottom: 30px;
}