/**************************************/
/*              HEADER                */
/**************************************/
.header {
	width: 790px;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 0px;
	clear: left;
	height: 80px;
}

/**************************************/
/*              INTRO                */
/**************************************/
.intro {
	text-align: center;
	background-color: #b8b186;
	padding: 10px 50px 10px 50px;
}

/**************************************/
/*              LOGO                	*/
/**************************************/
.logo {
	width: 790px;
	height: 60px;
	text-align: left;
	vertical-align: left;
	border: 0;
	padding-top: 20px;
}


/**************************************/
/*              MAIN IMAGE            */
/**************************************/
.mainImage {
	background-color: #fff;
	height: 240px;
	width: 830px;
}

/**************************************/
/*              MAIN MENU             */
/**************************************/

	#menu{
		width:690px;
		height:34px;
		background-color: #fff;
		background-image: url(../img/navigation.png);
		background-repeat: no-repeat;
		text-align: center;
		padding-left:140px;
	}
		#menu ul{
			width:100%;
			margin:0 auto;
			list-style:none;
		
	}
		#menu li{
			list-style:none;
			display:block;
			float:left;
			font-size:11px;
			font-weight:bold;
			height:24px;
			line-height:24px;
			margin:0 5px;
			padding-top:10px;
		}
			#menu li a{
				display:block;
				float:left;
				height:24px;				
				color:#999;
				text-decoration:none;
				padding:0 10px;				
		}
			#menu li a:hover{	
				color:#fff;
		}
			#menu li a:hover span{
				color:#fff;
		}
		
			#menu .current a, #menu li a .current {
				color:#fff;		  
		}
			#menu .current a span, #menu li a span .current{
				color:#fff;
		}
						
/**************************************/
/*              SIDE MENU             */
/**************************************/

.sideMenu{
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	width: 100%;
	margin: 0;
}

.sideMenu li a{
	display: block;
	padding: 2px;
	text-decoration: none;
	border-bottom: solid 1px #fff;
	color: #b8b186;
	padding-left: 10px;
	font-weight: normal;
	margin-left: 0px;
}

.sideMenu li a:visited, #outerWrapper .sideMenu li a:active{
}

.sideMenu li a:hover {
	color: #000;
	background-color: #fff;
}

.sideMenu li.highlight a{
	color: #cc0000;
	background-color: #fff;
	font-weight: bold;
	color: #000;
	background-color: #fff;
}
.sideMenu li.secondary a{
	color: #000;
	padding-left: 10px;
	font-weight: normal;
	background-color: #fff;
}

.sideMenu li.secondary a:hover{
	color: #000;
}
.sideMenu li.secondary a:visited {
}

.sideMenu li.secondary2 a{
	font-weight: normal;
	padding-left: 10px;
	color: #000;	
}
.sideMenu li.secondary2 a:hover{
	padding-left: 10px;
	color: #000;
}
.sideMenu li.secondary2 a:visited, a:active {
	padding-left: 10px;
	color: #000;
}

/**************************************/
/*               IMAGES               */
/**************************************/
.image {
	padding-left: 0px;
	padding-bottom: 10px;
}


/**************************************/
/*              FOOTER               */
/**************************************/
.footer {
	width:790px;
	line-height: 24px;
	background-color: #fff;
	background-image: url(../img/footer.png);
	text-align: center;
	font-size: 1.2em;
	color: #b8b186;	
}


/**************************************/
/*               LIGHTBOX             */
/**************************************/

.leightbox {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 900px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can"t See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can"t See This */    position:fixed;    }


/**************************************/
/*               OFFERS            */
/**************************************/

.offers {
	height: 80px;
	width: 190px;
	margin-bottom: 15px;
}

/**************************************/
/*               ACCORDIAN            */
/**************************************/

#basic-accordian{
	padding:0px;
	width:390px;
	background-color: transparent;
}

.accordion_headings{
	padding:3px 3px 3px 10px;
	background-color: #5cb414;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	border-bottom: 1px solid #000;

}
.accordion_headings:hover{
	background-color: #669900;
}

#basic-accordian .header_highlight{
	background-color: #5cb414;
	cursor: text;
}
.accordion_child{
	padding:10px;
	background:transparent;
}

/**************************************/
/*            INDENT           */
/**************************************/

	.indent {
	text-indent: 10px;
	list-style-position: inside;
}

/**************************************/
/*            BUTTONS           */
/**************************************/

a.boldbuttons{
background: transparent url('../img/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../img/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}