body {background: #fff; font-family: tahoma, arial, verdana, sans-serif; font-size: 10pt;}

#wrap {margin: auto; width: 960px;}

/* Header Styles */
#header { width: 100%; float: left;}
#logo { background:url(images/site/logo.jpg) center no-repeat; height: 125px;}


/* Main Navigation Styles */
#header #main-nav {
	width: 100%;
	text-align: center;
	margin: auto;
	float: left;
}

#header #main-nav ul {
	list-style: none;
	padding: 0px;
	margin: auto;
	text-align: center;
	width: 809px;
}

#header #main-nav ul li {
	float: left;
	width: 134px;
}

#header #main-nav ul li.on {
	height: 35px;
	width: 137px;
	background: url(images/site/nav-active.jpg) no-repeat bottom left;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#header #main-nav ul li.on a {
	background: none;
	color: #fff;
}
#header #main-nav ul li.on a:hover { background: none;}

#header #main-nav ul li a {
	display: block;
	background: url(images/site/nav-normal.jpg) bottom left no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	margin: 0 1px 0 0;
	padding: 5px 0px 5px 0px;
	margin-top: 7px;
	height: 18px;
	color: #524d4d;
}

#header #main-nav ul li a:hover {
	background: url(images/site/nav-highlight.jpg) bottom left no-repeat;
	text-decoration: none;
}

#header #main-nav #subnav { background: url(images/site/sub-nav.gif) repeat-x; float: left; width: 100%;}
#header #main-nav #subnav p { float: right; background:url(images/site/sub-nav-right.gif) top right; margin:0; padding:0;}
#header #main-nav #subnav h1 { 
	font-size: 10px; 
	color: #79b538; 
	margin: 0;
	padding: 8px 0 8px 10px; 
	font-weight: bold; 
	text-align: left;
	background:url(images/site/sub-nav-left.gif) no-repeat top left;
}

#header #homepage-strip-banner { float: left;}


/* Body Content Styles */
#body-content { float: left; margin: 0;}

#register { margin: auto; width: 336px;}
#register #head { background: url(images/site/register-head.gif) no-repeat top left; float: left; width: 100%; height: 25px; margin: 10px 0 0 0; padding: 5px 0 0 10px;}
#register #head p { color: #616161; font-size: 13px; font-weight: bold; text-align: left; margin:0;}
#register #body { background:url(images/site/register-body.gif) repeat-y top left; float: left; text-align: center; padding: 10px 0 0 0;}
#register #body p { margin:0; font-weight: bold;}
#register #body .input { border: 1px solid #ccc; color: #31550b; padding: 0 0 0 5px;}
#register #footer { background:url(images/site/register-foot.gif) no-repeat bottom right; height: 22px; margin: 0 0 20px 0;}


/* Left Rail Styles */
#left-rail { width: 173px; float: left; margin: 0 10px 0 0;}
#left-rail .panel { font-weight: bold; float: left; margin:10px 0 0 0;}

#left-rail .panel-head { 
	background:url(images/site/left-panel-head.gif) no-repeat top left; 
	display: block;
	margin: 0;
	padding: 7px 0 6px 10px;
	display: table;
	width: 163px;
}

#left-rail .panel .panel-head h3 {
	float: left; margin: 0; 
	font-size:12px; 
	color: #5b5b5b;
}

#left-rail .panel-body { background:url(images/site/left-behind.gif) repeat-y;}
#left-rail .panel-foot { height: 13px; background: url(images/site/panel-foot.gif) no-repeat; width: 173px;} 

#left-rail .panel-body p { 
	display: block; 
	width: 161px; 
	background: #f3fb9d; 
	color:#8a9a02; 
	text-align: left; 
	margin: 0 0 5px 1px;
	padding: 3px 0 3px 10px;
	font-size: 10px;
}

#left-rail .panel-body ul { margin:0; padding: 0 5px 0 10px; list-style: none;}
#left-rail .panel-body ul li { font-size: 11px; width: 153px; background: url(images/site/arrow-left.gif) no-repeat left center; padding: 10px 0 10px 0; }
#left-rail .panel-body ul li a { margin:0 0 0 10px; text-decoration: underline; color: #183606;}
#left-rail .panel-body ul li a:hover { text-decoration:none;}

/* Main Content Styles */
#main-content { width: 777px; float: right; margin: 10px 0 0 0;}
#main-content .panel { margin:0 0 10px 0;clear: both; float: right; width: 100%; }
#main-content .panel .panel-body { background:url(images/site/packshots.gif) center right; float: left; width: 777px;}
#main-content .panel .panel-body p { font-size: 11px; font-weight: normal; color: #5b5959; line-height: 21px; margin: 10px 10px 10px 15px; text-align:left; width: 530px;}

#main-content .panel .panel-body a {text-decoration: underline; color: #183606; font-weight: bold; margin: 0;}

#main-content .panel .panel-body-2 { background:url(images/site/main-panel.gif) repeat-y top; float: left; width: 777px;}
#main-content .panel .panel-body-2 p { font-size: 11px; font-weight: normal; color: #5b5959; line-height: 21px; margin: 10px 15px 10px 15px; text-align:center;}

#main-content .panel .panel-body-2 a {text-decoration: underline; color: #183606; font-weight: bold; margin: 0;}
#main-content .panel .panel-foot { height: 13px; background: url(images/site/footer-large.gif) no-repeat; float: left; width: 777px;} 

#main-content .panel .panel-head { background:url(images/site/large-title.gif) no-repeat top left; margin:0; float: left; width: 100%;}
#main-content .panel .panel-head h2 { font-size: 13px; color: #fff; margin: 0; padding: 7px 0 5px 15px;}



/* Contact Styles */

.formrow { width: 336px; float: left; margin: 0 0 10px 0;}




/* Footer Styles */
#footer { width: 100%; background: url(images/site/footer-bck.gif) repeat-x top left; float: left; margin: 10px 0 0 0;}
#footer p { text-align: right; color: #fff; font-weight: normal; font-size: 11px; margin: 7px 10px 7px 0; }
