body {
	margin: 0 auto;
	background-color: #a89770;
	font-family:  Helvetica, "Sans Serif";
	font-size: 10pt;
	color: #6c5445;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
}

/* navigation */

#navbase {
	margin: 0 auto;
	width: auto;
	height: 226px;
}

#navarea {
	margin: 0 auto;
	width: 900px;
	height: 226px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#navigation {
	margin: 0 auto;
	padding: 185px 0 0 80px;
	float: left;
	width: 600px;
	height: auto;
	text-align: left;
	font-size: 12pt;
}

#navigation ul {
	margin: 0;
	padding: 0px 0 0px 0;
	list-style: none;
}
	
#navigation li {
	margin: 0;
	padding: 0 30px 0 0;
	float: left;
	text-align: left;
	position: relative;
}

#navigation li a {
	display: block;
	height: 20px; /* space around main nav item for connecting with sub nav items */
	color: #453221;
	font-size: 16px;
	font-family: Helvetica, "Sans Serif";
	text-decoration: none;
}

li#tab1 a {width: 50px;}
li#tab2 a {width: 70px;}
li#tab3 a {width: 75px;}
li#tab4 a {width: 75px;}
li#tab5 a {width: 75px;}
li#tab6 a {width: 65px;}
li#tab7 a {width: 60px;}
li#tab8 a {width: 60px;}

#navigation li:hover ul { display: block;  background-color: #CCCC99; margin-left: 0px; width: 130px;}
#navigation li ul { list-style: none; display: none; position: absolute; top: 18px /* spacing between main nav link and dropdown items */; left: 0;}
#navigation li ul li { text-align: left; float: none; }
#navigation li ul li a { font-size: 14px; text-decoration: none; height: 24px; background-color: #999966; padding: 5px 0 0 10px /* inside spacing for box of sub menu items */; width: 120px;}
#navigation li a:hover, #nav li a.on { color: #CCCC99 /* text color effect on rollover */; }

/* page sections */

#pagebase {
	margin: 0 auto;
	width: auto;
}

#pagearea {
	margin: 0 auto;
	width: 780px;
	min-height: 300px;
	overflow: hidden;
	font-size: 10pt;
	background-color: #e5f1cf;
	background-image: url(images/subhead.jpg);
	background-repeat: no-repeat;
}

#onecolumn {
	float: left;
	margin: 0 0 -10000px 0px;
	width: 780px;
	min-height: 300px;
	text-align: left;
	padding: 20px 20px 10020px 20px;
	line-height: 1.13em;
	overflow: hidden;
}

#twocolumnleft {
	float: left;
	margin: 0 0 -10000px 0px;
	width: 220px;
	min-height: 300px;
	text-align: left;
	padding: 20px 0px 10020px 20px;
	line-height: 1.13em;
	overflow: hidden;
}

#twocolumnright {
	float: left;
	margin: 0 0 -10000px 0px;
	width: 480px;
	height: auto;
	text-align: left;
	padding: 20px 20px 10020px 40px;
	line-height: 1.33em;
}

#threecolumnleft {
	float: left;
	margin: 0 0 -10000px 0px;
	width: 254px;
	min-height: 300px;
	text-align: left;
	padding: 30px 0px 10030px 0px;
	line-height: 1.13em;
	overflow: hidden;
}

#threecolumncenter {
	float: left;
	margin: 0 0 -10000px 0px;
	width: 254px;
	height: auto;
	text-align: left;
	padding: 30px 0px 10030px 30px;
	line-height: 1.13em;
}

#threecolumnright {
	float: left;
	margin: 0px 0px -10000px 0px;
	width: 232px;
	height: auto;
	text-align: left;
	padding: 30px 0px 10030px 30px;
	line-height: 1.13em;
}
	
#footerbase {
	margin: 0 auto;
	width: auto;
	height: 80px;
}

#footerarea {
	margin: 0 auto;
	width: 780px;
	height: 56px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}

#footerleft {
	margin: 0 auto;
	padding: 0 0 0 20px;
	float: left;
	width: 330px;
	height: auto;
}

#footerright {
	margin: 0 auto;
	padding: 0 20px 0 0;
	float: right;
	width: 410px;
	height: auto;
	text-align: right;
}

/* ===== text classes ===== */

p {
	font-size: 12px;
}

.nav {
	font-size: 16px;
	word-spacing: 1.25em;
	font-weight: bold;
}

.smtext {
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	color: #cccccc;
}

.blocktext {
	font-size: 9pt;
	font-style: italic;
	line-height: 1.33em;
	color: #6c5445;
	padding: 0px 20px 0px 20px;
}

.reference {
	font-size: 9pt;
	text-align: left;
	color: #6c5445;
	padding: 0px 20px 10px 40px;
}

.caption {
	font-size: 9pt;
	font-style: italic;
	line-height: 1.33em;
	color: #6c5445;
	padding: 0px 30px 0px 30px;
}

.bold {
	font-weight: bold;
}

.spacing {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

li {
	font-size: 9pt;
	text-indent: 0px;
}

ul.outside {
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 15px;
}

.footer {
	font-size: 9pt;
	padding: 10px 0px 10px 0px;
	color: #f2ede4;
}

/* ===== object classes ===== */

.border {
	border: #99F;
	border-style: solid;
	border-width: thin;
	border-width: 1px;
	padding: 5px;
}

.portfloat {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* ===== hyperlinks ===== */

a:link {
	color: #453221;
	font-size: inherit;
	text-decoration: none;
	text-align: inherit;
}

a:visited  {
	color: #453221;
	font-size: inherit;
	text-decoration: none;
	text-align: inherit;
}

a:hover {
	color: #6c5445;
	font-size: inherit;
	text-decoration: none;
	text-align: inherit;
	filter: alpha(opacity=60);
	opacity: 0.6;
	width: 100%;
}

a.alt:link {
	color: #f2ede4;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.alt:visited  {
	color: #f2ede4;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.alt:hover {
	color: #333333;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.body:link {
	color: #6c5445;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.body:visited  {
	color: #6c5445;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}

a.body:hover {
	color: #333333;
	font-size: inherit;
	text-decoration: underline;
	text-align: inherit;
}