/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, TABLE, OL, P, TD, TH, UL {font-size: 1em;
font-family: verdana, arial, sans-serif; color:#383a3c;}


/* Real styles */

A {cursor: pointer;
color:#2b5aa9;}

A:link {color: #2b5aa9;
background: transparent;
text-decoration: underline}

A:visited {color: #2b5aa9;
background: transparent;
text-decoration: underline}

A:active {color: #25396e;
background: transparent;
text-decoration: underline}

A:hover {
color: #59acd4;
text-decoration: underline}

ADDRESS {margin: 0em 0% 0em 0%;
font: italic 1em/1 sans-serif}

BIG {font-size: 1em}

BLOCKQUOTE {margin: 0em 0% 0em 0%;
line-height: 1}

BODY {
	background: #e7e7e7;
	
	text-align:center;
	margin: 0em 0% 0em 0%;
	font: 0.8em/1 helvetica, arial, verdana, sans-serif;
	cursor: default;
}

BUTTON {cursor: auto}

CAPTION {margin: 0em 0% 0em 0%;
line-height: 1}

CODE {font-size: 1em;
font-family: monospace} /* To avoid overriding boldness/italicity by using font */

DIV {margin: 0em 0% 0em 0%;
line-height: 1}

DD {margin: 0em 0% 0em 0%;
line-height: 1}

DL {margin: 0em 0% 0em 0%}

DT {margin: 0em 0% 0em 0%;
line-height: 1}
	
FORM {margin: 0em 0% 0em 0%;

}

H2 {
	font-family: helvetica, arial, verdana;
	font-weight: 100;
	margin: 1em 0% 1.5em 0%;
	font-size: 1.7em;
	color: #25396e;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;

}
H1 {
	font-family: arial, helvetica, verdana;
	margin: 2em 0% 1.5em 0%;
	padding-bottom: 5px;
	font-size: 1.3em;
	font-weight: bold;
	color: #5aa9d5;
	border-bottom: 1px dotted #ccc;
}

H3 {
	font-family: arial, helvetica, verdana;
	margin: 1.5em 0% 1em 0%;
	padding-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #5aa9d5;
	border-bottom: 1px dotted #ccc;
}
H4 {
	margin: 0.5em 0% 0.5em 0%;
	padding-bottom: 7px;
	font-size: 1.2em;
	font-weight: bold;
	color: #e50084;
	border-bottom: 1px solid #ccc;
}
H5 {
	margin: 2em 0% 1.5em 0%;
	padding-bottom: 7px;
	font-size: 1.2em;
	font-weight: bold;
	color: #009836;
	border-bottom: 1px solid #ccc;
}


H6 {margin: 0em 0% 0em 0%;
font: 1em/1 serif}

HR {
	background: #e9e9e9;
	border: 0;
	color: #e9e9e9;
	height: 1px;
	margin: 1em 0 1em 0;
}

HTML {margin: 0;
}

INPUT, TEXTAREA, SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #009836;
	background:#f9f9f9;
	border: 1px #aeaeae solid;
	padding: 2px;
}

KBD {font: 1em monospace}

LI {margin: 0.5em 0% 0.5em 0%;
padding: 0;
line-height: 1.5em;}

OL {margin: 0em 0% 0em 5%;
list-style-type: decimal;
}

UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman}

OL OL OL OL {list-style: decimal}

P {
	margin: 0em 0% 1.4em 0%;
	line-height: 1.5em;
	color: #3b3b3b;
}

PRE {margin: 0em 0% 0em 0%;
font: 1em/1 monospace}

SAMP {font: 1em monospace}

SMALL {font-size: 1em}

SUB {font-size: 1em}

SUP {font-size: 1em}

TD {line-height: 1;
font-size: 1em;
padding: 3px;}

TEXTAREA {cursor: text}

TH {font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 3px;
color: #25396e;
font-size: 1em;}

TT {font: 1em monospace}

UL {margin: 0em 0% 2em 5%;
list-style-image: url("../images/bullet.gif");
list-style-type: circle}

UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL {list-style: circle}

OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL {list-style: square}

UL UL UL UL {list-style: disc}

.blue_med {
	font-size: 1.0em;
	font-weight:bold;
	color: #25396e;
	margin: 0em 0% 1.4em 0%;
	
}


#standard_list li {
color: #009836;
font-size: 1.2em;
line-height: 1.4em;
}



.redstar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}

#logo {
	padding: 52px 0px 0px 5px;
}








/* Start Main Layout */
#mainwrapper1 {
	z-index: 1;
  text-align: left;
  width: 100%
  margin-left: auto;
  margin-right: auto;
  background: #000 url("../NEW_images/header_background.gif") repeat-x top left;
}
#mainwrapper2 {
	z-index: 1;
  text-align: left;
  width: 100%
  margin-left: auto;
  margin-right: auto;
  background: #fff url("../NEW_images/content_background.gif") repeat-x top left;
}

#navigation {
	width: 100%;
}

#block_1 {
	float: left;
	width: 280px;
	margin-left: 620px;

}

* html #block_1 {
	display: inline;
}

#block_2 {
	float: left;
	width: 620px;
	margin-left: -900px; 

}
#block_3 p {
	color:#383a3c;
}

/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper
	{
	width: 900px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	padding-top: 20px;
	}
/* end easy clearing */
#footer_container {
		width: 100%;
		background: url("../NEW_images/footer_back.gif") repeat-x right top;
}
#footer
	{
	width: 860px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding: 30px 0px 30px 30px;
	clear: both;
	}

#wrapper, #footer {
	margin-left: auto;
  margin-right: auto;
}

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
.block1_padding {
	padding: 20px 30px 80px 30px;
}
.block2_padding {
	padding: 20px 20px 80px 50px;
}
.clear {
   clear: both;
}
/* END Main Layout */






#logo {
	padding: 57px 0px 0px 30px;
}











/* Start Vertical Navigatiuon */
#blueblock{
width: 200px;
padding: 0 0 0 0;
margin-bottom: 0;
background: #e8ebed url("../NEW_images/services_back.gif") repeat-x top left;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 180px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #bac4cc;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 8px 5px 12px;
color: #25396e;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background: url("../images/bullet_over.gif") no-repeat top left;
background-color: #fff;
color: #25396e;
}



#blueblock .sub {
margin: 0;
}

#blueblock .sub a{
background: url("../images/bullet_b.gif") no-repeat top left;
background-color: #eaeaea;
font-size: 0.9em;
display: block;
padding: 5px 0px 5px 20px;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #blueblock .sub a{ /*Non IE6 width*/
width: auto;
}

#blueblock .sub a:hover{
background: url("../images/bullet_b_over.gif") no-repeat top left;
background-color: #e50084;
color: #fff;
}
/* END Vertical Navigatiuon */















a.red_link {
display:block;
width:180px;
padding:0px;
border:none;
color: #f8bdbc;
text-decoration: none;
background: #e70502 url("../images/red_top.gif") left top no-repeat;
}
a.red_link:hover {
color: #fff;
background: #f33b38 url("../images/red_top_1.gif") left top no-repeat;
}

a.red_link .bigger {
	display: block;
	font-size: 1.3em;
	color:#fff;
}

a.red_link .arrow {
padding:75px 15px 40px 15px;
display:block;
background: url("../images/red_arrow.gif") left bottom no-repeat;
}
a.red_link:hover .arrow {
background: url("../images/red_arrow_1.gif") left bottom no-repeat;
padding-bottom:40px;
display:block;
}

a.green_link {
display:block;
width:180px;
padding:0px;
border:none;
color: #b2ebba;
text-decoration: none;
background: #00ac18 url("../images/green_top.gif") left top no-repeat;
}
a.green_link:hover {
color: #fff;
background: #35c549 url("../images/green_top_1.gif") left top no-repeat;
}

a.green_link .bigger {
	display: block;
	font-size: 1.3em;
	color:#fff;
}

a.green_link .arrow {
padding:75px 15px 40px 15px;
display:block;
background: url("../images/green_arrow.gif") left bottom no-repeat;
}
a.green_link:hover .arrow {
background: url("../images/green_arrow_1.gif") left bottom no-repeat;
padding-bottom:40px;
display:block;
}

a.blue_link {
display:block;
width:180px;
padding:0px;
border:none;
color: #b8d9f1;
text-decoration: none;
background: #0172c4 url("../images/blue_top.gif") left top no-repeat;
}
a.blue_link:hover {
color: #fff;
background: #3c92d1 url("../images/blue_top_1.gif") left top no-repeat;
}

a.blue_link .bigger {
	display: block;
	font-size: 1.3em;
	color:#fff;
}

a.blue_link .arrow {
padding:75px 15px 40px 15px;
display:block;
background: url("../images/blue_arrow.gif") left bottom no-repeat;
}
a.blue_link:hover .arrow {
background: url("../images/blue_arrow_1.gif") left bottom no-repeat;
padding-bottom:40px;
display:block;
}













/* rounded box */
.roundcont {
	width: 100%;
	background-color: #009836;
	color: #fff;
}

.roundcont p {
	font-size: 1.2em;
	font-weight: bold;
	/*margin: 10px 20px 10px 0px;*/
	color:#FFFFFF;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.roundtop { 
	background: url("../images/round_tr.gif") no-repeat top right; 
}

.roundbottom {
	background: url("../images/round_br.gif") no-repeat top right; 
}
/* End Rounded Box */





.date {
	line-height:1.7em;
}


#banner_top {
	font-size: 0em;
	width: 100%;
	height: 11px;
	background: url("../images/banner_top.gif") no-repeat top left;
}
#banner_content {
	width: 100%;
	background: #2f77bf url("../images/banner_back.gif") repeat-x top left;
}
#banner_bottom {
	width: 100%;
	height: 11px;
	background: url("../images/banner_bottom.gif") no-repeat top left;
}

img.corner {
   width: 11px;
   height: 11px;
   border: none;
   display: block !important;
}


.buttonfloat {
  float: left;
  width: 151px;
  padding: 1px;
  }
.formbutton {
	cursor:pointer;
	border: none;
}
.serv_links {
	font-family: helvetica, arial, verdana;
	font-weight: 100;
	margin: 1em 0% 1.5em 0%;
	font-size: 1.7em;
	color: #25396e;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	}