* {
	margin:0;
	padding:0;
	background-position: center center;
	text-align: left;
}
body  {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	color: #ffffff;
	background-color: #823037;
	background-position: center center;
	top: 10px;
	/* background-image: url(images/grad2.jpg); */
	background-repeat: no-repeat;
}
#container { 
	width: 858px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 
#header {
	height:315px; 
} 
#header h1 {
	font-size:35px;
	letter-spacing:-1px;
	text-transform:uppercase;
	font-weight:inherit;
	padding:27px 0 0 20px;
	float:left;
}
.headerPic {
	padding-top:3 px;
}
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 226px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:10px 0 0 0;
}

 #mainContent { 
/*height: 4000px; */
margin: 10px 239px 0 0; 2.07.2011 
/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}


.title {
	background:url(images/h2Background.jpg) no-repeat left top;
	height:41px;
	margin:0 9px;
	text-align: center;
/*	font-size: 22; */
	
	
} 
.title2 {
background:url(images/rightTitleBackground.jpg) no-repeat left top;
height:41px;
margin:0 9px;
color:#FFFFFF;
padding:7px;
} 
#leftTop {	
	background:url(images/leftTop.gif) no-repeat left top;
	height:7px;
}
#leftBottom {	
	background:url(images/leftBottom.gif) no-repeat left top;
	height:8px;
}
#leftCenter {
	background-color:#6b1f25;
	background-position: right center;
	vertical-align: middle;
}
#leftCenter h2 {
	font-size:22px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}
#leftCenter p {
	margin:10px 9px 0 9px;
}
#leftCenter .pic1 {
	float:right;
	margin:0 0 10px 15px;
}
.rightTop {
	background:url(images/rightTop.gif) no-repeat left top;
	height:7px;
}


#leftCenter li {
	list-style:none;
	padding:4px 0;
	background:url(images/p7.jpg) no-repeat left 5px;
	padding-left:17px;
}
.rightMiddle {
	background:url(images/rightTop.gif) no-repeat left top;
	height:7px;
}
#rightCenter, #rightCenter2 {
	background-color:#e0d4c6;
	color:#60171d;
}
#rightCenter h2, #rightCenter2 h2 {
	font-size:22px;
	padding:5px 0 0 10px;
}
#rightCenter ul, #rightCenter2 ul {
	padding:10px;}
#rightCenter2 li {
	list-style:none;
	padding:4px 0;
	background:url(images/p.jpg) no-repeat left 5px;
	padding-left:17px;
}
#rightCenter li {
	list-style:none;
	padding:4px 0;
	background:url(images/p.jpg) no-repeat left 5px;
	padding-left:17px;
}
.rightBottom {
	background:url(images/rightBottom.gif) no-repeat left top;
	height:7px;
}
#footer {
	background:url(images/footerBackground.jpg) no-repeat left top;
	height:77px;
	margin:10px 0;
	text-align:center;
	right: auto;
	bottom: auto;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
}
#footer a, #leftCenter a {
	color:#db989e;
	text-align:center;
}
.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;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#menuContainer {
	background:url(images/menuBackground.jpg) no-repeat left top;
	width:858px;
	height:97px;
}

#navcontainer {
	float:right;
	padding:45px 10px 0 0;
}

/*
 #navcontainer {
	position: relative;
	
}
*/
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
float: left;
font-size:18px;
}


#navcontainer ul li a:hover
{
background-color: #8b464c;
color: #fff;
}
#navcontainer #active a
{
background-color: #8b464c;
color: #ffffff;
}
.zebra
{
background-color: #CCA3B1;
 color: #CC5252; 
}

#rightCenter ul li.zebraHover {
  background-color: #84494F;
}
#rightCenter2 ul li.zebraHover {
  background-color: #84494F;
}
/*Create a scroll section for a div or p.
#disclaimer3 {
  height: 100px;
	width: 300px;
	overflow-y: scroll;
}
*/
#photos {
	position: relative;
	width: 255px;
	margin-top:14px;
	margin-left: auto;
 	margin-right: auto ;
	height: 150px;
	overflow: visible;
	background-color: #FFFFFF;
	padding-bottom: 20;
}
#services {
	position: relative;
	width: 588px;
	margin-left: auto ;
	margin-right: auto ;
 	overflow: visible;
}
#training {
	position: relative;
	width: 588px;
	margin-top:14px;
	margin-left: auto ;
	margin-right: auto ;
 	overflow: visible;
}
#training li {
	list-style:none;
	padding:4px 0;
	background:url(images/p7.jpg) no-repeat left 5px;
	padding-left:17px;
}

#benefits {
	position: relative;
	width: 588px;
	margin-top:14px;
	margin-left: auto ;
	margin-right: auto ;
	background:url(images/benefits.jpg) no-repeat right 5px;
 	overflow: visible;
}
#benefits li {
	list-style:none;
	padding:4px 0;
	background:url(images/p7.jpg) no-repeat left 5px;
	padding-left:17px;
}

#clock {
	list-style:none;
	padding:4px 0;
//	background:url(images/p3.jpg) no-repeat left 5px;
	padding-left:17px;
	margin-left: auto ;
	margin-right: auto ;
}

#team {
	background:url(images/team.jpg) no-repeat left 5px;
	height:180px;
	margin-left: 10 ;
	margin-right: 10 ;
}

/*
The following section will set up for jQuery Panle Layover
 width: 32px;
  height: 32px;
  right: 15px;
  top: -10px;
*/
.terms a {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 15px;
  top: 10px;
  background: transparent url(images/eye2.jpg) no-repeat 0 0;
  text-indent: -9999px;
  
}

.terms a:hover, .terms-hover {
  background-position: 0 -32px;
   text-align: left;
}

#overlay {
  position: absolute;
  width: 100%; /* 100 */
  height: 70px; /* 100 */
  top: 0;
  left: 0;
  color: #fff;
  background-color: #8a6a5f;
  display: none;
  text-align: left;
}

#overlay a {
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
}

a:focus {
outline: none;
}
/* Set up for sliding panels*/
a.trigger{
	position: absolute;
	background:#88bbd4 url(images/plus.png) 6% 55% no-repeat;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding:4px 12px 6px 24px;
	font-weight: bold;
	
	z-index:2;
}
a.trigger:hover {
	background-color:#59B;
}
a.active.trigger {
	background:#666 url(images/minus.png) 6% 55% no-repeat;
}
.panel {
	color:#CCC;
	position: absolute;
	display: none;
	background: #000000;
	width: 500px;
	height: auto;
	z-index:1;
}
.panel p {
	font-size:11px;
}
a.trigger.left {
	left: 0;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
a.trigger.left2 {
	left: 0;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.panel.left {
	left: 0;
	padding: 20px 30px 20px 100px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
	.panel.left2 {
	left: 0;
	padding: 20px 30px 20px 100px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
	
	img{
	position:relative;
	width: 620;
	}
	
	#accordion {
	width:621px;
	heigh:200px;
}