/*************

General Setup 

**************/

body {
	margin: 0;
	padding: 0;
	font: 80%/1.8 Arial, Tahoma, sans-serif;
	background: #121724 url(/images/page-bg.jpg) repeat-x top left;
}

h1 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1.8em;
	margin: 0 0 15px 0;
	color: #00518a;
	font-weight: normal;
}

h2 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1.8em;
	margin: 0 0 15px 0;
	color: #00518a;
	font-weight: normal;
}

h3 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1.4em;
	margin: 0 0 15px 0;
	color: #c6583b;
	line-height: 1.2em;
}

h4 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00518a;
}

h5  {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	color: #c6583b;
}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

ul{
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 10px 0px;
       list-style-type: disc;
}

.clear {
	clear: both;
}

#wrapper {
	width: 923px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0 20px 0 20px;
}

a{
       color: #00518a;
       text-decoration: none;
}

a:hover{
       color: #c6583b;
       text-decoration: none;
}


/*************

Branding

**************/

#branding {
position:relative; 
}

#newsletter-signup {
	background: transparent url(/images/newsletter-bg.png) repeat-x top left;
	height: 52px;
}

#newsletter-signup p {
	color: #fff;
	width: 270px;
	float: right;
	margin-top: 0px;
}

#newsletter-signup .newsletter-email {
	border: 0;
	height: 15px;
	float: left;
	width: 200px;
}

#newsletter-signup .newsletter-submit {
	width: 60px;
	background-color: transparent;
	border: 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}

#branding-info {
	width: 410px;
	float: right;
}

#logo {
	width:475px;
	float: left;
}

#telephone-numbers {
	text-align: right;
	margin-top: 22px;
}

#telephone-numbers p {
	color: #66666;
	font-size: 1.3em;
	margin: 0 0 10px 0;
	line-height: 1.1em;
}

#telephone-numbers p span.telephone-number {
	color: #00518a;
	font-weight: bold;
	font-size: 1.3em;
	margin-left: 10px;
}

#strapline {
	text-align: right;
}

#strapline h1 {
	padding-top: 5px;
}


/*************

Content Area

**************/

#content {
	clear: both;
	background: #fff url(/images/navigation-bg.png) no-repeat top left;
}

#content-clear {
	clear: both;
	height: 20px;
}

#sidebar {
	width: 163px;
	float: left;
	background: #fff url(/images/navigation-bg.png) repeat-x top left;
}

#main-content {
	width: 740px;
	float: left;
	margin-left: 20px;
	margin-bottom: -40px;
}

#main-content h1 {
	margin-bottom: 0px;
}

#main-content-clear {
	clear: both;
	height: 1px;
}

#main-content li {
	font-size: 0.85em;
	margin: 0 0 5px 0;
}

#sidebar-addresses {
	clear: both;
	padding-top: 40px;
	text-align: center;
}

#sidebar-addresses p {
	color: #00518a;
	font-weight: bold;
	line-height: 1.1em;
	font-size: 1.0em;
}

#main-content table tbody tr td p, #main-content table tbody tr td h1, #main-content table tbody tr td h2, #main-content table tbody tr td h3 {
	margin-right: 20px;
}

/*************

Navigation

**************/

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
                font-size: 1em;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 9.5em;
	margin-top : -2.0em;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	width: 151px;
	display : block;
	color : #c1be00;
	font-weight : bold;
	text-decoration : none;
	padding-left: 10px;
	margin-bottom: 10px;
}

#nav li a:hover {
	color : #00518a;
}

#nav li ul {
	background: transparent url(/images/rollover-bg.png) repeat top left;
        width: 110px;
}

#nav li ul li a {
	color: #fff;
       margin: 5px 5px 5px 0px;
       
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li#current a {
	color: #c6583b;
}

#nav li#current a:hover {
	color: #00518a;
}

#nav li#current ul li a {
	color: #fff;
}

#nav li#current ul li a:hover {
	color : #00518a;
}


/*************

Call to action boxes

**************/

.cta-blue {
	width: 232px;
	height: 146px;
	background: transparent url(/images/blue-cta.gif) no-repeat top left;
	padding: 10px;
	color: #fff;
	font-size: 1.9em;
}

.cta-green {
	width: 232px;
	height: 146px;
	background: transparent url(/images/green-cta.gif) no-repeat top left;
	padding: 10px;
	color: #fff;
	font-size: 2.1em;
	line-height: 1.1em;
}

.cta-orange {
	width: 232px;
	height: 146px;
	background: transparent url(/images/orange-cta.gif) no-repeat top left;
	padding: 10px;
	color: #fff;
	font-size: 2.1em;
	line-height: 1.1em;
}

.span-green {
	color: #c1be00;
}

.span-blue {
	color: #00518a;
}

.span-orange {
	color: #c6583b;
}

.cta-blue p, .cta-green p, .cta-orange p {
	line-height: 1.1em;
}

.cta-blue a, .cta-green a, .cta-orange a {
	font-size: 0.7em;
	color: #fff;
	text-decoration: none;
}

.cta-blue a:hover, .cta-green a:hover, .cta-orange a:hover {
	text-decoration: underline;
}

/*************

Footer

**************/

#footer {
	clear: both;
	width: 923px;
	margin: 0 auto;
	text-align: center;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	display: inline;
	color: #fff;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 0.85em;
	margin-right: 30px;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/************** FORMS ****************/

form dl
{
overflow: hidden;
height: 1%;
padding-left: 0px;
}

form dt
{
float: left;
clear:  both;
width: 25%;
clear: left;
padding-top:  0.3em;
text-align: left;
}

form dd
{
margin-bottom: 0.9em;
padding-left:  9.2em;
}

textarea
{
width: 400px;
height: 100px;
}



/************** FLEXIMAILER FORM ****************/


#fleximailer		{float:right; width:320px; height:20px; font-size:11px; text-align:left; color:#FFFFFF; margin:-1px 0 0 0; padding:0;}
#fleximailer a	{display:none;}
#fleximailer form	{clear:both; margin:0; padding:0;}

#fleximailer input	{width:220px;}
#flexiform-submit	{position:absolute; top:20px; right:-160px; width:58px; height:20px; text-indent: -3000em; font-size:1px; color:#004579; background: url(/images/submit-button.gif) top left no-repeat; border:0;}

#fleximailer .text	{margin-left:30px; text-indent:0;}