/**
 * Base styles 
 */


html {
	height: 100%;
}
html,body {
	background-color: #fff;/*#E0E499*/
	margin: 0;
}
p {
	margin: 0.75em 0;
	line-height: 1.25em;
}
h1,h2,h3,h4,h5 {
	margin: 0;
}
h3.sitemap {
	margin: 0 0 -8px 0;
}
img {
	 border: 0;
}
form,fieldset {
	margin: 0;
	padding: 0;
}

body,input {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #002F5D;
}

a {
	color: #31576A;
}

ul.primarylist{

	font-size: 14px;
	font-weight: bold;
        line-height: 25px;	
}
ul.secondarylist{

	font-size: 12px;
	font-weight: bold;
        line-height: 15px;	
}

.clear { clear:both; height:0px; font-size:1px; border:none; background:transparent; overflow:hidden; }
.clear-left { height: 0; clear: left; }
.clear-right { height: 0; clear: right; }
.left { float: left; }
.right { float: right; }

.benchmark { padding: 5px 0 20px;text-align: center; font: normal 11px Arial,sans-serif; color: #002f5d;}
.error,.req { color: #f00; }

/** Layout styles **************************************/

#wrapper {
	position: relative;
	width: 737px;
	margin: 0 auto;
}

#header {
	position: relative;
	margin: 3px 0 0;
	padding: 0;
	height: 60px;
}

#header .logo {
	position: absolute;
	bottom: 0;
	left: 0;
}
#header .logo img {
	border: 0;
}


/** Navigation styles **************************************/

#navigation {
	position: relative;
	border-bottom: 3px solid #b2bc00;
	height: 22px;
	z-index: 33;
}
#navigation .primary {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation .primary li {
	float: left;
	margin: 0;
	padding: 0;
}
#navigation .primary li a {
	display: block;
	height: 22px;
	background: url('../images/shared/primary_nav.gif') no-repeat 0 0;
}
#navigation .primary li a span {
	display: none;
}

#navigation .primary li a.nav1 { width: 36px;  background-position: 0 0; }
#navigation .primary li a.nav2 { width: 58px; background-position: -36px 0 !important; }
#navigation .primary li a.nav3 { width: 50px;  background-position: -94px 0 !important; }
#navigation .primary li a.nav4 { width: 40px;  background-position: -144px 0 !important; }
#navigation .primary li a.nav5 { width: 101px;  background-position: -184px 0 !important; }
#navigation .primary li a.nav6 { width: 75px;  background-position: -285px 0 !important; }
#navigation .primary li a.nav7 { width: 70px;  background-position: -355px 0 !important; }

#navigation .primary li a.nav1:hover { width: 36px;  background-position: 0 -22px !important; }
#navigation .primary li a.nav2:hover { width: 58px; background-position: -36px -22px !important; }
#navigation .primary li a.nav3:hover { width: 50px;  background-position: -94px -22px !important; }
#navigation .primary li a.nav4:hover { width: 40px;  background-position: -144px -22px !important; }
#navigation .primary li a.nav5:hover { width: 101px;  background-position: -184px -22px !important; }
#navigation .primary li a.nav6:hover { width: 75px;  background-position: -285px -22px !important; }
#navigation .primary li a.nav7:hover { width: 70px;  background-position: -355px -22px !important; }


#navigation .secondary {
	position: absolute;
	z-index: 44;
	min-width: 140px;
	max-width: 200px;
	width: 140px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #eee;
	border: 1px solid #aaa;
}
#navigation .secondary li {
	position: relative;
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
}
#navigation .secondary li a {
	position: relative;
	background: none;
	display: block;
	height: auto;
	color: #002f5d;
	text-decoration: none;
	padding: 5px 5px 5px 6px;
	font-weight: bold;	
	
}
#navigation .secondary li:hover {
}
#navigation .secondary li a:hover {
	color: #777;
}

#navigation .trinary {
	position: absolute;
	left: 140px;
	top: -1px;
	width: 130px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #eee;
	border: 1px solid #aaa;

}
#navigation .trinary li a {
}
#navigation .trinary li a:hover {
	color: #777;
}


/** Content styles **************************************/

#content-wrapper {
	position: relative;
	background: #eee; /*#eceec1*/;
	border: 2px solid #004577;/*#002f5d;*/
	border-width: 0 1px 1px;
	border-top: 15px solid #003868;
	margin: 0 0 1em 0;
}

/*#masthead {
	position: relative;
	width: 735px;
	height: 152px;
	background: url('../images/shared/masthead_bg.jpg') no-repeat 0 0;
}*/

#content {
	position: relative;
	display: block;
	margin: 0;
	padding: 0.75em;
	min-height: 200px;
	height: 100% !important;
	height: 200px;
}

#content h2 {
	font: bold 16px Arial,sans-serif;
}

#side-content {
	position: relative;
	width: 180px;
	top: 0;
	background: #e1e1e1;
}
#side-content p {
	margin: 0.75em;
}

#content .news-area {
	margin-right: 125px;
}
#content .news-area .more {
	color: #777;
}

/** Footer styles **************************************/
#footer {
	font-size: 10px;
	color: #003868;
}
#footer a {
	color: #003868;
}
#footer .footer-left {
	float: left;
	width: 50%;
	text-align: left;
}
#footer .footer-right {
	float: right;
	text-align: right;
}



/** Email-signup styles **************************************/

#email-signup {
	position: absolute;
	width: 220px;
	top: 15px;
	right: 0;
}
#email-signup fieldset {
	border: 0;
	padding: 0;
}
#email-signup fieldset legend {
	font: bold 11px Arial,sans-serif;
	text-transform: uppercase;
	color: #002f5d;
	margin: 0 0 5px;
	padding: 0;
	display: none;
}
#email-signup label span {
	display: none;
}
#email-signup input {
	background: #F4F6DB;
	border: 1px solid #63665A;
	padding:1px;
	width: 156px;
	margin-bottom: 5px;
	vertical-align:middle;
}
#email-signup input.submit {
	border: 0;
	width: auto;
	background: transparent;
}


/** Form styles ***********************************************/
.form {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.form fieldset {
	border: 0;
}
.form fieldset legend {
	display: none;
}
.form fieldset ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.form fieldset ol li {
	margin: 10px 0;
	padding: 0;
}
.form label {
	position: relative;
	float: left;
	width: 190px;
	font: bold 11px Arial,sans-serif;
}
.form label small {
	font: normal 10px Arial,sans-serif;
	color: #a0a36d;
}
.form hr {
	color: #a0a36d;
	margin: 20px 0;
}
.form input,.form textarea, .form select, .form .radioset .sec-input input {
	background: #F4F6DB;
	border: 1px solid #63665A;
	padding:1px;
	vertical-align:middle;
	font: normal 11px Arial,sans-serif;
	color: #002f5d;
	width: 200px;
}

.form .radioset {
	clear: left;
	text-align: right;
	padding: 5px 39% 0 0px;

}
.form .radioset input {
	border: 0;
	width: auto;
	background: transparent;
}
.form .radioset .sec-input {
	margin: 5px 0 0;
}
.form input.submit {
	width: auto;
	background: transparent;
	color: #000;
	border: 0;
}
.form input.submit1 {
	width: 90px;
	background: #F4F6DB; 
	border: 1px solid #002f5d;
	width: 90px;
}
.form .buttons {
	margin-left: 190px;
	margin-top: -15px;
}



/** Events styles *********************************************/
#events-content {
	margin: 1em;
}
#events-content .back-to {
	float: right;
	text-decoration: none;
}
#events-content .back-to:hover {
	text-decoration: underline;
}




/*================================================*/

#content-topmenu {
	position: relative;
	border-bottom: 3px solid #b2bc00;
	background:  #003868;
	height: 22px;
	top:-8px;
	padding-left:1em;
	z-index: 23;
}
#content-topmenu .primary {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content-topmenu .primary li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	padding: 0 25px 0 0;
	display: block;
	height: 22px;
}
#content-topmenu .primary li a {
	background: #003868;
	color: #fff;
}

#content-topmenu .primary li a:hover {
	color: #b2bc00;
}

#content-topmenu .secondary {
	position: absolute;
	z-index: 44;
	min-width: 140px;
	max-width: 200px;
	width: 140px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #eee;
	border: 1px solid #aaa;
}
#content-topmenu .secondary li {
	position: relative;
	margin: 0;
	padding: 0;
	float: none;
	height: 20px;
}
#content-topmenu .secondary li a {
	position: relative;
	background: none;
	display: block;
	height: auto;
	color: #002f5d;
	text-decoration: none;
	padding: 5px 5px 5px 6px;
	font-weight: bold;	
	
}
#content-topmenu .secondary li:hover ,
#content-topmenu .secondary li a:hover {
	color: #777;
}