@charset "utf-8";
/* CSS Document */
body {
	font: 12px Arial, Helvetica, "Sans-Serif";	
	color: #c0c0c0; 
	background: #525556 url(images/); background-repeat:repeat-x;
	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 */	
	z-index: 1;
}
#wrapper {
	width: 924px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #222222 url(images/bg_shadow3.jpg);
	background-repeat:repeat-y;
	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. */
	z-index: 2;
}
#header {
	background: #222222 url(images/header3.jpg);
	background-repeat:no-repeat;
	height: 255px;
	width: 924px;
	padding: 0;  /* 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. */
	z-index: 3;
}
#topnav {
	width: 900px; /* 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 */
	height: 25px;
	margin: 0 auto;
	z-index: 600;	
	background: #5A6484 url(images/bg_nav.jpg); background-repeat:repeat-x;
	font-weight: normal;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, "MS Sans Serif";	
}
#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 */
	z-index: 4;
	height: 400px;
}
#mainContent {
width: 900px;
display: inline;
	margin: 0 0 0 0; 
	padding: 0 ; 
	z-index: 5;
	height: 380px;
}

#footer {
	background: #222222 url(images/footer3.jpg);	
	background-repeat:no-repeat;
	width: 924px;
	height: 100px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	z-index: 9;
}
a.more:link { text-decoration: none; color: #666666; font-size: 12px; }
a.more:hover { text-decoration: underline; color: #F6861F; font-size: 12px; }
a.more:visited { text-decoration: none; color: #666666; font-size: 12px; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.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;
}

#logo {
	position:relative;
	width:196px;
	height:255px;
	z-index:400;
	left: 0;
	top: 0;
	float: right;
}
#featurebg {
	position:relative;
	width:620px;
	height:230px;
	z-index:401;
	left: 10px;
	top: 53px;
	float: left;
	background-image: url(images/div2_bg.jpg);
}
#apDiv3 {
	position:relative;
	width:258px;
	height:230px;
	z-index:402;
	left: 20px;
	top: 10px;
	float: left;
	text-align: center;
}
#featureinner {
	position:relative;
	width:567px;
	height:182px;
	z-index:500;
	left: 27px;
	top: 24px;	
	float: left;
}
#box1 {
	position:relative;
	width:535px;
	height:372px;
	z-index:402;
	float: left;
	margin: 0 10px 20px 20px;
	text-align: justify;
	display:inline; /* IE only - to fix doubled float margin bug */
}

#apDiv1 {
	position:relative;
	width:495px;
	height:100px;
	z-index:404;
	left: 0;
	top: 5px;
	padding: 10px;
	margin: 10px 0 10px 0;
	float: left;	
	display:inline; /* IE only - to fix doubled float margin bug */
}
#apDiv2 {
	position:relative;
	width:495px;
	height:150px;	
	float: left;
	margin: 10px 0 10px 0;
	padding: 10px;	
	display:inline; /* IE only - to fix doubled float margin bug */	
}
#apDiv3 {
	position:relative;
	width:150px;
	height:160px;	
	float: left;
	margin: 10px;	
	display:inline; /* IE only - to fix doubled float margin bug */
}
#apDiv4 {
	position:relative;
	width:150px;
	height:160px;	
	float: left;
	margin: 10px;	
	display:inline; /* IE only - to fix doubled float margin bug */
}
#box2 {
	position:relative;	
	width:300px;
	height:370px;
	z-index:403;
	float: left;
	margin: 0;
	left: 0;
	top: 0;
	padding: 0;
	display: inline;
}
#apDiv5 {
	position:relative;
	width:280px;
	height:90px;
	z-index:404;
	top: 0;	
	float: left;
	background-color: #6f5846;
	color: #2A0000;	
	border: 1px solid #d4ccaa;	
	margin: 20px 10px 10px 10px;
	display: block;	
	background: url(images/block_bg.jpg);
	background-repeat:repeat-x;	
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex;	
}
#apDiv6 {
	position:relative;
	width:280px;
	height:90px;
	z-index:404;
	top: 0;	
	float: left;
	background-color: #6f5846;
	color: #2A0000;	
	border: 1px solid #d4ccaa;	
	margin: 10px 10px 10px 10px;
	display: block;	
	background: url(images/block_bg.jpg);
	background-repeat:repeat-x;	
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex;	
}
#apDiv7 {
	position:relative;
	width:280px;
	height:90px;
	z-index:404;
	top: 0;	
	float: left;
	background-color: #6f5846;
	color: #2A0000;	
	border: 1px solid #d4ccaa;	
	margin: 10px 10px 10px 10px;
	display: block;
	background: url(images/block_bg.jpg);
	background-repeat:repeat-x;	
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex;	
}
#innerBlock {
    position: relative;
	margin: 10px;	
	} 
h1 {
    font-size: 18px;
	color: #ffffff;
	line-height: 22px;
	margin: 0;	
	}
h2 {
    font-size: 16px;
	color: #C8BE92;
	line-height: 18px;
	margin: 0 0 3px 0;	
	}
h2.special {
    font-size: 16px;
	color: #E4C143;
	line-height: 20px;
	margin: 0 0 3px 0;	
	}
h3 {
    font-size: 14px;
	color: #DDDDCB;
	line-height: 16px;
	margin: 0 0 3px 0;	
	}
h3.special {
    font-size: 12px;
	color: #FF0000;
	line-height: 14px;
	margin: 0 0 3px 0;	
	}
h4 {
   	font: 12px Arial, Helvetica, "Sans-Serif";	    
	color: #c0c0c0;
	line-height: 18px;
	}
.sbpadding {
   	width: 200px; /* 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 */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px;
	height: 475px;	
	z-index: 50;
	}
#icons {
	position: relative;
	color: #ffffff;
	width:150px;
	height:45px;
	z-index:101;
	top: 35px;
	float: right;
	padding-right: 15px;
}
#innerFooterLeft {
	position: relative;
	width:400px;
	height:90px;
	z-index:102;
	margin-left: 30px;
	margin-top: 10px;
	line-height: 16px;
	float: left;
	left: 0px;
}
#innerFooterRight {
    position: relative;
	width:400px;
	height:90px;
	z-index:102;
	margin-right: 30px;	
	margin-top: 10px;
	line-height: 16px;
	float: right;
	text-align: right;
}
a:link {font-size: 12px; color: #C8BE92; text-decoration: underline; font-weight: bold;}
a:hover {font-size: 12px; color: #ffffff; text-decoration: none; font-weight: bold; }
a:active {font-size: 12px; color: #ffffff; text-decoration: underline; font-weight: bold; }
a:visited {font-size: 12px; color: #ffffff; text-decoration: underline; font-weight: bold; }

a.hdr:link {font-size: .85em; color: #C8BE92; text-decoration: underline; font-weight: bold;}
a.hdr:hover {font-size: .85em; color: #ffffff; text-decoration: none; font-weight: bold; }
a.hdr:active {font-size: .85em; color: #194373; text-decoration: underline; font-weight: bold; }
a.hdr:visited {font-size: .85em; color: #E0E2DF; text-decoration: underline; font-weight: bold; }

a.ftr:link {font-size: .85em; color: #C8BE92; text-decoration: underline; font-weight: bold;}
a.ftr:hover {font-size: .85em; color: #F1DF9D; text-decoration: none; font-weight: bold; }
a.ftr:active {font-size: .85em; color: #194373; text-decoration: underline; font-weight: bold; }
a.ftr:visited {font-size: .85em; color: #E0E2DF; text-decoration: underline; font-weight: bold; }

a.block:link {font-size: 14px; color: #222222; text-decoration: underline; font-weight: bold;}
a.block:hover {font-size: 14px; color: #ffffff; text-decoration: none; font-weight: bold; }
a.block:active {font-size: 14px; color: #222222; text-decoration: underline; font-weight: bold; }
a.block:visited {font-size: 14px; color: #222222; text-decoration: underline; font-weight: bold; }

a.events:link {font-size: 14px; color: #E4C143; text-decoration: underline; font-weight: bold; text-align: center;}
a.events:hover {font-size: 14px; color: #ffffff; text-decoration: none; font-weight: bold; text-align: center; }
a.events:active {font-size: 14px; color: #E4C143; text-decoration: underline; font-weight: bold; text-align: center; }
a.events:visited {font-size: 14px; color: #E4C143; text-decoration: underline; font-weight: bold; text-align: center; }