@CHARSET "ISO-8859-1";

/* Set up my fonts for the site - this should choose one sans serif and one serif per platform, 
   with the serif fonts being used for headings & sans for everything else. */
body, h3, h4, p, a, li {font-family:verdana, geneva, helvetica, sans-serif;}
body, p {font-size:11pt;color:#555;}
h1, h2 {font-family:georgia, "utopia std", serif;}
h1 {font-size:14pt; font-weight:bold; color:#222;}
h2 {font-size:12pt; color:#333;}
h3 {font-size:11pt; font-weight:bold; color:#444; border-top:1px solid;}

/* Other defaults (lists don't have bullets unless specified) */
ul {list-style-type:none;}

/* body & wrapper styles to center everything & set background */
body {
	margin:0 auto; 
	text-align:center;
	background-color:#EEE; /* E5E595 */
}
#wrapper {
	margin:0 auto; 
	text-align:center;
	width:925px;
}

/* Header styles */
#masthead {
	overflow:auto;
	margin:10px auto;
	background-color:#FFF;
	border:1px solid #444;
	height:120px;
	margin-bottom:15px;
}
#masthead img {
	float:left;
	height:100px;
	width:106px;
	margin:8px;
}
#masthead p {
	text-align:center;
	font-size:10pt;
	color:#777;
	padding-top:35px;
	padding-right:50px;
	padding-left:200px;
}

/* Styles for navigation bar */
#navbar {
	clear:both;
	text-align:left;
	background-color:#EEE;
	margin-top:10px;
}
#navbar ul {
	margin:0 auto;
	padding:5px 20px 5px 10px;
	list-style-type:none;
}
#navbar ul li {display:inline;}
#navbar ul li a {
	text-decoration:none;
	padding:10px 20px 10px 20px;
	color:#222;
	background-color:#D1CBAD;
	text-transform:uppercase;
	border:1px solid #444; 
}
#navbar ul a.active, #navbar ul a:hover {
	color:#444;
	background-color:#FFFFFF;
	font-weight:bold;
	border:1px solid #444; 
}

/* Main page, left & right columns */
#pagecontents {
	overflow:auto;
	margin-top:5px;
	padding:10px 10px 10px 10px;
	border:1px solid #444;
/*	border-left:2px solid #9CA688;
	border-right:5px solid #9CA688;
	border-bottom:6px solid #9CA688;*/
	background-color:#FFFFFF;
}
#leftside {
	width:65%;
	float:left;
	text-align:left;
}
#leftside p {
	clear:both;
	padding-top:10px;padding-left:10px;
}
#leftside img {
	float:left;
	margin-right:10px;
	width:120px;
	height:120px;
	border:1px solid #9CA688;
}
#rightside {
	width:31%;
	float:right;
	margin:5px 5px 5px 5px;
	text-align:left;
	background-color:#FFCC00;  
	border:3px solid #9CA688;
}

/* Footer styles */
#footer {
	margin:10px 0 10px 0;
	background-color:#FFF;
	clear:both;
	padding:10px;
	border:2px solid #9CA688;
}
#footer a {
	text-decoration:none;
	color:#228;
}
#footer span {
	padding-left:250px;
	padding-right:250px;
}