* {margin: 0; padding: 0;}

body {
	background: #BABAAB;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 150%;
	margin: 0 auto;
	width: 95%;
}

/* Links */

a:link {color: #012776;}
a:visited {color: #330066;}
a:hover,
a:active,
a:focus {color: #9C1E2D;}

/* Header */

#header  {
	border-top: 4px solid #33353A;
	clear: both;
	overflow: hidden;
	padding-top: 5px;
	width: 100%;	
}

.headerLeft{float: left; width: 24%; text-align: center;}

.headerRight{float: right; width: 71%;}

.headerRight .content {margin-right: 15px; padding-top: 2px; text-align: right;}

.headerRight form {display: inline; margin: 0; padding: 0; }

.headerRight form input {border: 1px solid #666;}

.headerRight form .button { border: none;  margin-bottom: -4px;}

.skip {font-size: 90%; position: absolute; right: 280px; top: 13px;}

/* Top main navigation */

.mainNav {
	background: #B6E487 url('../images/nav_bkgd.gif') repeat-x top left;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.mainNav li {
	border-left: 1px solid #fff;
	display: inline;
	float: left;
	font-family: 'Trebuchet MS';
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 16.4%;
}

.mainNav li a {
	background: #B6E487 url('../images/nav_bkgd.gif') repeat-x top left;
	color: #000;
	display: block;
	text-decoration: none;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

.mainNav li a:hover, 
.mainNav li a:active, 
.mainNav li a:focus {
	background: #4D8514 url('./images/nav_bkgd_on.gif') repeat-x top left;
	color: #fff;
	text-decoration: none;
}

.mainNav li span {
	background: #4D8514 url('../images/nav_bkgd_on.gif') repeat-x top left;
	color: #fff;
	display: block;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

.breadcrumb{	
	background: url('../images/grey_bkgd.gif') repeat-x bottom left;
	border-top: 3px solid #4D8514;	
	clear: both;
	overflow: hidden;
	width: 100%;
	}

.breadcrumb .content{	
	padding: 5px 15px 10px 15px;
	}

.breadcrumb ol{display:inline; margin: 0;}

.breadcrumb ol li{display: inline;}

.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus{
	background:url('../images/arrow_blue1.gif') no-repeat 100% 100%;
	padding:0 13px 0 3px;
}

/* Page Layout */

#wrapper1 {
	background: #ACAC9C; 
	color: #000; 
	padding: 0 13px; 
	border-right: 1px solid #A2A091; 
	border-left: 1px solid #A2A091;
}

#wrapper2 {background: #fff; color: #000; }

/* Page Content */

.mainContent {clear: both; margin: 5px auto 10px auto; min-height: 422px; overflow: hidden; width: 96%; }

p {margin: 0; padding: 10px 0;}

ul,
ol
{margin-left: 30px; padding: 10px 0;}

li {margin-bottom: 5px;}

ul ul,
ol ol,
ul ol,
ol ul
{padding: 10px 0;}

.boxContainer1 ul,
.boxContainer2 ul,
.boxContainer3 ul
{margin-left: 17px;}

.boxContainer1 {border: 2px outset #ccc; clear: both; margin: 15px auto; overflow: hidden; padding: 10px 0; width:99.5%;}

.boxContainer1 .blockMain {display: inline; float: left; width: 75%; }

.boxContainer1 .block4 {display: inline; float: left; width: 25%; }

#w1  {
	border-right: 1px solid #ddd;
	overflow: hidden;
	width: 99.8%;
}

#w2 {margin: 0 33.3% 0 33.5%;}

#w3 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	float: right;
	width: 99.7%;
}

#w4 {
	float: left;
	width: 100%;
}

.block1, .block3, #w3, #w4 {
	overflow: visible;
	position: relative;
}

.block1 {	
	float: left;
	margin: 0 0 0 -100%; 
	padding: 0; 
	width: 100%;
}

.block3 {	
	float: right;
	margin: 0 -100% 0 0; 
	padding: 0; 
	width: 100%;
}

.boxContainer1 .content2 {padding: 0 5px 0 15px; }

.boxContainer1 h2 {margin: 0 0 10px 0;  padding: 0; }

.boxContainer1 img {float:left; margin-right: 10px;}

.boxContainer1 ul li img {float:none; margin-right: 0;}

.boxContainer1 span {display: block; }

.boxContainer1 .block4 h2.last {margin: 0 0 36px 0;  padding: 0; }

.boxContainer1 .block1 span span {color: #010E85; display: inline; font-size: 150%; line-height: 140%;}

.boxContainer1 .block2 span span.a {color: #5D8122; display: inline; font-size: 150%; line-height: 140%;}

.boxContainer1 .block2 span span.b {color: #81225D; display: inline; font-size: 150%; line-height: 140%;}

.boxContainer1 .block3 span span {color: #740383; display: inline; font-size: 150%; line-height: 140%;}

.boxContainer1 .block4 span span {color: #0B4E8E; display: inline; font-size: 150%; line-height: 140%;}

.boxContainer2 {clear: both; margin: 0 auto; overflow: hidden; width:100%; }

.block-a {display: inline; float: left; width: 73%;}

.boxContainer2 .greyBox {
	background: #F7F7F7; 
	border: 1px solid #ccc; 
	margin-bottom: 20px; 
	overflow: hidden; 
	padding: 10px 0; 
	width: 99.8%; 
}

.boxContainer2 .greyBox .content {margin: 0 auto; width: 95%;}

.boxContainer2 .greyBox p {display: inline; float: left; padding: 0;}

.boxContainer2 .greyBox .para1 {width: 42%; }

.boxContainer2 .greyBox .para2 {border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-left: 10px; width: 31%; }

.boxContainer2 .greyBox .para3 { padding-left: 10px; width: 23%;}

.boxContainer2 .greyBox img {margin-bottom: -5px;}

.boxContainer2 .block-a1 {float: left; margin: 0 10px 0 15px; width: 67%; }

.boxContainer2 .block-a2 {border: 1px solid #ccc;  float: left; margin-top: 20px;  width: 27%; }

.boxContainer2 .block-a2 .greenBox {background: #B6E487; overflow: hidden; width: 100%; }

.boxContainer2 .block-a2 .greenBox img {float:left; margin-right: 5px;}

.boxContainer2 .block-a2 .greenBox a {color: #000;  display: block; padding: 0 5px; text-decoration: none;}

.boxContainer2 .block-a2 .greenBox a:hover,
.boxContainer2 .block-a2 .greenBox a:active,
.boxContainer2 .block-a2 .greenBox a:focus {text-decoration: underline;}

.boxContainer2 .block-a2 .greenBox span {display: block; padding-top: 5px; }

.boxContainer2 .block-a1 h2 {border-bottom: 1px solid #D5D5D5; color: #054B69; margin: 0; padding: 0 0 2px 2px; }

.boxContainer2 .block-a1 ul {padding-bottom: 0;}

.block-b {border: 1px solid #ccc; display: inline;  float: right; text-align: center; width: 25%;  }

.block-b .blackBlock {background: #1f1f1f; color: #fff; overflow: hidden; padding: 5px 0; width: 100%; }

.block-b .blackBlock a {color: #fff; text-decoration: none;}

.block-b li {list-style-image: url('../images/transparent.gif'); margin-bottom: 15px;}

p{margin: 0; padding: 10px 0;}

.boxContainer3 {border: 2px outset #ccc; clear: both; margin: 15px auto; overflow: hidden;  padding: 5px 0; width:99.5%;}

.boxContainer3 .content {float: left; width: 33%;} 

.boxContainer3 .content-border {border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; width: 33%; }  

.boxContainer3 p {padding: 0; text-align: center; }

/* Heading Level */

h1 {
	background: url('../images/head1_arrow.gif') no-repeat 0 4px;
	color: #054B69;
	float: left;
	font-size: 150%;
	line-height: 140%;
	width: 75%;
}

h1 span {padding-left: 20px; display: block;}

h2  {
	font-family: 'Verdana';
	font-size: 120%;
	font-weight: bold;
}

.boxContainer1 h2,
.boxContainer2 h2  {
	font-family: 'Trebuchet MS';
	font-size: 120%;
}

h3 {background: #EAEAEA;  font-size: 110%; padding: 3px 10px;}

h4 {font-size: 100%;}

h5 { font-size: 90%;}

h6 {font-size: 80%;}

h2, h3, h4, h5, h6 {margin: 10px 0;}

.topContainer {clear: both; margin: 5px auto 10px auto; overflow: hidden; width: 100%; }

.topContainer .greyBox {border: 1px solid #ccc;  float: right;  overflow: hidden; width: 22.5%;}

.topContainer .greyBox p {margin: 0 auto; overflow: hidden; padding: 3px 0; width: 90%;  }

.topContainer .greyBox .label {float: left;}

.topContainer .greyBox .logo {color: #fff; float: left; margin: 0 0 0 5px; }

/* Form */

form.general {clear: both; margin: 10px auto; width: 95%; }

form.general .labels {float: left; margin-right:20px; width: 170px;}

form.general div {clear: both; margin-bottom: 10px;  overflow: hidden; width: 100%; }

form.general fieldset {
	background: #fff; 
	border-color: #7F9DB9 #075776 #075776 #7F9DB9;
	border-style: solid;
	border-width: 1px 2px 2px 1px; 
	padding: 0 20px; 
	width: 60%;
}

form.general fieldset .labels { float: left; margin-right:20px; width: 150px;}

form.general .controls {clear: none; display: inline; float: left; margin: 0; overflow: auto; width: auto; }

form.general .controls ul {margin-left: 20px; padding: 0;}

form.general .controls p{padding: 2px 0;}

form.general .controls input {margin-bottom: -1px;}

form.general fieldset legend {background: #77C8E8; color: #000; font-weight: bold; margin-left: -10px; padding: 2px 6px;}

form.general .inlabels{display:none;}

form.general .button2 {margin-top: 10px;  text-align: center;  width: 60%;}

form.general p {margin: 0 0 5px 0; }

form.general .form-infor {color: #990000; padding: 20px 0;}

/* Table */

table{clear:both; border-collapse: collapse; margin: 10px auto; width:80%; }

table caption{font-weight:bold; margin: 0 auto; padding: 10px 5px 5px 5px; width:80%;}

table th{
	background: #E5E5E5;
	border-color: #CACACA #CACACA #B8B8B8 #CACACA;
	border-style: solid;
	border-width: 1px 1px 3px 1px;
	padding: 3px 5px;
	vertical-align: middle;
}

table tr td{background:#F9F9F9; border:1px solid #CACACA; padding:5px 10px; vertical-align:top;}

/* Scrolling Images */

.container1 { clear: both; margin: 0 auto; overflow: hidden; position: relative; top: 13px; width: 99.7%; z-index: 15;}

.container1 #userAction {background: #fff; margin-right: 16px; float: right; }

#container{ border: 1px solid #76C8E8; margin: 0 auto; overflow: scroll; width: 99.7%;  white-space: nowrap; }

#container ul{margin: 0; padding: 15px 0 0 0;}

#container ul li{display: inline; margin-left: 40px; }	

/* Misc */

.right {text-align: right;}

.center {text-align: center;}

img {border: 0;}

.clr {clear: both;}

.info {background: #76C8E8;  width: 100%;}

.info p {padding: 2px 10px;}

.info a { color: #000; font-weight: bold;}

.fltRight{float: right; margin-bottom: 2px; margin-left: 10px;}

.fltLeft{float: left; margin-bottom: 2px; margin-right:10px;}

.imgAlign {margin-bottom: -3px;}

.twoColumn1 {border-right: 1px dotted #ccc; float: left; margin-left: 20px;  padding-right: 20px; width: 40%; }

.twoColumn2 {float: left; padding-left: 20px; width: 40%; }

.twoColumn1 h2,
.twoColumn2 h2 {background: #f7f7f7; border-bottom: 1px dotted #999; padding: 5px 10px;}

.twoColumn1 ul,
.twoColumn2 ul{margin-left: 0;}

.twoColumn1 ul li,
.twoColumn2 ul li {clear: both; font-size: 120%; list-style-image: url('../images/transparent.gif'); overflow: hidden; width: 100%;}

.twoColumn1 ul li a img,
.twoColumn2 ul li a img {border: 1px solid #ccc; padding: 3px;}

.twoColumn1 ul li a:hover img,
.twoColumn1 ul li a:focus img,
.twoColumn2 ul li a:hover img,
.twoColumn2 ul li a:focus img {border: 1px solid #9C1E2D;}

.twoColumn1 ul li a span img,
.twoColumn2 ul li a span img,
.twoColumn1 ul li a:hover span img,
.twoColumn1 ul li a:focus span img,
.twoColumn2 ul li a:hover span img,
.twoColumn2 ul li a:focus span img
{border: 0; padding: 0; }

.twoColumn1 ul li span,
.twoColumn2 ul li span {display: block; margin-top: 15px;}

.hidethis {
 	left:0px;
 	height:1px;
 	overflow:hidden;
	position:absolute;
	width:1px;
}

/* Footer Area */

#footer {
	clear: both;
	overflow: hidden; 
	padding-bottom: 10px;
	text-align: center; 
	width: 100%; 
}

#footer .footerLinks {background: #33353A; color: #fff; margin-bottom: 10px;  padding: 5px 10px; }

#footer ul {margin: 0; padding: 0;}

#footer .footerLinks ul li {
	display: inline;
	white-space: nowrap;
}
	
#footer .footerLinks ul li a {	
	border-right: 1px solid #fff;
	padding: 0 0.7em 0 0.3em;
	}

#footer .footerLinks ul li span{
	border-right: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 0 0.7em 0 0.3em;
	}

#footer .footerLinks ul li .last {
	border-right-width: 0;
	}
	
#footer p {display: inline;}
	
#footer .copyright {color: #333; font-size: 90%;}

#footer .footerLinks a,
#footer .footerLinks a:visited,
#footer .footerLinks a:hover,
#footer .footerLinks a:active,
#footer .footerLinks a:focus {
	color: #fff;
}