﻿/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/************************************ End of Rest styles **********************************/




/************************************ Layout styles **************************************/
body {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
	background:#fff url(../images/nav_bg.jpg) repeat-x 0 0;
}
#wrappershaow{
	width:900px;
	margin:0px auto;
	background:url(../images/shadow.png) repeat-y 0 0;
}
#wrapper{
	width:890px;
	margin:0px auto;
}
#header {
	margin:0px 0 0 0;
	width:889px;
	height:140px;
	
}
#content {
	background:#fff url(../images/img_cont_bg.gif) repeat-y 0 0;
	position:relative;
	width:889px;
	clear:both;
	
}
#contentBottom {
	background:url(../images/img_contBottom.gif) no-repeat 0 0;
	height:65px;
	clear:both;
	border-top:1px solid #efefef;
	margin-right:14px;
padding-right:15px;
float:right;
	width:600px;
	font-size:90%;
	margin-left:250px;
	z-index:1000;
	display:block;
	float:none;
		
}


#col1{
	width:237px;
	float:left;
	
}

#col2{
	float:left;
	width:652px;
	padding-bottom:40px;

}
#Outterfooter{
	width:100%;
}
#footer{
	margin:0 auto;
	width:900px;
}

/************************************ End of Layout styles **************************************/

/************************************ Fonts styles and text styles**************************************/
h1 {font-size:21px; font-weight:bold; color:#0092a0; line-height:1.5em; margin:20px 20px 7px 15px; background:url(../images/h1_bg.gif) repeat-x 0 bottom; padding:0 0 27px 15px; font-family:Verdana, Georgia, arial;}
h2 {font-size:1.5em;}
h3 {font-size:1.6em; font-weight:bold; color:#0092a0; margin:20px 0 15px 33px; } 
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}

h1 span { font-size:70%; line-height:11px;}
p {font-size:1.3em; margin:20px 0px 20px 33px; width:80%; line-height:17.4px;}
p.bold { font-weight:bold; font-size:140%;}
a { color:#0092A0; text-decoration:none; }
#col1 p { font-size:1.2em; line-height:18px; margin:20px 10px 15px 30px; width:80%;}
#col2 ul { font-size:1.3em; line-height:17.4px; margin:20px 0 20px 33px; list-style:disc; width:80%;}
#col2 ul ul { font-size:1em; line-height:17.4px; margin:20px 0 20px 33px; list-style:disc; width:80%;}
#col2 ul li { margin: 0 0 0 15px; padding-bottom:5px;}
#col2 ul ol { font-size:1em; line-height:17.4px; margin:5px 0 5px 33px; list-style:lower-alpha; width:80%;}



.element p { margin:8px 0 0px 50px;}
p strong { font-size:105%;}

table  ul { font-size:1.3em; line-height:17.4px; margin:20px 0 20px 33px; list-style:disc; }
table ul li { margin: 0 0 0 15px; padding: 0 0 7px 0;}
table ul.table { font-size:1em; line-height:17.4px; margin:20px 0 20px 33px; list-style:disc;}
table ul.table li { margin: 0 0 0 15px; padding: 0 0 7px 0;}
table  ol { font-size:1.3em; line-height:17.4px; margin:20px 0 20px 33px; list-style:disc; width:80%;}
table ol li { margin: 0 0 0 15px; padding: 0 0 7px 0;}

em { color:#002D56;}

.normalbold { color:#666666; font-weight:normal;}
/************************************ End of Fonts styles **************************************/

/************************************ General styles  **********************************/
hr { color:#cccccc; border-top:0px solid #cccccc; border-left:none; border-right:none; margin-left:16px; width:610px; line-height:5px;}
.clear        { clear:both; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.last 		  { margin:0px;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
.gradbar { width:646px; height:1px; /*background:url(../images/img_grad.jpg) repeat-x 0 0; display:block;*/ background:none;}
.width80 		  {width:80%;}
.gradbut { width:194px; height:37px; background:url(../images/img_grad_button.jpg) no-repeat; display:block; }
.gradbotom { width:899px; height:19px; background:url(../images/shadow_bottom.png) repeat-y 0 0; display:block; float:left; clear:both;}
.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/************************************ End of General styles  ******************************/


#header img {
	float:left;
}

/************************************ nav styles **************************************/
#nav {
	background:#002d56;
	display:block;
	float:left;
	height:30px;
	width:889px;
	border-bottom:7px solid #ffffff;
	position:relative;
	z-index:950;
	
}
#nav ul {
	float:right;
	margin-right:15px;
	position:relative;
	list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
	display:inline;

}
#nav ul li {
	float:left;
	position:relative;
	margin:0px;
	padding-bottom:0px!important;
	display:inline;
	display:inline-block;
}
#nav ul li:hover, .active {
	background:url(../images/img_nav_hover.gif) repeat-x 0 0;
}
#nav ul li a {
	float:left;
	font-weight:bold;
	font-size:1.4em;
	text-decoration:none;
	color:#ffffff;
	padding:0 11px;
	line-height:30px;
	vertical-align:middle;
	display:inline;
	width:auto!important;
	white-space:nowrap;
}
#nav ul li a:hover {
	text-decoration:none;
	display:inline-block;
	display:inline;
	/*background:url(../images/img_nav_hover.gif) repeat-x 0 0;*/
	background:url(../images/img_nav_hover.gif) repeat-x 0 0;
}

#nav ul li img {
	float:left;
}
#nav ul li ul {
	position:absolute!important;
	left: 0;
	top:40px;
	width: 192px;
	display: none;
	margin:-10px 0 0 0;
	background-color:#0092a0;
	font-size:10px;
	padding:0px;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul li {
	float: none;
	border-bottom:none;
	height:28px;
	z-index:1002;
	display:inline;
	display:block;
	width:190px;
	
}
* html #nav ul li ul li{
	width:190px;
}
#nav ul li ul li a {
	 color:#fff; 
	 border-bottom:1px solid #fff; 
	 width:200px; 
	 display:inline;
	 line-height:27px;
	 float:left;
	 position:relative;
	 z-index:1000;
	 width:170px!important;
	  white-space:nowrap;
}

* html #nav ul li ul li a {
	width:190px;
}
#nav ul li ul li a:hover {
	color:#fff;
	 padding-top:0px;
	 padding-bottom:0px;
	  height:27px; 
	 line-height:27px;
	 width:170px;
	 white-space:nowrap;
}
* html #nav ul li ul li a:hover {
	width:190px;
}

.imgfix { float:left; width:1px; margin:0px; padding:0px}
/************************************ col1 styles **************************************/

#col1 img { margin:12px 0 0 12px; }
	#col1 .gradbut {margin:10px 0 0 30px;  border:1px solid #0092A0; width:178px; text-align:center;}
		#col1 .gradbut a { color:#FFF; line-height:37px; font-weight:bold; height:37px; display:block; }
		#col1 .gradbut a:hover { text-decoration:underline; }
		#col1 .gradbut span {font-weight:bold; color:#FFF; font-size:13px; margin:0px!important; padding:0px!important; line-height:37px!important;}

#col1 p.quote {
	color:#0092A0;
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	left:0;
	bottom:0px;
	position:absolute;
	width:184px;
	background:url(../images/quote.gif) no-repeat 0 0;
	height:120px;
}
#col1 ul { color:#0795a3; padding:30px 0 0 8px; width:221px;}
	#col1 ul li.first { line-height:30px; background:url(../images/col1_nav.gif) no-repeat 0 -33px;}
	#col1 ul li { line-height:32px; background:url(../images/col1_nav.gif) no-repeat 0 -32px;}
	#col1 ul li.odd { line-height:32px; background:url(../images/col1_nav.gif) no-repeat 0 0;}
	#col1 ul li.last { border-bottom:1px solid #81c9d0;}
		#col1 ul li a { font-size:13px; line-height:31px; margin-left:35px;}
		#col1 ul li a:hover { text-decoration:underline;}
		
#col1 #loginarea { margin:34px 0 30px 0;}
#col1 #loginarea p { color:#0092A0; font-weight:bold; margin-bottom:10px; line-height:14px; margin-top:0px;}
#col1 #loginarea hr {border-left:medium none; border-right:medium none; border-top:1px solid #0092A0; line-height:5px; margin-left:29px; width:181px; }
#col1 #latestNews ul { padding:10px 0 0 0;}
#col1 #latestNews ul  li { background:none; margin:0px 0 0 29px; line-height:15px;}
#col1 #latestNews ul  li a.latest_news_link { margin:0px; line-height:15px; font-weight:normal; font-size:13px;}
#col1 #latestNews ul  li span.latest_news_title { font-size:14px; color:#0795A3; font-size:14px; font-weight:bold;}
#col1 #latestNews p { margin-bottom:0px; color:#0092A0; font-size:15px; font-weight:bold; border-bottom: #0092A0 1px solid; width:180px;}

#col1 #members { padding:35px 0 0 15px;}
#col1 #members select { width:200px; background-color:#fff; color:#666666;}
/************************************ col2 styles **************************************/

#col2 img {
	margin:12px 0 9px 0;
	
}


#contentBottom p {
	width:220px;
	margin:8px 0 8px 15px;
}

/************************************ team page styles **************************************/
#teamHolder {background:url(../images/meet-the-team_03_sli.gif) repeat-y 0 0; width:602px; min-height:319px; margin-left:30px; position:relative;}
	#teamHoldersli {background:url(../images/meet-the-team_03_top.gif) no-repeat 0 0; width:602px; min-height:320px; position:relative;}
	#teamHolderbottom {background:url(../images/meet-the-team_03_botttom.gif) no-repeat 0 0; width:602px; height:27px; float:left; display:block; }
	#pageholder {bottom:-18px; left:165px; position:absolute;}
	#teamHolder .imageholder {left:35px; position:relative; top:37px; width:125px; height:156px; display:block; float:left; }
	#teamHolder .leftDetails { float:left; height:49px; left:16px; position:relative; top:60px; width:159px;} 
		#teamHolder .leftDetails .teamname { display:block; margin:10px 0 0 0; height:47px; color:#48b1bb; font-size:12px;}
		#teamHolder .leftDetails .teamnamedoouble { display:block; margin:0px; height:57px; color:#48b1bb; font-size:12px;}
		#teamHolder .leftDetails .emailname, #teamHolder .leftDetails .emailname a { color:#002D56; font-size:12px; font-weight:bold;}
		#teamHolder .rightDetails { float:right; width:440px; padding-top:71px;}
			
				.nextPage1st a { width:20px; height:25px; display:block; border:1px solid #1098a6; line-height:25px; text-align:center; font-size:15px; float: left; margin-right:5px; margin-left:30px;}
				.nextPage a { width:20px; height:25px; display:block; border:1px solid #1098a6; line-height:25px; text-align:center; font-size:15px; float: left; margin-right:5px;}
				.nextPage a:hover {  border:1px solid #1098a6; background:#1098a6; color:#FFF;}
				.nextPage1st a:hover {  border:1px solid #1098a6; background:#1098a6; color:#FFF;}
				.nextPage a.active, .nextPage1st a.active { border:1px solid #1098a6; background:#1098a6; color:#FFF; } 
/************************************ buttons styles **************************************/
.fmButtton {
	background:url(../images/img_findOutMore_btn.gif) no-repeat 0 0;
	width:115px;
	height:29px;
	display:inline;
	display:block;
	margin-left:30px;
}
.fmButtton span {
		display:none;
		
}

/************************************ footer **************************************/
#footer { position:relative;}
#footer p {
	color:#999999;
	font-size:10px;
	width:730px;
	margin:0 auto;
	line-height:32px;
}
#footer p.quote {
	color:#0092A0;
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	left:0;
	bottom:0px;
	position:absolute;
	width:184px;
	/*background:url(../images/quote.gif) no-repeat 0 0;*/
	height:120px;
	top:-135px;
	left:35px;
}

/************************************ form stuff **************************************/
fieldset {clear: both; border:1px solid #1497cb; width:420px; padding:32px 22px 15px 22px;}
fieldset.order { border:none; width:772px; padding:0px 22px 15px 0px;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
input { border:1px solid #b1bcbd; padding:3px 2px;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 0.5em; padding-left:30px;}
form .field label {display: block; width:55px; float:left; font-size:1em; padding:5px 0 0 0; color:#0092a0;}
fieldset.order .field label {display: block; width:250px; float:left; font-size:1.2em; padding:10px 0 0 0;}
fieldset.order .field label.small {width:130px;}

form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
/*label, button, input.submit, input.image {cursor: pointer;}*/
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; /*border: 1px solid #1497CB;*/ padding: 2px; width:245px;}
input.text, input.password, textarea {border: 1px solid #1497CB; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}


input.submit, input.submit_box {
	background:#0092a0;
	color:#FFF;
	/*font-weight:bold;*/
	font-size:1.2em;
	width:89px;
	cursor: pointer;
	height:28px;
	}
input.submit_hover {
	background:#0092a0;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	width:89px;
	cursor: pointer;
	height:28px;
	text-decoration:underline!important;	
	}
	
fieldset.order p { margin-top:0px; width:80%;	}
.checkbox { margin-top:5px; border:none;}

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	font-size: 15px;
	background: #fff;
	margin: 0 0 4px 33px;
	padding: 5px 5px 5px 16px;
	background-color:#e6f4f6;
	border-top:#afe3ea solid 1px;
	width:80%;
	color:#0092A0;
}
div.element { margin:5px 0 10px 0px;} 
.arrow {
	width:0; 
	height:0; 
	border-left: 10px solid transparent; 
	border-right: 10px solid transparent;
	border-top: 15px solid #002d56;
	border-bottom: 0;
	float:right;
	margin-top:-15px;
}

div.element p, div.element h4 {
}
#col2 .element img { margin: 0px 0 0 33px; padding: 5px 10px 0 0;}

table.display { margin: 0 0 0 33px; font-size:1.3em;}
table.display td { padding:3px 0;}


h3.toggler {
color:#004B8D;
cursor:pointer;
background:transparent url(../images/down.gif) repeat-x scroll 0 0;
margin-top:-5px;
}
h3 {
background:transparent url(../images/down.gif) repeat-x scroll 0 0;

}

.style1 {}
.style2 {font-size:12px;}
strong .bodysecure { 
color:#0092A0;
font-size:21px;
font-weight:bold;

}

p strong .bodysecure { 
margin:20px 20px 15px 0px;
padding:0 0 25px 0px!important;
background:transparent url(../../media/images/h1_bg.gif) repeat-x scroll 0 bottom!important;
font-family:Verdana,Georgia,arial;
font-size:21px!important;
line-height:1.5em!important;
display:block;
}

p strong .bodysecure a{ 
	font-size:12px;
}

.style3 strong .bodysecure { 
	color:#0092A0;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.style3 .bodysecure  strong{ 
	color:#0092A0;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.style3 .bodysecure  strong{ 
	color:#0092A0;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

 strong{ 
	color:#0092A0;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
.pnon p { margin:0px 20px 0px 0px; padding:0 0 0px 0px; font-size:12px;}

strong .bodysecure a { font-size:12px;}
p.body { margin-left:10px; border-bottom:1px solid #7390a6; padding:0 9px 15px 10px; float:left; clear:left; margin:10px 0 10px 10px;}
p.body a { color:#1c9eab; line-height:18px; font-size:13px; display:block; float:left; clear:left; padding-bottom:7px; padding-top:7px;}


/************************************ From styles  **********************************/
form fieldset {
  margin:20px 20px 25px 27px;
  width:228px;
  padding:0px 25px 0 25px;
}
form  legend {
  padding: 0 2px;
  font-weight: bold;
}
form  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#1d4b87;
  font-size:13px;
}
form input {
	border:1px solid #b2b2b2;
	height:14px;
	line-height:16px;
	width:175px;
	padding-top:3px;
}



form  fieldset ol {
  margin: 0;
  padding: 0;
}
form  fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form  fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form  fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form  fieldset fieldset label {
  display: block;
  width: auto;
}
form  em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form  label {
  width: 120px; /* Width of labels */
}
form  fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}





/* ----------------- Register form ----------------------*/

#formSection {
	float: left;
	width: 610px;
	padding-left: 30px;
	font-size: 12px;
}

#formSection div.formElement {
	float: left;
	width: 610px;
	padding: 4px 0px 4px 0px;
}

#formSection div.formOption {
	float: left;
	width: 610px;
	padding: 10px 0px 4px 160px;
	margin: 10px 0px 0px 0px;
}

#formSection div.formOption input {
	float: left;
	padding: 4px;
	text-align: center;
	width: 100px;
	font-weight: bold;
	color: #003058;
	height:25px;	
}
div.formElement label {
	float: left;
	width: 150px;
	text-align: right;
	padding: 7px 10px 0px 0px;
	
}

div.formElement input, div.formElement select {
	float: left;
	/*border: 1px solid #E6F4F6;*/
	font-size: 12px;
}

div.formElement input.textbox {
	width: 200px;
	padding: 4px 2px 2px 2px;
	height: 20px;
}

p.error {
	color: red;
} 


/* ----------------- Finance  form ----------------------*/


form.financeForm fieldset {
	margin:20px 20px 25px 0px;
	padding:0 25px 0;
	width:620px;
	border:none;
}
form.financeForm label {
	padding-right:50px;
	width:357px;
	line-height:14px;
}

form.financeForm fieldset li {
	margin:0;
	padding:10px 5px 5px 5px;
	width:593px;
}

form.financeForm fieldset li.sml {
	margin:5px 0 5px 0;
	padding:0px 5px;
}
form.financeForm fieldset li.sml label {
	width:347px;
	padding-left:10px;
	line-height:22px;
} 

form.financeForm fieldset li.border { border-top:1px dotted #b9c8ca; margin-top:10px; padding-top:10px; }

form.financeForm fieldset li label i { font-size:11px; line-height:12px; display:block; padding-top:5px;}

form.financeForm fieldset input.submit, form.financeForm fieldset input.submit_box, form.financeForm fieldset input.submit_hover   {margin-left:408px;}

form.financeForm fieldset li strong { line-height:15px;}