/*********************************/
/* CSS by Tom White - Peninsula Design     */
/* Modified: 14/06/06                              */
/* http://www.peninsuladesign.co.uk         */
/*                                                        */
/*********************************/

body {
	font-family: "Trebuchet MS", Arial, verdana, sans-serif;
	font-size: 90%;
	padding: 0;
	margin: 0;
	background: #0315AB;
	color: #555;
}
a {color: #8795e4; text-decoration: underline;}
a img {color: #fff; text-decoration: none; border: none;}
a:hover { color: #FF022E; margin: 0; text-decoration: none; }

p{
	text-align: justify; 
	margin: 0 0 1.2em 0; 
	line-height: 160%;
}

h1 {
	color: #8795e4;
	font-size: 240%;
	font-weight: bold;
	background: url(images/h1_bg.gif) no-repeat 0px 7px;
	padding: 0 0 0 1em;
	margin: 0 0 0.3em 0;
	letter-spacing: 1px;
	clear: both;
}
h2 {
	color: #6BA2FF;
	font-size: 140%;
	font-weight: normal;
	padding: 0em 0 0em 0;
	margin: 0.4em 0 0.6em 0;
    text-align: left;
	clear: none;

}
h2 img, a img{
	vertical-align: middle;
}

h3 {

	color: #c31c00;
	font-size: 120%;
	padding: 0em 0 0em 0;
	margin: 0.4em 0 0.4em 0;
	font-weight:normal;
	clear: both;

}
h4 {

	color: red;
	font-size: 100%;
	padding: 0em;
	margin: -0.5em 0 1em 0;
	font-weight:normal;
	clear: both;
	text-align: right;
}
/************** FORM STUFF */
label {margin-bottom: 0.3em; color: #8485B2;   height: 1.8em; clear: both; border-bottom: 3px solid #fff;  border-left: 4px solid #fff; padding: 0 0 0 0em; font-size: 90% }
.form p {line-height: 80%;margin: 0.9em 0 0.4em 0; color: #4f8ee1}
input {
	padding: 0.4em 0.2em 0  0.4em; 
	margin-bottom: 0.3em; 
	height: 1.6em;  
	background: #fff url(images/input_bg.gif) no-repeat; 
	font-size: 90%; 
	font-family:Courier New, Arial;  
	color:#888;
	border: 1px solid #ccc;

}
input.ffsubmit,  input.button {
	color:#8795e4;
	font-family: "Trebuchet MS", Arial, verdana, sans-serif;
	background:#fff url(images/sm_grad.gif) repeat-x bottom left;
	font-weight: bold;
	text-transform:uppercase;
	border: 1px solid #ccc;
	font-size:110%;
	letter-spacing:1px;
	padding:5px 7px 5px 7px;
	height: 2.5em;  
	margin: 0.3em 0 0 0; 

}

textarea {width: 400px; clear: both; background: #fff url(images/input_bg.gif) no-repeat top left;
font-family:Arial, Helvetica, sans-serif;  font-size: 90%;color:#888; padding: 0.4em 0.2em 0  0.4em; border: 1px solid #ddd; }
.address textarea {height: 90px;}
option, select {color:#888;}
/*****END FORMS**/

#content ul { margin: 0.2em 0.5em 1.2em 2em; padding: 0 0 0 2em;  color: #666;}
#content li {padding: 0.1em 0 0em 0; list-style-image: url(images/tick.gif);}
sup, sub {font-size: 80%;}
fieldset {border: none}
dl {margin: 1em; border: 1px solid #eee; padding: 0.4em; background: #fcfcfc}
dt {font-weight: normal; font-size: 110%;}
dd {color: #7cb6ec; font-size: 125%; font-family:Arial, Helvetica, sans-serif; margin-bottom: 0.5em}
acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/*****Pull Quotes (the Richard Garbutt remix)*/
pre {
 
font-family: "Trebuchet MS", Arial, verdana, sans-serif;
text-align: justify;
 font-size:1.2em;
 line-height:1.6;
 background: #edf6ff url(images/quote_right.gif) no-repeat bottom right !important;
 background /**/:url(); /* removing quote graphic in IE5+*/
 padding:15px 55px 15px 60px;
 color:#7fc2ff;
 text-indent:-60px;
 white-space: normal;
}
pre:first-letter {
 background:transparent url(images/quote_left.gif) no-repeat 10px 20% !important;
 padding:30px 2px 80px 60px !important;
 padding /**/:0px; 	/* resetting padding in IE5+  */
 background /**/: url(); /* removing quote graphic in IE5+ */
}
/* END pullquotes****/




/* Mulipurpose classes */

.imgleft { display:inline; float:left; margin: 0.3em 1.2em 0.2em 0; }
.imgright { display:inline; float:right; margin: 0.3em 0 0.2em 1.2em; }
.flright {float: right}
.flleft {float: left}
.clearboth {clear:both;padding: 0; margin: 0}
.hideit {display:none}
.alignright {text-align: right}
.aligncenter {text-align: center}
.bold {font-weight: bold}
.vmid {vertical-align: middle}
.divider {border-bottom: 10px solid white; margin: 0.5em 0 1em 0;}
.quotes {background: url(images/quote_left.gif) no-repeat top left}
.quotes p{background: url(images/quote_right.gif) no-repeat bottom right; padding-top: 1em; padding-bottom: 1em}
.label {color: #bbb;font-size: 100%;padding: 0em;margin: 0 0 1em 0;font-weight:normal;clear: both;text-align: center; display: block}

.more {background: url(images/bullet.gif) no-repeat 0px 5px; padding: 0.1em 0.1em 0.1em 1.2em; margin: -0.5em 0 1em 0}
.note {color: #0078ff; background: #fcfcfc; border: 1px solid #ddd; padding: 0.2em 0.4em; margin: 0em 0em 0em 1.1em}
.boxout { border: 1px solid #eee; background: url(images/grad.gif) repeat-x; padding: 0.2em; margin: -0.5em 1em 1em 0}

/* LAYOUT ****************************************************/

/* Header  *************************************/
#header {
	height: 198px;
	background: #fff url(images/header_bg.gif) repeat-x bottom left;
	
}

#header #logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
	height: 137px;
	z-index: 5;
	background: #fff url(images/logo_bg.gif) repeat-x top left;
}

#header #logo img {
	position: absolute;
	left: 27px;
	top: 15px;
}
#header #headerbar {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 100%;
	padding: 0 4px 0 0;
	margin: 0;
	height: 88px;
	
	border-right: 1px solid #fff;
	background: #8fbfff url(images/face_bg.gif) repeat-y 310px;
	z-index: 4;
}

#header #header_strap {
	position: relative;
	float:left;
	padding: 10px 0 0 200px;
	z-index:7;
}

#header #headerbar img.img_right {
	float: right;
	margin: 11px 9px 0 0;
	border: 3px solid #fff;
	
	z-index:6
}

#header #header_rightlinks {
	float: right;
	top: -1px;
	z-index: 8;
	margin: 0 7px 0 0;
	font-size: 110%;
}

#header #header_rightlinks img {
	vertical-align: middle;
}

#header #header_rightlinks a {
	color: #96a5ff;
	text-decoration: none;
	line-height: 0px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	letter-spacing: 2px;
	
}

#header #header_rightlinks a:hover {
	color: #999;
	text-decoration: underline;
	
}
#header #header_menu {
	position: absolute;
	top: 155px;
	left: 30px;
}

#header #header_menu ul {

	margin: 0;
	padding:0;
}

#header #header_menu ul li {
	float: left;
	list-style: none;
	background: url(images/bullet_header.gif) no-repeat 0px 3px;
	padding: 0 27px 3px 8px;
        margin: 0;

}
#header #header_menu ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 105%;
	padding: 3px 3px 4px 7px;	
}

#header #header_menu ul li a:hover{
	background: transparent url(images/header_link_bg.gif) repeat-y;
	text-decoration: underline;
}
#header #header_menu ul li a.selected{
	color: #fff;
	text-decoration: none;
	font-size: 105%;
	background: url(images/bullet_header.gif) no-repeat 0px 2px;	
}
#header #header_finda ul{margin: 0.5em 0.5em 1.5em 0em; padding: 0 0 0 2em}
#header #header_finda {
	position: absolute;
	right: 0px;
	top: 136px;
	width: 241px;
	height: 55px;
	
	background: transparent url(images/finda_bg.gif) no-repeat 0px 3px;
	z-index: 0;
	margin: 0;
	padding: 0;
}

#header #header_finda ul li {
	list-style: none;
	background: url(images/bullet_header2.gif) no-repeat 0px 3px;
	padding: 0 0px 2px 8px;
	margin: 0 0 0 60px;

}
#header #header_finda ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 105%;
	padding: 0px 3px 4px 10px;	
}
#header #header_finda ul li a:hover{
	text-decoration: underline;
}

/*******end header*/
#container {
	
	background: white url(images/container_bg.gif) repeat-y right;
	padding: 0;
	margin:0;

}

#wrapper{
	float:left;
	width:100%;
	margin: 0px 0 0 -270px;
	border-top: 20px solid #fff;
	background: transparent url(images/wrapper_bg.gif) repeat-x 10px -1px;
	padding: 0;
}
#content{

	margin-left:270px;
	background: transparent url(images/content_corner_bg.gif) no-repeat top right;
	padding: 1.5em 2em 1em 2em;
	
}
#rightcol{

	float:right;
	width:260px;
	padding: 20px 2px 10px 0px;
	background: white;
}

/** MENU ******************************************/
#rightcol ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	width: 250px; /* Width of Menu Items */
	
	}

#rightcol ul li {
	position: relative;
	list-style-image:none;
	}
	
#rightcol li ul {
	position: absolute;
	right: 250px; /* Set 1px less than menu width */
	top: 16px;
	display: none;
	border: 3px solid #ddd;
	background: #fff url(images/menu_2nd_bg.gif) no-repeat top right;
	}

/* Styles for Menu Items */
#rightcol ul li a {
	display: block;
	text-decoration: none;
	color: #005bff;
	background:  transparent url(images/menu_bg.gif) no-repeat bottom;/* IE6 Bug */

	margin: 0;
	padding: 30px 35px 13px 0px ;
	text-align: right;
	
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html #rightcol ul li { float: left; height: 1%; }
* html #rightcol ul li a { height: 1%;}
/* End */

#rightcol ul li a:hover { color: #E2144A; background:  transparent url(images/menu_hover_bg.gif) no-repeat bottom; } /* Hover Styles */
		
#rightcol li ul li a { padding: 4px 7px; background: transparent url(images/menu_2nd_item_bg.gif) no-repeat bottom left; } /* Sub Menu Styles */

#rightcol li ul li a:hover { padding: 4px 7px; background: transparent url(images/menu_2nd_item_bg.gif) no-repeat bottom left; }

#rightcol li:hover ul, #rightcol li.menuparenth ul { display: block; } /* The magic */
#rightcol #under_menu_image {background: #fff; text-align: center; width: 250px; margin: 0em 0 1em 0; padding: 1.5em 0 1.5em 0.3em}
#rightcol #under_menu_image img {border: 10px solid #eaeaea}

#footer{
	clear:both;
	padding: 1em 1.5em 0.3em 1.5em;
	margin: 0;
	background: #0315ab url(images/footer_bg.gif) repeat-x;
}
#footer p{
	color: #C0D8FE;
	font-size: 90%
}
#footer .logos {float: left;margin:0;padding:0}
#footer .text{float: right; margin:0;padding:0}
#footer .text p{text-align: right; line-height: 24px}
#footer a {color: #fff;}

/* NEWS */
.NewsSummary {border-top: 1px dashed #aaa;border-left: 1px dashed #aaa; padding: 0.5em 0.5em 0.3em 0.5em;margin: 0}
.NewsSummaryLink {font-size: 120%; }
.NewsSummaryPostdate, #NewsPostDetailDate {padding: 0.3em 0 0.3em 0.5em; color: #aaa; float: right}
.NewsSummarySummary{padding: 0.3em 0 0.3em 0.5em; color: #666}
.NewsSummaryMorelink  {padding: 0.3em 0 0.3em 0.5em; }

#NewsDetail {clear: both;
        border: 1px solid #c1dafc;
        background: #ecf3fc;
        padding: 0.5em;
        margin: 0;}
#NewsPostDetailHorizRule {border-top: 1px solid #aaa}


#NewsPostDetailSummary {color: #888} 
#NewsPostDetailContent {margin: 0em 0; color: #666}

/* info for */

.infofortitle { width: 177px; height: 50px; background: #6ba1ff url(images/info_for.gif) no-repeat top right; }

.infofor{ margin: 0; padding: 0 0 1em 0 ; background: #6ba1ff url(images/info_for_ul.gif) no-repeat bottom right; list-style: none !important; }

.infofor ul {list-style:none; padding: 0 !important; margin: 0 0 0 0.5em !important;}

.infofor ul li {background: url(images/info_for_li.gif) no-repeat 5px 3px;list-style-image: none !important; padding: 0 0 0 2em !important}

.infofor ul li a {color: #fff; text-decoration: none;font-size: 110%;}

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



.imgleft { display:inline; float:left; margin: 0.3em 1.2em 0.2em 0; }
.imgright { display:inline; float:right; margin: 0.3em 0 0.2em 1.2em; }