/* CSS for MWE */


/*****---------------------   RESET  ------------------------------------------*****/  

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, * { margin: 0; padding: 0; }


/*****---------------------  IE6 HACKS  ------------------------------------------*****/  

* html div#content {margin-top:-3px;}
* html div#navigation {margin-top:-3px;}


/*****---------------------  BASIC ELEMENTS  ------------------------------------------*****/  


body {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#10343b;
	background:url(images/bg.png) top repeat-x #1188c5;
}

* {
	margin:0;
	padding:0;
}



#wrapper {
	margin:0 auto;
	background:#f7f7f7;
	padding:0;
	width: 850px;
}


#header { 	background:#f7f7f7; height:105px; }

img { border: none;}

a { outline: none;}

/* ------------- IMAGE STYLES AND WRAPS ---------------*/

.wrappiccyright{
float: right;
margin-left: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

.wrappiccyleft{
float: left;
margin-right: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

.wrappiccyright-noborder{
float: right;
margin-left: 10px;
}

.wrappiccyleft-noborder{
float: left;
margin-right: 10px;
}

.gallery{
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

/* ------------- NAVIGATION ---------------*/

#navigation {
	background:url(images/menu-bg.jpg) top repeat-x #04456b;
	color:#FFFFFF;
	float:left;
	width:160px;
	padding:0 10px 10px 10px;
	font-size:100%;
	margin: 16px 0 0px 0;
}

#navigation h2 {font-size:120%; line-height: 10px; margin: 15px 0 5px 0; text-transform: uppercase;}

#navigation ul { border-top: 1px solid #249acc; margin: 0 0 0 5px; }

#navigation ul li {font-size: 110%; list-style-type: none; line-height: 16px; margin: 8px 0 0 0 }


#navigation ul li a:link { color: #FFFFFF; text-decoration: none;}
#navigation ul li a:visited { color: #ffffff; text-decoration: none;}
#navigation ul li a:hover { color: #40b9ff; text-decoration: underline;}
#navigation ul li a:active { color: #FFFFFF;  text-decoration: none;}


/* ------------- RIGHT PANEL ---------------*/

#sidebar_right_home {	
	width:329px;
	padding:0;
	float:right;
	background:#ffffff;
	margin:0;
}


#sidebar_right {	
	background-color:#f7f7f7;
	width:260px;
	padding:0px 10px 10px 10px;
	float:right;
	margin:0 0 10px 10px;
	color:#9c9c9c;
}

#sidebar_right img {padding: 10px; margin: 10px 0; background-color:#FFFFFF; border: solid 1px #cccccc;}


/* ------------- PAGE CONTENT ---------------*/

.with_sidebar {
	margin:0 0 0 185px;
}

#content {
	padding:0 8px 0 0;
	font-size:120%;
	margin: 16px 0 0 0;
}

#content h1 {
color: #05527d;
font-family: “Lucida Grande”, sans-serif;
font-size: 180%;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
.smaller {
color: #05527d;
font-family: “Lucida Grande”, sans-serif;
font-size: 80%;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
}


#content h2 {
color: #05527d;
font-family: “Lucida Grande”, sans-serif;
font-size: 150%;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

#content h3 {
color: #05527d;
font-family: “Lucida Grande”, sans-serif;
font-size: 130%;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
border-bottom: 1px solid white;
margin: 15px 0 10px 0;
}

#content h1,h2,h3,h4,ol,blockquote {
	margin: 0;
	line-height:25px;
}

#content ul {margin: 0 0 0 20px; line-height: 25px;}

#content a:link {color:#10343b; text-decoration: none;}
#content a:visited {color:#10343b; text-decoration: none;}
#content a:hover {color:#2394aa; text-decoration: none;}
#content a:active {color:#10343b; text-decoration: none;}


#content p {line-height: 20px; margin-bottom: 10px;}

#main-image {float:right; margin-bottom: -4px;}

#text-box-narrow { float:right; width: 308px; background-color:#e9e8e8; margin:0 3px 0 0; padding: 5px;}

#grey-box { float:left; width: 630px; background-color:#e9e8e8; margin:0 0 0 12px; padding:10px;}

#grey-box h1, #grey-box h2 { color: margin: 0 0 10px 0; text-transform:none}

.large-text { font-size:180%; color:#05527d; line-height: 25px;	text-transform: uppercase; }

#logos {background-color:#ffffff; padding: 15px 0; margin: 15 0 0 0; clear:both; }
#logos img {padding:5px; }

#news td, th {padding: 10px; border: 1px solid #ffffff;}

#news {border: 5px solid #ffffff;}

/* ------------- BOTTOM-PANEL ---------------*/

#bottom-panel { background-color:#e9e8e8; color:#152b48; float:right; margin:10px 0 0 10px; padding: 5px; width: 640px;}
#bottom-panel img { float: left; margin: 10px; }

#bottom-panel em {font-size: 160%; letter-spacing: -1px} 

/* ------------- FOOTER ---------------*/

#footer {
	background-image:url(images/footer-bg.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	background-color:#8f1326;
	clear:both;
	padding: 10px;
	text-align:center;
	width:830px;
}

#footer a:link {color: #FFFFFF; text-decoration: none;}
#footer a:active {color: #FFFFFF; text-decoration: none;}
#footer a:hover {color: #FFFFFF; text-decoration:underline;}
#footer a:visited {color: #FFFFFF; text-decoration: none;}

/* ------------- CONTACT FORM ---------------*/


#contact{margin:0 0 0 0; float:left}

#contact_form{ background-color:#d9d8d8; width:400px;  padding:15px; margin-left:0px}

#contact_form .form-label{width:280px}

#contact_form label{font-size:90%; color:#696969}

#contact_form .text_field{height:20px; padding:3px 10px 0px 10px; width:240px; border:0; font-size:100%; background:url(images/text_field_bg.gif) top left no-repeat; color:#5d5d5d}

#contact_form .text_area{height:50px; padding:8px 10px 0 10px; width:250px; border:0; font-size:120%; background: url(images/text_area_bg.gif) top left no-repeat; color:#5d5d5d; overflow:none; background-color:#FFF}

.form form{padding:10px 0 0 0}

.form-item{ clear:both; padding:0; margin-bottom:3px}

.form-item .form-label label{font-size:100%; color:#696969; line-height:20px; cursor:pointer}

.form-item .formError{color:#e32929; font-size:95%}

span.required{color:#F00}


/* ------------- PRINT CSS ---------------*/


@media print{

#wrapper	{background-color:#ffffff; border:none; padding:0; margin:0; }
#header {display: none;}
#navigation	{display:none}
#sidebar_right 	{display:none}
#footer		{display:none}
}