/* Import components as required
--------------------------------------- */
@import url(components/defaults.css);
@import url(layouts/3col-layout.css);

body {
	background: url(../images/bg.gif) repeat;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
	font: 100%/120% "Arial", Helvetica, sans-serif;
}

/*** header ***/

#header {
	height: 395px;
	width: 830px;
	background: url(../images/header_bg.jpg);
}

#header_left, #header_center, #header_right {
	height: 395px;
	float: left;
}

#header_left {
	width: 31px;
	background: url(../images/header_left.gif);
}
#header_center {
	width: 767px;
	background: url(../images/header_center.jpg) 0 0 no-repeat;
	position: relative;
}
#header_right {
	width: 31px;
	background: url(../images/header_right.gif);
}
#logo {
	position: absolute;
	left: -7px;
	top: 290px;
}

/*** layout ***/

div#outerwrapper {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 25px;
}
#innerwrapper0 {
	padding-left: 31px;
	text-align: left;
}
#innerwrapper {
	width: 767px;
	background: #E7E7C5 url(../images/side_bg.gif) repeat-y;
	background-position: 15px;
	text-align: left;
}
#innerwrapper p {
	margin-top: 0px;
}
#content {
	text-align: left;
	width: 550px;
	padding: 10px 0 20px 45px;
	float: left;
}

/*** navigation ***/

#mainnav {
	position: absolute;
	left: 590px;
	top: 48px;
	width: 210px;
	text-align: left;
	line-height: 1.65em;
	color: #fff;
	background: url(../images/nav_bg_repeat.gif) 0 20px repeat-y;
	font-weight: bold;
}
#mainnavinner {
	background: url(../images/nav_base.gif) bottom no-repeat;
	margin-bottom: -21px;
	position: relative;
}
ul#nav {
	margin: 0;
	padding: 8px 0 8px 7px;
	background: url(../images/nav_top.jpg) 0 0 no-repeat;
}
#nav li {
	padding-left: 32px;
	background: url(../images/nav_bullet.gif) 0 0 no-repeat;
	list-style-type: none;
}
#nav li#li_selected a { color: #FFE180; }
#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #fff;
}
#nav a:hover {
	color: #FFE180;
}

/*** text & image styles ***/

#right {
	float: right;
	width: 150px;
}
.imgRight {
	float: right;
	margin: 0 5px 20px 30px;
}
.imgLeft {
	float: left;
	margin: 0 15px 20px 0px;
}
.imgText {
	float: left;
	width: 350px;
}
span.purple {
	color: #9900FF;
}
h2, fieldset.login legend {
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
	color:#475F16;
	margin: 0 0 0.7em 0;
	clear: both;
}
h3 {
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color:#475F16;
	margin: 0 0 0.7em 0;
}
h3.underh2 { margin: -1em 0 0.7em 0; }
h4 {
	font: bold 0.9em Georgia, "Times New Roman", Times, serif;
	color:#9900FF;
	clear: both;
}
#content p {
	font: normal 0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	margin: 0 30px 2em 0;
}


/*** footer ***/

#footer {
	font-size: 0.7em;
	width: 752px;
	background: #E7E7C5;
	padding: 3px 0 3px 15px;
	text-align: left;
}
#footer a:link, #footer a:visited {
	color: #92923C;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
p.footerright {
	float: right;
	padding-right: 15px;
}
table td { font-size: 0.75em; }
ul { font-size: 0.75em; }
div#content ul li {
	background: url(../images/bullet.gif) 0 6px no-repeat;
	padding-left: 20px;
	list-style-type: none;
}

/*** Forms ***/

fieldset.login {
	font-size: 0.8em;
	line-height: 2.5em;
}
fieldset.login label { padding-left: 8px; }