/*MICAH'S NOTE: If you make significant changes to the style sheet make sure to change the version in the fckeditor folder that is used so the editor style matches the website style - fckeditor/editor/css/es-general.css. If changes don't show then clear the cache.*/

@charset "UTF-8";
/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }  /* Firefox scroll-fix*/

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

body {
	background-color: #bcb099;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
}

#container {
	width: 975px;
	margin: 0 auto;
}

#nav2 {
	background-image: url(../images/nav2_bg.gif);
	background-repeat: repeat-x;	
}

#nav3 {
	background-color: #c2d0e7;
	border: 1px solid #2c539e;	
}

#content {
	background-color: #FFFFFF;
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2c539e;
	border-bottom-color: #2c539e;
	border-left-color: #2c539e;	/*background-position: left top;*/
	padding: 25px 15px 15px 15px;
	width: 912px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: normal;
	color: #2c539e;
	text-decoration: none;
	margin: 10px 0 5px 0;
}

p {
	margin: 7px 0;
	line-height: 16px;
}

h2 {
	position:relative;
	float:left;
	/*clear:both;*/
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-style: italic;
	font-weight: normal;
	color: #887e75;
	text-decoration: none;
	margin: 20px 0 4px 0;
}

h3 {
	color: #2c539e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin: 4px 0;
}

#Content p.brown {
	color: #45413d;
	padding: 8px;
	border: 1px solid #45413d;
	background-color: #e4dbcd;
}

#footerlinks {
	text-align: center;	
}

/*Class gives extra spacing to images placed by text*/
#Content img.contImg {
margin:10px 25px 20px 10px;
}

#footerlinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #60574c;
	text-decoration: none;
	padding: 0 6px;
}

#footerlinks a:hover {
	color: #342f28;
	text-decoration: underline;
}

#footerlinks p {
	margin: 0;
	line-height: 16px;
}

/* ---  ---- Micah's Layout Styles ---- --- */
#CenteringContainer {
width:976px;
margin-left:auto;
margin-right:auto;
}

#Container {
position:relative;
float:left;
width:976px;
}

#Header {
position:relative;
float:left;
width:976px;
height:165px;
background-image:url(../images/hdr_logo.gif);
background-repeat:no-repeat;
}

#Header #HomeLink {
position:relative;
float:left;
width:320px;
height:165px;
margin:0px 0 0 0px;
z-index:1;
}

#TopNav{
position:relative;
float:left;
width:500px;
height:150px;
margin:15px 0 0 0;
}

#NavLv1 {
position:relative;
float:left;
width:976px;
height:36px;
background-image:url(../images/nav2_bg.gif);
background-repeat:repeat-x;
}

#NavLv2 {
position:relative;
float:left;
width:942px;
height:30px;
margin:0 16px 0 16px;
background-color: #c2d0e7;
border: 1px solid #2c539e;
}

#Content {
position:relative;
float:left;
background-color: #FFFFFF;
background-image: url(../images/content_bg.jpg);
background-repeat: no-repeat;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #2c539e;
border-bottom-color: #2c539e;
border-left-color: #2c539e;	/*background-position: left top;*/
padding: 25px 15px 15px 15px;
margin:0 16px 0 16px;
width: 912px;
}

#ContactInfo {
position:relative;
width:175px;
font-size:12px;
margin-left:auto;
margin-right:auto;
padding:10px;
background-color:#BCCBE8;
border:#0066CC 1px solid;
}

#ContactInfo strong {
font-size:15px;
}

#Footer {
position:relative;
float:left;
width:976px;
text-align:center;
margin:10px 0 0 0;
font-size: 10px;
color: #60574c;
}

/* --- Dark Blue Nav styles --- */
#NavLv1 ul {
position:relative;
float:left;
list-style:none;
margin:0;
padding:0;
}

#NavLv1 ul li {
position:relative;
float:left;
}

#NavLv1 ul li a {
display:block;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
height:26px;
padding:10px 12px 0px 12px;
}

#NavLv1 ul li a:hover {
background-image:url(../images/nav2_bg_over.gif);
background-repeat:repeat-x;
color:#FFFF99;
}

/* --- Quote/Testimonial Styles --- */
#Testimonials1 {
position:relative;
float:right;
width:400px;
background-color:#BCCBE8;
border:#0066CC 1px solid;
padding:10px;
margin:10px;
font-size:11px;
}

#Testimonials1 p {
padding:0;
margin:0 0 10px 0;
}

#Testimonials1 em {
position:relative;
display:block;
font-weight:bold;
text-align:right;
}

#Testimonials2 {
background-color:#E5E3BC;
position:relative;
float:left;
clear:both;
width:400px;
border:#CCCC33 1px solid;
padding:10px;
margin:10px 10px 10px 480px;
font-size:11px;
}

#Testimonials2 p {
padding:0;
margin:0 0 10px 0;
}

#Testimonials2 em {
position:relative;
display:block;
font-weight:bold;
text-align:right;
}

#Testimonials2b {
background-color:#E5E3BC;
position:relative;
float:right;
width:400px;
border:#CCCC33 1px solid;
padding:10px;
margin:10px;
font-size:11px;
}

#Testimonials2b p {
padding:0;
margin:0 0 10px 0;
}

#Testimonials2b em {
position:relative;
display:block;
font-weight:bold;
text-align:right;
}

/* --- Custom Paragraph Styles --- */
#paraStyle1 {
position:relative;
float:left;
width:100%;
margin:10px 0 20px 0;
}

/* --- Custom List Styles --- */
#listStyle1 {
position:relative;
float:left;
}

/* --- Content images styles --- */
#imageStyle1 {
position:relative;
float:left;
margin:10px;
}

#imageStyle1b {
position:relative;
float:right;
margin:10px;
}

#imageStyle2 {
position:relative;
float:right;
margin:10px;
border:#0066CC 1px solid;
}

#imageStyle3 {
position:relative;
float:right;
padding:10px;
}

#imageStyle4 {
position:relative;
float:left;
margin:15px 0 0 20px;
border:#333333 1px solid;
}

#imageStyle5 {
position:relative;
float:left;
margin:15px 0 0 20px;
}

#imageStyle6 {
position:relative;
float:right;
margin:45px 10px 10px 10px;
border:#0066CC 1px solid;
}

#imageCaption {
position:relative;
float:left;
width:382px;
margin:10px 10px 10px 0px;
}

#imageCaption p {
font-size:10px;
color:#2c539e;
}

/* --- Inspirational Sayings Styles --- */
#inspire1 {
/*position:relative;
float:left;*/
width:598px;
padding:10px;
margin:0 0 10px 0;
border:#dee6f6 1px solid;
background-color:#FFFFFF;
}

#inspire2 {
/*position:relative;
float:left;*/
width:600px;
padding:10px;
margin:0 0 10px 0;
background-color:#dee6f6;
}

/* --- Life Wheels form Styles --- */
#formList {
position:relative;
float:left;
}

#formList li {
position:relative;
float:left;
width:415px;
margin:20px 5px 5px 5px;
list-style:none;
}

#formList li ul {
position:relative;
float:left;
width:280px;
height:210px;
margin:0 0 10px 0;
padding:0;
}

#formList li ul li {
position:relative;
float:left;
width:250px;
list-style:disc;
list-style-position:outside;
margin:2px 0px 5px 0px;
}

#formList li img {
position:relative;
float:left;
padding:0;
margin:0 18px 0 0;
}

/* --- Share evaluation form styles --- */
#share {
position:relative;
float:left;
list-style:none;
width:100%;
padding:0;
margin:0 0 0 10px;
}

#share li {
position:relative;
float:left;
clear:left;
}

#share li label {
position:relative;
float:left;
display:block;
margin:10px 0 2px 0;
width:100%;
}

#share li label.error {
color:#FF0000;
}

#Footer a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #60574c;
text-decoration: none;
padding: 0 6px;
}

#Footer a:hover {
color: #342f28;
text-decoration: underline;
}

#Footer p {
margin: 0;
line-height: 16px;
}

#Footer strong {
font-size:12px;
}

/* ----------------------------------------------------------- */
/* ---- -----------------------  SLIDER STYLES  ----------------------------- ---- */
/* ----------------------------------------------------------- */

/*	Default stylesheet for the Carpe Slider
	By Tom Hermansson Snickars                 
	2005-12-17 version 1.5
	Copyright CARPE Design                     
	carpe.ambiprospect.com
*/
*.carpe_horizontal_slider_display_combo {
	clear: left;
	margin: 0;
}
*.carpe_vertical_slider_display_combo {
	float: left;
	margin: 0;
}
*.carpe_horizontal_slider_track {
	background-color: #bbb;
	color: #333;
	width: 120px;
	float: left;
	margin: 0;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	padding: 4px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_vertical_slider_track {
	background-color: #bbb;
	color: #333;
	padding: 3px 6px 15px 6px;
	width: 24px;
	height: 100px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_horizontal_slider_track *.carpe_slider_slit {
	background-color: #333;
	color: #ccc;
	width: 110px;
	height: 2px;
	margin: 4px 4px 2px 4px;
	line-height: 0px;
	position: absolute;
	z-index: 1;
	border: 1px solid;
	border-color: #999 #ddd #ddd #999;
}
*.carpe_vertical_slider_track *.carpe_slider_slit {
	background-color: #000;
	color: #333;
	width: 2px;
	height: 100px;
	position: absolute;
	margin: 4px 10px 4px 10px;
	padding: 4px 0 1px 0;
	line-height: 0px;
	font-size: 0;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
}
*.carpe_horizontal_slider_track *.carpe_slider {
	width: 16px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_vertical_slider_track *.carpe_slider {
	width: 20px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_slider_display_holder {
	background-color: #bbb;
	color: #333;
	width: 34px;
	margin: 0;
	float: left;
	padding: 0 2px 0 0;
	height: 20px;
	text-align: right;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.carpe_slider_display {
	background-color: #bbb;
	color: #333;
	padding: 3px 1px 0 0;
	width: 30px;
	text-align: right;
	font-size: 11px;
	line-height: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	cursor: default;
}

.errclass{
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}