/*
COLORS:
#49571d dk grn
7a9231 lt grn
e4d69c beige
c1b585 dk beige


*/
/******************** NAVIGATION STYLES ********************/

/***vertical_text_right...***/

#vertical_text_right
{
	/*lists have a default padding so remove it... */
	padding: 0px;
	margin: 0px;	
}

#vertical_text_right li
{			
	text-align: right;	
}


/***vertical_text_left...***/

#vertical_text_left
{
	/*lists have a default padding so remove it... */
	padding: 0px;
	margin: 0px;	
	width: 100%;	
	list-style-position: outside;
	
}

#vertical_text_left li
{			
	text-align: left;
	list-style-type: none;
   background-image: url(/theme/adam_elle_how/images/menu_bullet.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left: 30px;
   padding-top: 4px;
   height: 40px;
}


/***vertical_text_centered...***/

#vertical_text_centered
{
	/*lists have a default padding so remove it... */
	padding: 0px;
	margin: 0px;	
	width: 100%;
}

#vertical_text_centered li
{			
	text-align: center;	
}

/***horizontal_text...***/

#horizontal_text
{
	/*lists have a default padding so remove it... */
	 padding: 0px;
	 margin: 0px;		
	
}

#horizontal_text li, #horizontal_text #first_level_padding, #horizontal_text #second_level_padding
{
	/*this makes the list horizontal...*/
	display: inline;
	text-align: center;	
}


/***horizontal_sub_nav...***/

#horizontal_sub_nav
{
	/*lists have a default padding so remove it... */
	 padding: 0px;
	 margin: 0px;		
	
}

#horizontal_sub_nav li
{
	/*this makes the list horizontal...*/
	position: relative;
	top: 0px;
	left: 0px;
	float: left;	
	text-align: center;	
}

/***FIRST LEVEL...***/

#first_level_padding a, #first_level_padding a:visited, #first_level_padding a:active
{
	padding-bottom: 10px;	
}


/*.first_level_nav, .first_level_nav a*/
.first_level_nav a
{
	color: #7a9231;	
	border: 0px solid #000000;
	font: 16px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;	
	text-decoration: none;
	/*display: block;*/
	list-style-type: none;
}


/*.first_level_nav a:hover, .first_level_nav_active, .first_level_nav_active a, .first_level_nav_active a:hover*/
.first_level_nav a:hover, .first_level_nav_active a, .first_level_nav_active a:hover
{
	color: #c1b585;	
	border: 0px solid #000000;
	font: 16px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	text-decoration: none;
	/*display: block;*/
	list-style-type: none;
}



/***SECOND LEVEL...***/

#second_level_padding a, #second_level_padding a:visited, #second_level_padding a:active
{
	padding-bottom: 0px;		
	padding-top: 0px;		
	padding-left: 0px;		
	padding-right: 0px;	
	margin: 0px;	
}


.second_level_nav, .second_level_nav a 
{	
	font: 12px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	color: #7a9231;
	text-decoration: none;
	list-style-type: none;	
	/*display: block;		*/
}


.second_level_nav a:hover, .second_level_nav_active, .second_level_nav_active a, .second_level_nav_active a:hover
{
	font: 12px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	color: #c1b585;
	text-decoration: none;
	list-style-type: none;
	/*display: block;		*/
}

.second_level_nav, .second_level_nav_active {
	position:relative;
	left:20px;
}

/***THIRD LEVEL...***/

#third_level_padding a, #third_level_padding a:visited, #third_level_padding a:active
{
	padding-top: 0px;	
}


.third_level_nav, .third_level_nav a
{
	font: 9px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	text-decoration: none;
	display: block;
	list-style-type: none;
}

/*.third_level_nav a:hover, .third_level_nav_active, .third_level_nav_active a, .third_level_nav_active a:hover*/
.third_level_nav a:hover, .third_level_nav_active a, .third_level_nav_active a:hover
{
	font: 9px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	text-decoration: none;
	display: block;
	list-style-type: none;
}


/***sub nav***/

#sub_nav_padding a, #sub_nav_padding a:visited, #sub_nav_padding a:active
{
	padding-top: 0px;	
	padding-left: 0px;	
}

.sub_nav, .sub_nav a
{
	font: 10px microsoft sans serif,arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	text-decoration: none;
	/*display: block;*/
	list-style-type: none;
}

.sub_nav a:hover
{
	color: #424242;	
	text-decoration: none;
	/*display: block;*/
	list-style-type: none;
}


/************** MAIN CONTENT STYLES **********************/
/* body tag */
/* this will set the bg in the EDITOR....NOT the actual website */
body
{
	background: #ffffff;
}

/*THIS sets the fullscreen bg */
body.web_page
{
	background: #ffffff;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}


/*default content style...*/
.body, table,.defaultBody, p, ol
{
	font: 13px microsoft sans serif,arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #424242;
	background: transparent;
	font-style: normal;
	font-weight: normal;
}

.body_2
{
	font: 13px microsoft sans serif,arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #7a9231;
}

.body_3
{
	font: 16px microsoft sans serif,arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #e4d69c;
}

#website_by, #website_by a, #website_by a:hover 
{
	font: 12px microsoft sans serif,arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #424242;
}

/* to override the h1 tag that the fck editor puts in...grrrrrr! */
h1
{
	font: 0px verdana, helvetica, arial, geneva, sans-serif;
	line-height: 0px;
}

/********** NON-NAV LINKS **********/
a
{
	color: #000099;
	text-decoration: underline;
}

a:hover
{
	color: #424242;
	text-decoration: underline;
}



/********** BORDERS **********/

.border_all
{border-bottom: #424242 1px solid ; border-top: #424242 1px solid; border-left: #424242 1px solid; border-right: #424242 1px solid;}


/*********** TITLES ******************/

.sectionTitle
{
	color: #7a9231;
	font-style: normal;
	line-height: 22px;
	font: 16px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
}

.title, h2, .title a, .title a:hover
{
	color: #424242;
	font-style: normal;
	line-height: 20px;
	font: 16px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
}

.subTitle, h3, .subTitle a, .subTitle a:hover
{
	color: #424242;
	font-style: normal;
	line-height: 18px;
	font: 14px microsoft sans serif, arial, verdana, helvetica, geneva, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
}

.parent_page_title
{
	color: #424242;
	font-style: normal;
	line-height: 24px;
	font: 20px bold arial, verdana, helvetica, geneva, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
}


/*********** NEWS & TESTIMONIALS ***********/
/*
STYLES USED FOR NEWS AND TESTIMONIALS...
News Item.............................header
Friday Sep 9th, 2005.................. .news .body
Description of news item..............smallerBody

"They went beyond my expectations!"...quote
Mr Satisfied Customer.................highlight
*/

.header, h4
{
	color: #3865A4;
	font-style: normal;
	font-weight: bolder;
	line-height: 17px;
	font: 13px arial, verdana, helvetica, geneva, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none none none;
	margin: 0 0 5px 0;
}

.news .body
{
	color: #3865A4;
}

.smallerBody
{
	font: 11x arial, verdana, helvetica, geneva, sans-serif;
	line-height: 14px;
	color: #424242;
}

.quote
{
	font: 11px arial, verdana, helvetica, geneva, sans-serif;
	line-height: 14px;
	color: #424242;
	background: transparent;
	font-style: normal;
	font-weight: normal;
}

.highlight { color: #3865A4; }

.chameleon_testimonials .highlight
{
display: block;
padding-top:5px;
padding-bottom:5px;
}

.news td
{
padding-bottom:10px;
}


/*********** STAFF MODULE ******************/

.wc_staff .highlight
{
margin-right:5px;
}

.wc_staff .highlight:after
{
content:":";
}


/*********** OTHER STYLES ******************/

.inputLabel
{
	line-height: 12px;
	color: #424242;
	background: transparent;
	font-style: normal;
	font-weight: lighter;
	margin: 5px 5px 5px 5px;
	padding: 0px;
	font-family: arial, helvetica, arial, geneva, sans-serif;
	font-size: 11px;
	font-variant: normal;
}


input.text
{
	font: 10px arial, verdana, helvetica, geneva, sans-serif;
	border: 1px solid #3865A4;
	padding: 2px;
	background: #FFF;
}


input.password
{
	font: 10px arial, verdana, helvetica, geneva, sans-serif;
	border: 1px solid #3865A4;
	padding: 2px;
	background: #FFF;
}


.warnings
{
	padding: 5px 15px 5px 15px;
	border-top: 1px dotted #C00;
	border-bottom: 1px dotted #C00;
	line-height: 18px;
	color: #FF9;
	background-color: #FF9;
	margin: 0 0 15px 0;
}

.dev_descriptions
{
	font: 11px arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #3865A4;
	background: transparent;
	font-style: normal;
	font-weight: normal;
}



/*this sets the background of the styles drop down list in the menu editor*/
.SC_Panel { background-color:#FFF !important; }



/*    CSS LAYOUT CRAP......   */



#container
{
padding-top: 20px;
text-align: center;
margin: 0 auto;
}


	#container_2
	{
	border: 0px solid #000000;
	width: 850px;
	text-align: left;
	margin: 0 auto;
	padding: 0px	
	}
		
		
		#header
		{
		position: relative;
		width: 850px;
		height: 276px;
		background-image: url(/theme/adam_elle_how/images/elle_how_01.jpg);
		background-repeat: no-repeat;	
		display: block;
		}
				
			#title_cell
			{
			position: absolute;
			top: 255px;
			left: 250px;
			}	
		
		#content_container
		{
		width: 850px;		
		background-image: url(/theme/adam_elle_how/images/elle_how_02.jpg); 
		background-repeat: no-repeat; 
		min-height: 337px;
		}
		
			#left_column
			{
			border: 0px solid #000000;
			text-align: left;
			float: left;
			width: 220px;			
			}
			
				#left_column_padding
				{
				text-align: left;
				border: 0px solid #000000;
				padding-left: 60px;
				padding-top: 20px;
				padding-right: 10px;
				padding-bottom: 0px;				
				}								
				
				
			#main_content
			{
			float: left;
			width: 605px;
			}
			
				#main_content_padding
				{
				padding-left: 30px;
				padding-top: 20px;
				padding-right: 25px;
				padding-bottom: 10px;
				}			
		
		
					
		#sub_nav_cell
		{
		text-align: center;
		height: 40px;
		width: 850px;
		clear: both;
		/*background-image: url(/theme/adam_elle_how/images/eastwood_03.jpg); 
		background-repeat: repeat-y; */
		display: block;
		}
		
			#sub_nav_cell_padding
			{
			padding-left: 60px;
			padding-top: 10px;
			padding-right: 0px;
			padding-bottom: 0px;
			}		
		
		
		#sub_nav_cell table
		{
		margin: 0 auto;
		}


