﻿/************************************ 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,th,td {  
	    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:#636466;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
}

#wrapper{
	width:910px;
	margin:0px auto;
	background:url(../images/img_bodysli.gif) repeat-y 0 0;
	margin-top:25px;
}
#header {
	width:910px;
	height:170px;
	background:url(../images/img_header.gif) no-repeat 0 0;
	}

#col1{
	float:left;
	padding-right:10px;
	margin-left:20px;
	width:202px;
	min-height:315px;
}

#col2{
	float:left;
	width:629px;
	margin-left:30px;
	position:relative;
	
}

#footer{
	min-height:81px;
	width:910px;	
	background:url(../images/img_footer.gif) no-repeat 0 0;
	float:left;
	clear:both;
}

/************************************ End of Layout styles **************************************/

/************************************ Fonts styles **************************************/
h1 {font-size:2.3em; color:#004990; margin:25px 0 0px 0;}
h2 {font-size:2.3em; color:#004990; margin-top:20px;} 
h3 {font-size:2.3em; color:#004990; margin-top:20px;} 
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}

h1 strong { font-size:14px;}

p { font-size:1.4em; color:#004990; line-height:1.5em; margin:15px 0; width:90%;}
p.first { margin-top:0px;}
a { color:#e51937;}
a.pdf { background:url(../images/pdf_icon.jpg) no-repeat 0 0; display:block; padding-left:30px; line-height:28px;}

p.MianMessage {
	background:#004990;
	width:640px;
	text-align:center;
	padding:25px 0;
	font-size:15px;
	color:#FFF;
	margin:0 12px 10px 12px;
	

}
 ul.list {font-size:1.4em; color:#004990; line-height:1.5em; margin:15px 0; padding-left:25px; width:90%; list-style:disc;}
  ul.list li { line-height:19px; margin:7px 0;}
/************************************ End of Fonts styles **************************************/

/************************************ header styles  **********************************/
#header img {
	margin:30px 0 0 30px;
	float:left;
	
}


/************************************ nav styles  **********************************/
#nav  { margin:7px 9px 0 9px;}


#nav li { margin-bottom:2px;}

#nav li a { background-color:#004990; display:block; line-height:30px; height:30px; color:#FFF; font-weight:bold; text-decoration:none; padding-left:10px; font-size:14px;}


#nav li a:hover, #nav li a.active { color:#7bb6f0;}

#nav li ul { margin-top:2px;}
#nav li ul li a { padding-left:20px; font-size:120%; background:#7bb6f0;}
#nav li ul li a:hover,  #nav li ul li.active a { color:#004990;}
/************************************ col2 styles  **********************************/
#col2.home { background-color:#cad9e8; width:659px; margin-left:0px; }
#col2 img.home { padding:10px; background-color:#cad9e8; }
.contactDetails { float:left; padding-left:20px; margin-top:10px;}
.contactDetails p { width:100%}

/************************************ Table styles  **********************************/

.tables table {
	margin:25px 25px 0 0;
	font-size:12px;
	border:1px solid #004990;
}

.tables table tr td {
	padding:5px;
	
}

/************************************ footer styles  **********************************/
#footer.home {
	height:135px;
	width:910px;	
	background:url(../images/footer_home.gif) no-repeat 0 0;
	
}
#footer.home p.top, #footer.home p.top a {
	height:135px;
	line-height:135px;
	color:#004990;
	font-weight:bold;
	text-align:center;
	font-size:15px;
	text-decoration:none;
	margin-bottom:0px;

	
}
#footer.home p.bottom, #footer.home p.bottom a {
	
	color:#004990;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	margin-top:0px;
	
}
#footer p {	width:100%; margin:5px 0 0 0;}

#footer {
	height:81px;
	width:910px;	
	background:url(../images/img_footer.gif) no-repeat 0 0;
	
}

#footer p.bottom, #footer p.bottom a {
	
	color:#004990;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-top:81px;
	font-size:12px;
	text-decoration:none;
	
}

/************************************ General styles  **********************************/
.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. */ }
.banner { background:#FFF; padding:8px 0px; margin:0 0 -7px 20px}
.flag { position:absolute; right:0px;}
.red { color:#F00;}
.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%;
}


.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;
}
/************************************ End of General styles  ******************************/



/************************************ From styles  **********************************/
#account, #main { 
	width:230px;
	height:115px;
	float:right	;
	}

form fieldset {

  
  font-size:14px;
  margin-top:20px;
  
  }
form  legend {
  padding: 0 2px;
  font-weight: bold;
  padding-bottom:10px;
  
 color:#004990;
}
form#account  legend {
 padding-left:77px;
}
form#account {
	padding-right:25px;
	
}
#main 	{ width:185px }
form  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#000;
  font-size:13px;
  text-align:left;
  padding-right:7px;
  float:left;
  color:#004990;
}
form  label.double {
	width:150px;
	margin:-6px 0 8px 0;
	
}

form input {
	height:14px;
	line-height:14px;
	padding-left:5px;
	width:130px;
	float:left;
}

form input.checkbox {
	width:50px;
	border:none;
}
form.contact { width:280px; float:left; padding-right:15px;padding-bottom:20px;}
form.contact fieldset { }
form.contact fieldset legend { padding:0px; margin:0 0 0 10px; padding: 0 4px;}
form.contact fieldset ol { margin-top:10px}
form.contact input {
	width:162px;
	border:1px solid #004990;
	height:17px;
	line-height:20px;
	padding-top:5px;
	width:162px;
	
} 

form input.submit, .submit_box {
	background-color:#004990;
	width:96px;
	height:22px!important;
	line-height:24px!important;
	color:#FFF;
	padding-top:0px!important;
	border:none;
}

form input.submit_hover {
	background-color:#004990;
	width:96px;
	height:22px!important;
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	padding-top:0px;
	border:none;
	
}

form  fieldset ol {
  margin: 0;
  padding: 0;
}
form  fieldset li {
  list-style: none;
  width:230px;
  margin: 0;
  height:26px;
  clear:both;
}
form.contact label {
  
  width:75px;
}

form.contact fieldset li {
	width:270px;
	padding-bottom:5px;
}
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: 70px; /* Width of labels */
}

form  label.double {
  width: 90%; /* Width of labels */
  text-align:left;
}
form  fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}