/* CSS Document */

body { color: #000; background-color: #fffaea; margin-right: 0; margin-left: 0; padding: 0 }
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#top { background: url("images/header.png") no-repeat; margin: 0 auto; position: relative; width: 968px; height: 128px }
#top ul { position: absolute; top: 74px; left: 635px; width: 309px; height: 29px }
#top ul li { margin: 0 1px 0 0; float: right }
#top ul li a{
	background:url(images/nav_bg.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#top ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	color:#4C4C4C;
	background-color:inherit;
}
#top ul li.hover{
	float:left;
	margin:0 1px 0 0;
	background:url(images/nav_hover.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#header  { background: url("images/top_green_bg.gif") repeat-x; margin: 10px auto 0; padding: 20px 17px 0; width: 920px; height: 55px; border-right: medium solid #ffffff; border-left: medium solid #ffffff }
#body{
	width:968px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
}
#body ul.nav { color: #000; background-color: #fff; margin: 0 0 24px; padding: 8px 0 6px 126px; width: 842px; height: 46px }
#body ul.nav li.navLink { display: block; padding: 0 1px 0 0; height: 46px; float: left }
#left  { margin-top: 30px; margin-bottom: 30px; padding: 5px 15px 0 22px; width: 466px; float: left }
#appsleft { margin-top: 30px; margin-bottom: 30px; padding: 5px 15px 0 22px; width: 866px; float: left }
#webleft { margin-top: 30px; margin-bottom: 30px; padding: 5px 15px 0 22px; width: 866px; float: left }
#left h2  { color: #497c00; font: bold 22px/22px Arial, Helvetica, sans-serif; background-color: #fff; display: block; margin: 0 0 12px }
#left h2 a  { color: #497c00; font: bold 22px/22px Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; display: block; margin: 0 0 12px }
#left h2 a:hover  { color: #497c00; font: bold 22px/22px Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #fff; display: block; margin: 0 0 12px }
#appsleft h2  { color: #f60; font: bold 24px/16px Arial, Helvetica, sans-serif; background-color: #fff; display: block; margin: 0 0 12px }
#webleft h2 { color: #497c00; font: bold 24px/16px Arial, Helvetica, sans-serif; background-color: #fff; display: block; margin: 0 0 12px }
#lftText{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
}

#lftText a { color: #ff660e; font: 12px/19px Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; margin: 0; padding: 0 }
#lftText a:hover { color: #f60; font: 12px/19px Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #fff; margin: 0; padding: 0 }
#lftText span{
	color:#9E3F01;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#leftBottom { width: 364px }
#leftBottom h2  { width: 364px; height: 42px }
#leftBottom p.lftBottomText  { color: #fff; font: bold 13px/19px Arial, Helvetica, sans-serif; background-color: #ff660e; margin: 0 13px 5px 18px; padding: 5px; border-color: #6c3 }
#leftBottom p.lftBottomText a { color: #fff414; text-decoration: none }
#leftBottom p.lftBottomText a:hover { color: #fff414; text-decoration: underline }
#mid  { color: #fff; background: #ff660e url("images/mid_panel_bg.gif") repeat-x; margin: 25px 17px 25px 37px; padding: 4px 25px 0; width: 352px; float: left; border: solid 1px #ff6600 }
#mid h2{
	font:bold 22px/38px Arial, Helvetica, sans-serif;
}
#mid h2 a  { color: #fff; font: bold 22px/38px Arial, Helvetica, sans-serif; text-decoration: none }
#mid h2 a:hover  { color: #fff; font: bold 22px/38px Arial, Helvetica, sans-serif; text-decoration: underline }
#mid img { margin: 0 0 14px; width: 355px; height: 150px }
#mid h3 { color: #fff414; font: bold 12px/19px Arial, Helvetica, sans-serif; background-color: #ff6600; text-transform: uppercase; margin: 0; padding: 0 }
#mid h3 a { color: #fff414; font: bold 12px/19px Arial, Helvetica, sans-serif; text-decoration: none; background-color: #ff6600; text-transform: uppercase; margin: 0; padding: 0 }
#mid h3 a:hover { color: #fff414; font: bold 12px/19px Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #ff6600; text-transform: uppercase; margin: 0; padding: 0 }
#mid p.midText{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
	margin:0 0 31px 0;
}
#mid p.midText a { color: #fff414; font: bold 12px/19px Arial, Helvetica, sans-serif; font-stretch: expanded; text-decoration: none; background-color: #ff6600; margin: 0 0 31px }
#mid p.midText a:hover { color: #fff414; font: bold 12px/19px Arial, Helvetica, sans-serif; font-stretch: expanded; text-decoration: underline; background-color: #ff6600; margin: 0 0 31px }
#mid p.midText2{
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
	margin:0 0 46px 0;
}
#footer  { background-image: url("images/top_green_bg.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0 auto; position: relative; width: 968px; height: 38px }

#footer p  { color: #fff; font: bold 13px/19px Arial, Helvetica, sans-serif; background-color: inherit; text-align: left; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; padding-top: 5px; float: left }
#header p { color: #fff; font: bold 13px/19px Arial, Helvetica, sans-serif; text-align: center }