/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	text-align: center;
	font-size: 10.5px;
	font-family: "Verdana", verdana, arial, sans-serif;
	color: #444;
	background: #ededed; }
	
h1 { font-size: 140%; font-weight: normal; text-transform: uppercase; color: #000; margin-bottom: 8px; }

a:link, a:visited { color: #333; }
a img { border: none; }

p { margin-bottom: 16px; }

ul, ol { list-style-position: inside; }

#wrapper { 
	width: 763px;
	min-height: 790px;
	margin: 15px auto 0 auto;
	background: url(/images/sidebar_bottom.jpg) bottom left no-repeat #fff; 
	border: 1px solid #1c64a7; }



/************* HEADER STYLES ***/
#header { 
	width: 763px; 
	height: 242px; 
	background: url(/images/header.jpg) no-repeat; 
	border-bottom: 3px solid #fff; }



/************* SIDEBAR STYLES ***/
#sidebar { 
	float: left; 
	width: 170px; 
	font-family: "Century Gothic", Verdana, sans-serif;
	text-transform: uppercase; 
	background: url(/images/sidebar_top.jpg) top left no-repeat; 
	border-right: 3px solid #fff; }

	#sidebar ul#mainnav { height: 212px; list-style-position: outside; }
		* html #sidebar ul#mainnav { margin-top: 10px; }
	
	#sidebar ul#beadtypes { margin-top: -45px; }
	
		* html #sidebar ul#beadtypes { margin-top: -40px; }
	
	#sidebar ul.nav { 
		list-style-type: none;
		list-style-position: outside;  
		text-align: right; 
		padding: 10px 0; }
		
		* html #sidebar ul.nav li { margin-top: -10px; }
		
		#sidebar ul.nav li a { display: block; padding: 5px; }
		
		#sidebar ul.nav li a:link, #sidebar ul.nav li a:visited { color: #fff; text-decoration: none; }
		#sidebar ul.nav li a:hover { color: #125491; background: #fff; }
		
		#sidebar ul.nav li a.active { color: #125491; background: #aac857; }



/************* CONTENT STYLES ***/
#content { 
	float: left; 
	width: 560px;
	min-height: 300px;
	padding: 40px 15px 0 15px;
	text-align: justify; 
	background: url(/images/body_bg.jpg) top left no-repeat; }
	
	
	
/************* FOOTER STYLES ***/	
#footer { 
	width: 700px; 
	height: 40px; 
	margin: 10px auto 0 auto; 
	font-size: 88%;
	text-transform: uppercase;
	color: #125491; }

	#footer p { margin: 0 0 6px 0; }
	
		#footer p a:link, #footer p a:visited { color: #125491; }	
		#footer p a:hover { text-decoration: none; }