/* Basic Style for the content of the page */
html { background:#5d5d57; font-family:Verdana,Arial,Sans-Serif; font-size:80%;}
body {	height:100%; margin:0 auto; padding:0; background-color:#5d5d57; }

/* Link Styles */
a { color:#996633; text-decoration:none; }
a:hover { color:#663300; text-decoration:underline; }

/* Header Styles */
h1 { color:#996633; font-family:Verdana,Arial,Sans-Serif; font-weight:bold; font-size:18px; }
h2 { color:#996633; font-family:Verdana,Arial,Sans-Serif; font-weight:bold; font-size:14px; }

/*  Header and Navigation Bar Code */
#header { background:url('/images/header_expand_bg.jpg'); padding:0 0 0 0; min-width:705px; max-width:1000px; width:70%; width:expression(document.body.clientWidth < 1006? "705px": document.body.clientWidth*0.7); margin:0 auto; height:261px; overflow:hidden; }
#header ul { margin:0; padding:0; list-style-type:none; text-align:center; }
#header ul li { display:inline; float:left; text-align:center; padding:0; margin:0; }
#header ul li a { padding:0; margin:0 0 0 0; color:#996633; padding:1em 1.1em 1em 1.1em; text-decoration:none; text-align:center; font:bold 0.8em/3em verdana, arial, sans-serif; }
#header ul li a:hover { color:#663300; text-decoration:none; }
#header ul li a.selected { color:#663300; text-decoration:none; }

#main { background:#f8f8f0 url('/images/content_bg.jpg') repeat-y top right; min-width:705px; max-width:1000px; width:70%; width:expression(document.body.clientWidth < 1006? "705px": document.body.clientWidth*0.7); margin: 0 auto; }
#main2 { background:url('/images/content_left.jpg') repeat-y top left; }


/* Sidebar Menu */
#sidebar { width:100px; padding:10px 5px 20px 15px; text-align:left; float:left; }
#sidebar ul { line-height:14px; list-style:none; padding:0 0 0 0; margin:10px 0 0 0; border:0; }
#sidebar li { text-align: right; width: 175px; padding:0; margin:0; font-size:0.9em; font-weight:bold; font-family:Tahoma,Arial,sans-serif; line-height:12px; }
#sidebar ul a { display:block; padding:4px 15px 5px 0px; text-decoration: none; border-bottom:0px solid #fff; width: 155px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 155px; /* You get it. Good value for compliant browers. */ }
html>#sidebar li a {	width:155px; /* Be nice to Opera */ }
#sidebar li a.selection { background-color: #fff; color: #000; border:1px solid #fff; border-width:1px 0 0px 0; border-left:5px solid #C1B49D; }
#sidebar li a.selection:hover { border-left:5px solid #c90; }
#sidebar ul a:hover { background-color: #000; color: #FFF; text-decoration: none;
	/* MS Internet Explorer */
	filter:alpha (opacity=30);
	/* MS Internet Explorer proprietory */
	filter:progid:DXImageTransform.Microsoft.Alpha (style=0, opacity=30);
	/* Mozilla v1.6 and below */
	-moz-opacity: 0.3;
	/* CSS-3 Standards */
	opacity: 0.3;
	 /* Safari */
	-khtml-opacity: 0.3;
 }
#sidebar-title { color:#000; }

#content { margin:0 0 0 200px; padding:10px 50px 20px 0px; }

/* Footer Styles */
#footer { height:2em; min-width:705px; max-width:1000px; width:70%; width:expression(document.body.clientWidth < 1006? "705px": document.body.clientWidth*0.7); margin:0 auto 20px auto; font-size:0.9em; color:#fff; }
#footer a { color: #fff; text-decoration:none; }
#footer a:hover { color: #fff; text-decoration:underline; }

/*  This class clears the alignment of div tags */
.clear { clear:both; }

/* Contact Form Styles */
#form { font-size:90%; margin: 10px 0 0 0; padding:0px; float:left; }
#form ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
#form ul li { display: block; padding: 0; margin: 0 auto; width:100px; }
.space { margin: 10px; padding:10px; }