@import url(catamountRanch_cssglobal_v1-1.css);
@import url(catamountRanch_css/modules.css);
@import url(catamountRanch_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

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

html {height: 100%;}
body {
	color: #000;
	background: #FFF;
}
h1 {
	color: #284E36;
	font: 20px Georgia, "Times New Roman", Times, serif;
}
h2 {
	color: #847D54;
	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 {
	color: #482206;
	font: inherit;
	text-decoration: none;
}
a:hover {
	color: #482206;
	font: inherit;
	text-decoration: underline;
}
.page {
	
	color: #000;
	min-width: 790px;
	height: 100%;
	background: url(../../../Images/bodyBgNew.gif) repeat-y center top #330;
	margin: 0;
	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;}
img {
	border: none;
	display: block;
}
/*text to image replacment*/
.hidden-text {
	display: block;
	text-indent: -9999px;
}
h2 {
	font: 24px/18px "Times New Roman", Times, serif;
	margin: 0;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 5px;
}
h3 {
	font: 13px/18px "Times New Roman", Times, serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
}
p {
	margin: 0 0 18px;
	font: 13px/18px "Times New Roman", Times, serif;
}
/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
#siteWrapper {
	width: 100%;
	/*background: url(../../../Images/bg-body.gif) repeat-y 50% 0;
	min-height: 100%;
	height: auto !important;*/
	height: 100%;
	text-align: center;
}
* html #siteWrapper {height: 100%;}
.page-holder {
	width: 789px;
	margin: 0 auto;
	padding-top: 18px;
}
.top-shadow {
	height: 16px;
	background: url(../../../Images/bg-top.gif) no-repeat;
}
/*.bottom-shadow {
	width: 769px;
	margin: 0 auto;
	text-align: center;
	height: 20px;
	background: url(../../../Images/bg-bottom.gif) no-repeat center bottom;
}*/
.main {
	background: url(../../../Images/bg-main.gif) repeat-y;
	padding: 0 9px 0 10px;
}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
.logo {
	margin: 0;
	background: url(../../../Images/logo.gif) no-repeat;
	width: 254px;
	height: 46px;
	float: left;
	margin: 16px 0 0 238px;
}
.logo a {
	height: 100%;
	width: 100%;
}
#branding {height: 90px;}
/*header-text*/
.header-text {
	float: right;
	width: 180px;
	padding: 10px 40px 0 0;
	text-align: right;
}
.header-text strong {
	font-size: 16px;
	color: #773508;
	font-weight: normal;
	padding-bottom: 5px;
	display: block;
	background: url(../../../Images/img-dotted-border.gif) repeat-x 0 100%;
	text-transform: uppercase;
}
.header-text span {
	color: #472106;
	display: block;
	font: 9px/18px "Times New Roman", Times, serif;
	text-transform: uppercase;
}
/*action-menu*/
.action-menu {
	padding: 0;
	margin: 0;
}
.action-menu li {
	display: inline;
	padding-left: 20px;
}
.action-menu a {
	padding-right: 7px;
	background: url(../../../Images/img-red-arrow.gif) no-repeat 100% 50%;
	font:11px "Times New Roman", Times, serif !important;
	color: #472206 !important;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	/*padding: 0 0 0 27px;*/
	margin: 0 auto;
	text-align: center;
	background: #abae73;
	width: 767px;
	border-bottom: 3px solid #996;
	height: 20px;
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	width: 705px;
	display: table;
	padding-top: 9px;
}
.txt-section-header {
	background: url(../../../Images/txt-section-header.gif) no-repeat;
	height: 42px;
	margin: 0 0 12px;
}
/*sidebar*/
#sidebar {
	float: left;
	width: 176px;
}
.content-photo {border: 3px solid #996;}
/*content*/
.content {
	float: right;
	width: 500px;
	background: url(../../../Images/bg-content.gif) no-repeat 100% 100%;
	text-align: left;
}
/*visual-box*/
.visual-box {
	background: url(../../../Images/img-visual2.jpg) no-repeat;
	height: 376px;
	width: 100%;
	display: table;
	text-align: left;
}
.visual-text {
	width: 200px;
	float: left;
	padding: 178px 0 0 31px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}
.visual-text img {display: inline;}
.visual-text a {
	color: #fff !important;
	font-size: 12px !important;
}
/*event-box*/
.event-box {
	float: right;
	width: 190px;
	padding: 30px 25px 0 0;
	text-align: left;
}
.event-box strong {
	font: 24px/25px "Times New Roman", Times, serif;
	color: #e5c864;
}
.event-box strong span {color: #fff;}
.event-box img {
	border: 3px solid #996;
	margin-bottom: 3px;
}
.event-box em {
	display: block;
	color: #fff;
	font-style: normal;
}
.event-box a {
	color: #e5c864 !important;
	display: block;
	margin-bottom: 20px;
	text-decoration: underline;
}
.event-box a:hover {text-decoration: none;}
/*photo-list*/
/*main-section-list*/
.photo-list {
	padding: 20px 0 0 0;
	margin: -17px;
	display: table;
	text-align: left;
}


.photo-list li {
	width: 176px;
	float: left;
	text-align: left;
}
.photo-list li.margin {margin-right: 0;}
.photo-list h2 {
	background: #996;
	line-height: 22px;
	font-size: 11px;
	}
/*txt-welcome*/
.txt-welcome {
	height: 43px;
	background: url(../../../Images/txt-welcome.gif) no-repeat;
}
/*columns*/
.columns {
	width: 100%;
	display: table;
}
/*column1*/
.column1 {
	float: left;
	width: 310px;
}
.event-list {
	padding: 0;
	margin: 0;
}
.event-list p {
	font-size: 12px;
	color: #333;
}
.extented {
	text-decoration: underline;
	display: block;
	color: #515147 !important;
}
.extented:hover {text-decoration: none;}
/*column2*/
.column2 {
	float: right;
	width: 180px;
}
.temp-list {
	padding: 0;
	margin: 0;
}
.temp-list li {
	background: #dadaac;
	padding: 9px 12px;
	display: table;
	width: 156px;
	font: 100% "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
.temp-list img {
	float: left;
	margin-right: 8px;
}
.temp-list span {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	padding-top: 8px;
}
.temp-list strong {
	font-size: 18px;
	font-weight: normal;
}
/*main-section-list*/
.main-section-list {
	padding: 20px 0 50px;
	margin: 0 auto;
	display: table;
	text-align: center;
}

*:first-child+html {} * html .main-section-list {
	width: 100%;
}

.main-section-list li {
	width: 227px;
	margin: 0 12px 12px 0;
	float: left;
	text-align: left;
}
.main-section-list li.right {margin-right: 0;}
.main-section-list h2 {
	background: #996;
	line-height: 22px;
	font-size: 14px;
	padding-left: 5px;
	margin-bottom: 0;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	width: 100%;
	height: 90px;
	background: url(../../../Images/bg-bottom.gif) no-repeat center top;
	padding-top: 20px;
}
#footer ul {
	padding: 0 0 0 40px;
	margin: 0;
	float: left;
}
#footer li {
	display: inline;
	padding-right: 15px;
}
#footer a, #footer p {
	color: #aa7e1f;
	font-size: 9px;
}
#footer p {
	margin: 0;
	float: right;
	padding-right: 45px;
	text-transform: uppercase;
}