@charset "utf-8";
* {
margin: 0;
}
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #a4a4a8;
	background-image:url(../images/bg-main.jpg); 
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	height: 100%;
}
html {
	margin:0;
	padding:0;
	height:100%;
}
#body {
		padding:10px;
		padding-bottom:50px;	/* Height of the footer */
		height: 100%;
	}


* html #container 
{
height: 100%;
}

h1 {
	font-size: 32px;
	line-height: 32px;
	color: #b0953a;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 20px 0px;
}
h2 {
	font-size: 25px;
	line-height: 28px;	
	color: #b0953a;
	font-weight: normal;	
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
}
h3 {
	font-size: 12px;
	line-height: 14px;	
	color: #666;		
}
a {
	color: #e4e4e4;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #b0953a;
	text-decoration: underline;	
	cursor: pointer;
}
a img {
	border: 0px;
}
.oneColFixCtrHdr #container {
	width: 900px;  /* 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 */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%;
    height: auto !important;
    height: 99%;	
    position: relative;
    
}
.oneColFixCtrHdr #header {
	background-image:url(../images/hdr-bg.png);
	background-repeat: no-repeat; 
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px 75px 0px 75px;
	height: 161px;
	width: 750px;
}
.oneColFixCtrHdr #header #logoText {
	float: right; 
	width: 599px;
}
.oneColFixCtrHdr #header #navigation {
	float: right; 
	width: 589px; 
	clear: right; 
	text-align: right;
	padding: 0px 10px 0px 0px;
}
.oneColFixCtrHdr #mainContent {
	clear: both;
	width: 750px;
	height:100%;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 75px 0px 75px;
	padding-bottom: 100px;
}
.oneColFixCtrHdr #mainContent #LeftSideBar {
	float: left;
	clear: left;
	width: 203px;
	height:100%;
	padding: 15px 0px 15px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}
.oneColFixCtrHdr #mainContent #RightSideBar {
	float: right;
	clear: right;
	width: 527px;
	height:100%;
	padding: 0px 0px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 0px 20px 0px;
}
#footer {
	clear: both;
	height: 50px;
	width: 100%;
	padding: 20px 0px 20px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0px 0px 0px 0px;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;

	position: relative;
	margin-top: -90px;
}
#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; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #090806;
	text-align: center;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:375px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:500px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../easyslider1.7/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../easyslider1.7/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
