/* ******************************* GRID ***************************** */
body {
	text-align: center;
	scrollbar-base-color: #BBAE96;
}

/* Page Container */
#container {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #BBAE96;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #FFF;
}
.twoColFix_a #container {
	background-color: #716558;
}
#topNav {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
}
#topNav ul {
	list-style:none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#topNav li {
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
	color: #CC9933;
	padding-left: 10px;
}
#topNav a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 18px;
}

#fields label {
	font-size:11px;
	width:60px;
	display: block;
	float: left;
	padding: 2px;
}
form.memberForm input {
	font-size:11px;
}
form.memberForm #fields {
	float:left;
	width:190px;
}
form.memberForm #login {
	clear:left;
	width:90px;
	padding:5px 0 0 65px;
}
/* Header */
#header1 {
	background-image: url(../images/banners/2.jpg);
	background-repeat: no-repeat;
	position:relative;
	z-index:10;
} 

#header2 {
	background-image: url(../images/banners/1.jpg);
	background-repeat: no-repeat;
	position:relative;
	z-index:10;
} 

#header3 {
	background-image: url(../images/banners/3.jpg);
	background-repeat: no-repeat;
	position:relative;
	z-index:10;
} 


#anchor a {
	display: block;
	width: 900px;
	height: 131px;
}

#banner {
	position:absolute;
	left:690px;
	top:2px;
}
/* Nav */
#nav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: 24px;
	background-repeat: repeat;
}
/* Sidebar */
#sidebar {
	background-color: #BBAE96;
	float: right; /* since this element is floated, a width must be given */
	width: 450px;
	height: 360px;
}
.twoColFix_b #sidebar {
	width: 270px;
}
/* Main */
.twoColFix_a #mainContent {
	height: 360px;
	float: left;
	width: 450px;
	_width: 448px;
	_overflow:hidden;
	/*scrollbar-base-color: #333;*/
	/*scrollbar-arrow-color: #CCC;*/
	/*scrollbar-highlight-color: #666;*/
} 
.twoColFix_b #mainContent {
	background-color: #BBAE96;
	height: 310px;
	float: left;
	width: 630px;
	_width: 620px;
	padding: 50px 0 0 0;
}
.twoColFix_c #mainContent {
	height: 360px;
	width: 630px;
	float: left;
} 

/* Footer */
#footer {
	margin: 0 auto 0 auto;
	width: 900px;
}
#footer span {
	color: #CC9933;
}
#footer p, #footer a {
	color: #bbaa99;
	font-size: 11px;
	line-height: 1.5em;
	text-decoration: none;
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColFix_b #footer p, .twoColFix_b #footer a {
}
/* Grid Utilities */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}
/* ********************** CONTENT BLOCKS *************************** */
/* Layout Type */
#page_content {
	color: #333;
	padding-top: 10px;
	padding-right: 60px;
	padding-left: 60px;
	height: 250px;
	overflow: auto;
	padding-bottom: 10px;
}
#page_content a {
	color: #FFF;
	text-decoration:none;
}
#page_content p {
	font-size: 11px;
	line-height: 1.7em;
	color: #333;
	padding-bottom: 1em;
}
#row_1_content h2 {
	font-size: 12px;
	line-height: 1.7em;
	font-weight: bold;
	padding-bottom: 1em;
}
#row_1_content p {
	font-size: 12px;
	line-height: 1.7em;
	color: #333;
	padding-bottom: 1em;
}
#row_1_content a {
	color: #333;
	text-decoration: underline;
}
#row_1_content ul li {
	list-style:none;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#333;
	margin-left:15px;
	line-height:1.4em;
}
#row_1_content ul ul li {
	list-style: none;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#333;
	margin-left:30px;
	line-height:1.4em;
}
#layout_1 #tours {
	background-image: url(../images/icon360.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 55px;
	position: absolute;
	top: 491px;
}
#layout_1 #tours a {
	display: block;
	height: 55px;
	width: 55px;
	cursor: pointer;
}
#layout_2 #tours {
	background-image: url(../images/icon360.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 55px;
	position: absolute;
	top: 305px;
	left:1px;
}
#layout_2 #tours a {
	display: block;
	height: 55px;
	width: 55px;
	cursor: pointer;
}
#pic_cycle {
	height: 30px;
	width: 450px;
	position: absolute;
	top: 330px;
	text-align: right;
	background-image: url(../images/bgPicNav.png);
	background-repeat: repeat-x;
}
#pic_cycle, #pic_cycle a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 11px;
	line-height:30px;
	text-decoration: none;
	
}
#pic_cycle a:hover {
	color: #F1E3C5;
	text-decoration: none;
	
}
#call_to_action {
	background-image: url(../images/home/bgAction.jpg);
	background-repeat: repeat-x;
	color: #F1E3C5;
	height: 30px;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	background-color: #917E64;
}
#call_to_action a {
	color: #f1e3c5;
	font-size: 12px;
	line-height: 28px;
	text-decoration:none;
}
.line_break {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #716558;
	line-height: 0px;
	margin-bottom: 20px;
	clear: left;
	padding-top: 10px;
}
ul.list {
	clear:both;
	float:left;
	width:300px;
	margin:0 0 10px 0;
/*	border-bottom:1px solid black;*/
}
#layout_2 #sidebar #row_1_content ul.list {
	margin:60px 0 10px 0;
}
ul.list li {
/*	display:inline;
	text-align:center;
	width:125px;
	float:left;*/
	padding:10px 5px;
	line-height:1.6em;
}
#layout_2 #sidebar #row_1_content ul.list li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul.list li a:hover {
/*	background-color:#B3A58A;*/
	color:#CC9933;
}
ul.list li a {
/*	background-color:none;*/
	font-weight:bold;
	display:block;
	width:125px;
	vertical-align:middle;
	color:#333;
}
#row_1_content .details {
	width:300px;
}
input.formatInput {
	width: 195px;
}
select.formatSelect {
	width: 200px;
}
textarea.formatTextarea {
	width: 387px;
}

/* Layout 1 */
#layout_1 #sidebar #watermark {
	background-repeat: no-repeat;
	height: 360px;
}
#layout_1 #mainContent #main_image {
	background-repeat: no-repeat;
	background-color:#000000;
	height: 360px;
}
#layout_1 #mainContent .crmForm {
	background-color:#BBAE96;
	font-size:11px;
	color:#333;
	height:360px;
	width:450px;
	overflow:auto;
}
#layout_1 #mainContent .oddrow, #layout_1 #mainContent .evenrow {
	height:23px;
}
.crmForm .question {
	font-size:11px;
	font-weight:bold;
	line-height:45px;
}
.crmForm table {
	width: 390px;
}
#layout_1 #mainContent #inside_content a {
	color:#FFFFFF;
}
#layout_1 #sidebar #row_1_container {
	padding-left: 45px;
	padding-top: 120px;
	position: relative;
	padding-right: 45px;
	height: 210px;
	overflow: auto;
	margin: 0;
}
#layout_1 #sidebar #row_2_container .listCol1 {
	position:relative;
	font-size:10px;
	float:left;
	width:120px;
}
#layout_1 #sidebar #row_2_container .listCol2 {
	position:relative;
	font-size:10px;
	float:left;
	width:160px;
}
#detail-mantell, #detail-cliffside {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-image:url(../images/detailWinBG.png);
	_background-image:url(../images/detailWinBG.gif);
	background-repeat:no-repeat;
	position:absolute;
	z-index:20;
	font-size:10px;
	color:#666666;
	line-height:16px;
	width:297px;
	height:194px;
	top:-230px;
	left:-330px;
	padding:40px 20px 40px 40px;
}
#detail-cliffside {
	top:-220px;
}
#detail-mantell #close, #detail-cliffside #close {
	position:absolute;
	top:5px;
	left:262px;
	width:30px;
	height:25px;
}
#layout_1 #sidebar #row_2_container .listCol2 #detail-mantell h4, #layout_1 #sidebar #row_2_container .listCol2 #detail-cliffside h4 {
	color:#666666;
}
#layout_1 #sidebar #row_2_container .listCol2 #detail-mantell a, #layout_1 #sidebar #row_2_container .listCol2 #detail-cliffside a {
	color:#20336B;
}
#layout_1 #sidebar #row_2_container .listCol1 h4, #layout_1 #sidebar #row_2_container .listCol2 h4 {
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#5A4D3A;
}
#layout_1 #sidebar #row_2_container .listCol1 a, #layout_1 #sidebar #row_2_container .listCol2 a {
	line-height:15px;
	font-weight:bold;
	color:#795C3A;
}
#layout_4 #mainContent {
	height: 360px;
	width:900px;
	background-color: #BBAE96;
} 
#layout_4 #row_1_container {
	padding: 15px 65px;
	position: relative;
}
#layout_4 #row_1_content {
	padding: 0;
	height: 330px;
	overflow: auto;
	margin:0px;
}
#layout_1 #sidebar #row_2_container {
	margin-top:-60px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 65px;
	display:block;
	height: 55px;
	position: absolute;
}



#layout_1 #sidebar #row_2_container a {
	color: #663300;
	text-decoration: none;
}
#row_2_container li {
	margin-left: 10px;
	list-style: none;
	color: #663300;
	line-height: 1.6em;
	font-size: 10px;
}
#row_2_container #list_items {
	display: block;
	width: 260px;
}
#row_2_container #toggle {
	width: 200px;
	text-align: right;
	font-size:11px;
	position: absolute;
	left: 220px;
	top: 0px;
	padding-top: 34px;
	font-size:10px;
}

#layout_1 #sidebar #call_to_action {
	background-image: url(../images/home/bgAction.jpg);
	background-repeat: repeat-x;
	background-color: #917E64;
	color: #f1e3c5;
	height: 30px;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
}
#layout_1 #sidebar #call_to_action a {
	color: #f1e3c5;
	font-size: 12px;
	line-height: 28px;
	text-decoration:none;
}
/* Layout 2 */
#layout_2 #sidebar #watermark {
	background-repeat: no-repeat;
	height: 360px;
}
#layout_2 #mainContent #main_image {
	background-repeat: no-repeat;
	background-color:#000000;
	height: 360px;
	position:absolute;
	z-index:0;
}
#layout_2 #sidebar #row_1_container {
	padding-left: 65px;
	padding-top: 20px;
	position: relative;
}
#layout_2 #sidebar #row_1_content {
	height: 295px;
	padding-right: 65px;
	overflow: auto;
	margin-bottom:15px;
}
#layout_2 #sidebar #row_2_container {
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 65px;
	display:block;
	height: 55px;
	margin-top:-60px;
	position: absolute;
}
#layout_2 #sidebar #row_2_container a {
	color: #663300;
	text-decoration: none;
}
#layout_2 #row_2_container #list_items {
	padding-top: 10px;
}
/* Layout 3 */
#layout_3 #sidebar #watermark {
	height: 360px;
	background-repeat: no-repeat;
}
#layout_3 #mainContent #main_image {
	background-repeat: no-repeat;
	background-color:#000000;
	height: 360px;
}
#layout_3 #sidebar #row_1_container {
	padding: 60px 65px 0 25px;
	color: #333;
}
#layout_3 #sidebar #row_1_content {
	height: 218px;
	overflow: auto;
}
#layout_3 #sidebar #row_2_container {
	background-image: url(../images/courses/courses_hermosa_1.jpg);
	background-repeat: no-repeat;
	display:block;
	text-align: left;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 65px;
	height: 80px;
}
#layout_3 #sidebar #row_2_container a {
	color: #333;
	text-decoration: none;
}
#layout_3 #row_2_container #list_items {
	padding-top: 10px;
}
#layout_3 #row_2_container #toggle {
	padding-top: 65px;
}
#layout_4 #sidebar #row_1_container {
	background-image: url(../media/titleArticles.jpg);
	background-repeat: no-repeat;
	background-position: 20px 5px;
	color: #333;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
#layout_4 #sidebar #row_1_content {
	height: 290px;
	overflow: auto;
}

#parentWatermark {
	float:left;
	background-image:url(../media/watermark.jpg);
}
#parentWatermark #mainContent, #parentWatermark #sidebar {
	background: none;
}
.article_th {
	width: 75px;
	margin-right: 20px;
	float: left;
}
/* ********************************** p7exp *********************************** */
#menuwrapper {
	position:relative;
	z-index:10;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-left: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 20px;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar, #p7menubar ul {
	list-style: none;
}
#p7menubar span {
	cursor:pointer;	/* for old ass browsers */
	cursor:default;	/* for current browsers */
}
#p7menubar a, #p7menubar span {
	display: block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
}
#p7menubar .highlight  span {
	color: #C93;
}
#p7menubar a.trigger, #p7menubar span.trigger {
	background-image: url(../images/bgPipe.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 10px 0px 10px;
}
#p7menubar a.noPipe, #p7menubar span.noPipe {
	padding: 0px 10px 0px 10px;
}
#p7menubar li {
	float: left;
}
#p7menubar li {position: relative;}
/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li {
	width: 125px;
	text-align: center;
}
#p7menubar ul li a  {
	padding: 0px 10px 0px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	text-transform: none;
	line-height: 20px;
}
#p7menubar li ul {
	position: absolute;
	z-index:11;
	display: none;
	list-style: none;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #FFF;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #222;
	background-image: url(../images/nav/bgNavHover.png);
}
#p7menubar ul a:hover {
	color: #222 !important;
	background-image: url(../images/nav/bgNavHoverOn.png) !important;
}
/* ************************************ verticlal center ************************************** */
#horizon {
	position: absolute;
	left: -1px;
	width: 100%;
	top: 0;
	margin-top:0;
	/*
	top: 55%;
	margin-top: -320px;
	*/
}
#wrapper {
	height: 640px;
}
/* ****************************************** widgets ****************************************** */
#sidebar #action {
	background-image: url(../images/home/bgAction.jpg);
	background-repeat: repeat-x;
	color: #f1e3c5;
	height: 30px;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	background-color: #917E64;
}