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

/* ------- TABLE OF CONTENTS -----*/
/* ------- 1 GENERAL -------------*/
/* ------- 2 HEADER   ------------*/
/* ------- 3 NAVIGATION ----------*/
/* ------- 4 SIDEBAR -------------*/
/* ------- 5 MAIN CONTENT --------*/
/* ------- 6 FOOTER --------------*/
/* ------- 7 MISCELLANEOUS -------*/


/* ------- 1 GENERAL --------------*/

body  {
	background: 		#382E19;
	background-image:	url(../images/bg.jpg);
	background-repeat:	repeat;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	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: 				#2C2312;
  	font-family: 		"Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    line-height: 		20px;
	font-size: 			92%;
}

h1, h2, h3, h4, h5, h6 {
	font-family:		Georgia, "Times New Roman", Times, serif;
}

h1 { 
	font-size: 			180%;
	padding: 			15px 0px 0px 0px;
	}
	
h2 {
	font-size: 			140%;
	}

h3 {
	font-size: 			120%;
	}

#container { 
	width: 				710px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: 		#FFFFFF;
	margin: 			0 auto;
	text-align: 		left;
	max-width: 			710px;
	background-image:	url(../images/bg_body.jpg);
	background-repeat: no-repeat; 
} 

#contentWrapper{ 
	width: 				710px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: 		#FFFFFF;
	margin: 			0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	max-width: 			710px;
	background-image:	url(../images/bg_contentWrapper.jpg);
	background-repeat:	no-repeat;
} 

/* ------- 2 HEADER --------------*/

#header { 
	background: 		#FFFFFF;
	height: 			240px;
	background-image:	url(../images/banner_top.jpg);
	background-repeat:	no-repeat;
} 


#header p { 
	margin: 			0px 0px 0px 0px;
	padding: 			0px 72px 0px 0px;
	color:				#FFFFFF;
	text-align:			right;
	font-size:			14px;
	height:				240px;
    font-family: 		"Trebuchet MS", "Tahoma", Geneva, sans-serif;
} 



/* ------- 3 NAVIGATION --------------*/


#navigationLevel1 { 
	background: 		#2D2211;
	padding: 			0px 75px; 
	margin: 			0px 0px 0px 0px;
	height: 			37px;
	background:			url(../images/bg_navigation.jpg);
} 
#navigationLevel1 p { 
	color: 				#FFFFFF;
	text-align: 		left;
	padding: 			8px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
	font-size:			18px;
  	Font-Family: 		Georgia, "Trebuchet MS", "Tahoma", Geneva, sans-serif;
} 

#navigationLevel1 a, a:visited { 
	color:				#FFFFFF;
	text-decoration: 	none;
} 

#navigationLevel1 a:hover { 
	color: 				#A08D32;
	text-decoration:	none;
} 



/* ------- 4 SIDEBAR --------------*/


#sidebar1 {
	float: 				right; 
	width: 				190px; /* since this element is floated, a width must be given */
  	padding: 			40px 65px 0px 10px;
	font-size: 			75%;
}
#sidebarHighlight h3 {
	margin: 			0px 10px 5px 10px;

}

#sidebar1, #sidebarHighlight p {
	margin: 			0px 5px 0px 10px;
}

#sidebarHighlight {
	padding: 			5px;
}


/* ------- 5 MAIN CONTENT --------------*/

#mainContent {
  	padding: 			0px 0px 15px 75px;
	line-height: 		21px;
	font-size: 			90%;
	min-height: 		300px;
	width: 				350px;
	}
	

	
.blk { 
	display:			block; 
} 

/* ------- 6 FOOTER --------------*/

	
#footer { 
	padding: 			2px 5px 13px 5px;
	height: 			15px;
	
} 
#footer p {
	margin: 			0px 0px 0px 0px; 
  	padding: 			0px 75px 0px 75px;
	font-size: 			60%;
	color:				#999999;
	
}

/* ------- 7 MISCELLANEOUS --------------*/

/* Miscellaneous classes for reuse */
.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;
}

a { 
	color: 				#000000;
	text-decoration: 	underline;
	}

a:visited { 
	color: 				#999999;
	text-decoration: 	underline;
	}	
	
a:hover { 
	color: 				#10122A;
	text-decoration:	none;
} 
-->