body {
margin:0px auto;
padding:0px;
font-family:'Tahoma','Geneva', san-serif;
font-size:12px;
line-height:21px;
background:url(../images/background.jpg);
background-repeat: no-repeat;	
background-position: top center;	
background-color:#a8c5ed;
}


/* layouts 
-------------------------------------------------------------- */
#con0{
}

#con1{
width:962px;
text-align:left;
}

#header{
height:129px;
display:block;
background: transparent url(../images/top_bg.png) bottom left no-repeat;	
}

#logo{
float:left;
margin-top:30px;
}

/* header area
-------------------------------------------------------------- */
#header_area{
width:662px;
height:81px;
float:left;
}


/* top navigation 
-------------------------------------------------------------- */
#nav { 
height:48px; 
width:630px;
text-align:center;
float:right;
background: transparent url(../images/menu_back.png) top left no-repeat;	
}

#nav li {
float: left;
text-align:center;
list-style: none ;	
height:38px;
margin:8px 0px 0px 0px; 
background: transparent url(../images/menu_line.png) top right no-repeat;	
width:101px;
}

#nav li.last {
background: transparent;	
}

#nav li.last_active {
background: transparent;	
}

#nav ul { 
float:left; 
margin:0px 0px 0px 5px; 
line-height:38px;
width:608px;
}

#nav li { 
float:left; 
list-style-type:none; 
overflow:hidden; 
}

#nav ul li a { 
font-size:12px;
text-decoration:none; 
display:block;  
color:#2D477A;
}

#nav ul li a:hover { 
text-decoration:none;
color:#426CB6;
}

#nav ul li.active a,#nav ul li.last_active  a { 
color:#426CB6;
}

#nav ul li.active a:hover { 
color:#426CB6;
}



/* Pages Title Area
-------------------------------------------------------------- */
#pages_top{
height:9px; 
width:962px;
text-align:center;
background: transparent url(../images/page_header_top.png) top left no-repeat;	
}

#pages_in{
height:109px; 
width:962px;
text-align:center;
background: transparent url(../images/page_header_in.png) top left no-repeat;	
}


/* page title h1 style */
#pages_in h1{
font-size:19px;
font-weight:normal;
color:#FFF;
text-align:left;
padding-top:65px;
margin-left:30px;
margin-bottom:0px;
margin-top:0px;
}


/* Feature Area
-------------------------------------------------------------- */
#feature_top{
height:9px; 
width:962px;
text-align:center;
background: transparent url(../images/feature_top.png) top left no-repeat;	
}

#feature_in{
height:237px; 
width:962px;
text-align:center;
background: transparent url(../images/feature_back.png) top left no-repeat;	
}

#feature_area{
height:221px; 
width:946px;
margin-left:7px;
}


.feature{
width:940px;
height:210px;
}


.feature_text_text{
color:#fff;
text-align:left;
margin-top:6px;	
margin-left:20px;	
margin-right:8px;	
}

.feature_text_text strong{
font-size:20px;
line-height:28px;
font-weight: normal;
display: block;
width:400px;
}

.feature_text_text p{
font-size:14px;
line-height:20px;
padding-top: 14px;
}


.feature_text_left{
float:left;
width:520px;
}

.feature_text_right{
width:310px;
float:right;
font-size:14px;
line-height:20px;
color:#fff;
text-align:left;
margin-top:88px;	
margin-left:20px;	
margin-right:8px;
text-align: right;	
}

.feature_text_right strong {
font-size:20px;
line-height:30px;
display: block;
font-weight: normal;
}






/* content layout 
-------------------------------------------------------------- */
#content_con{
width:962px;
}


/* home page layout 
-------------------------------------------------------------- */

.box1{
float:left;
margin-right:15px;
margin-left:2px;
}	

.box2{
float:left;
margin-right:15px;
}	

.box3{
float:left;
}	

.box_in{
clear:both;
width:500px;
height:10px;
}

.box_r{
clear:both;
width:200px;
height:25px;
}


/* Sub Pages Layouts
-------------------------------------------------------------- */
#page_left{
width:651px;
float:left;
}

#page_right{
width:311px;
float:right;
}

#page_left .content{
padding-left:30px;
padding-right:30px;
min-height: 583px;
}


/* Left Container */
.left_top{
height:18px;
width:651px;
background:transparent url(../images/b_box_top.png) left top no-repeat;
}	

.left_bottom{
height:17px;
width:651px;
background:transparent url(../images/b_box_bottom.png) left top no-repeat;

}	

.left_content{
width:651px;
background:transparent url(../images/b_box_in.png) left repeat-y;	
}	




/* Box styles
-------------------------------------------------------------- */

/* box 1 style	*/
.box_top{
height:18px;
width:309px;
background:transparent url(../images/box_top.png) top no-repeat;
}	

.box_bottom{
height:17px;
width:309px;
background:transparent url(../images/box_bottom.png) top no-repeat;
}	

.box_content{
width:309px;
height:210px;
background:transparent url(../images/box_in.png) repeat-y;
}	

.box_content_sub{
width:309px;
background:transparent url(../images/box_in.png) repeat-y;
}	

#content_con .box_content h1, #content_con .box_content h2,#content_con .box_content p, #content_con .box_content ul, .box_content_sub p, .box_content_sub h2, .box_content_sub h1{
margin:0px 20px;
}


/* box  headings*/	
.box_content h1 , .box_content_sub h1{
font-size:16px;
color:#2D477A;
font-weight:normal;
}

#content_con .box_content h2, .box_content_sub h2{
font-size:12px;
color:#426CB6;
font-weight:normal;
margin-bottom:10px;
margin-top:10px;
}

/* box texts*/
.box_content p, .box_content_sub p, .box_content ul{
line-height:16px;
font-size:11px;
margin:0px 20px;
color:#6F8296;
}

.box_content ul{
list-style-type: disc;
list-style-image: url(../images/bullet.gif);
list-style-position: inside;
margin-left: 0;
padding-left: 1.2em;
text-indent: -1.2em;
}






/* page button and link styles
-------------------------------------------------------------- */
.button{
width:77px;
height:19px;
line-height:16px;
background:transparent url(../images/button.png) left no-repeat;
text-decoration:none;
font-size:11px;
color:#fff;
text-align:center;
margin-right:20px;
float: right;
}


a.read_more{
text-decoration:none;
font-size:11px;
color:#fff;
margin:0px;
padding:0px;
line-height:18px;
}

a.read_more:hover{
text-decoration:none;
font-size:11px;
color:#1b3f62;
margin:0px;
padding:0px;
line-height:18px;
}


.float_right{
float:right;
}

.float_left{
float:left;
}



/* footer */

#footer{
clear: left;
width: 952px;
height: 100px;
background: #3d60a2;
color: #FFF;
text-align: center;
margin: 0 auto;
border-bottom: 20px solid #cbced3;
}

#footer p{
padding-top: 12px;
}

#footer a{
color: #FFF;
}

#footer a:hover{
text-decoration: none;
}

#footer p em{
font-weight: bold;
}

img.imgleft {
float: left;
margin: 8px 0 0 30px;
}

img.imgright {
float: right;
}

p#footerinner {
width: 720px;
float: left;
line-height: 1.4em;
}



/* HEADINGS -------------------------------------------------------------- */

h1,h2{ 
font-weight:normal;
clear:both;
color:#135F80;
}


h3,h4,h5,h6 { 
font-weight:normal;
clear:both;
color:#426CB6;
}

h1{font-size: 22px; margin: 5px 0px 10px;}
h2{font-size: 22px;}
h3{font-size: 20px; margin: 15px 0px 10px; color: #2D477A;}
h4{font-size: 16px; margin: 22px 0px 18px;}
h5{font-size: 14px; margin: 5px 0px 10px;}
h6{font-size: 12px; margin: 5px 0px 10px;}


/* image alignments */
.centerimage{
display:block;
margin: 5px 15px 10px 0px;
padding: 12px;
color:#9F9F9F;
font-weight:bold;
border:1px solid #e0e0e0;
}

.leftimage{
float:left;
font-size: 12px;
margin: 5px 15px 10px 0px;
padding: 12px;
color:#9F9F9F;
font-weight:bold;
border:1px solid #e0e0e0;
}

.rightimage{
float:right;
font-size: 12px;
margin: 5px 0px 10px 15px;
padding: 12px;
color:#9F9F9F;
font-weight:bold;
border:1px solid #e0e0e0;
}




/* TEXT ELEMENTS -------------------------------------------------------------- */
#page_left p{
margin:0px 0px 0px 0px;
}

#page_left p {
margin-bottom:18px;
line-height:21px;
font-size:12px;
color:#666666;
}


/* side menu links*/
#page_left,
#page_right, a{	
		text-decoration:underline;
		color:#9A9A9A;
}

#page_left,
#page_right, a:hover{
		text-decoration:none;
		color:#969696;
}


/* Lists */
#page_left ul {
list-style-type: disc;
list-style-image: url(../images/bullet.gif);
list-style-position: inside;
margin-left: 0;
padding-left: 1.2em;
text-indent: -1.2em;
margin-bottom: 18px;
}


#page_left ul li {
line-height:21px;
font-size:12px;
color:#666666;
}





/* FORM */


#FormContainer {
position:relative;
min-height:220px;
width: 560px;
color: #666;
}

* html #FormContainer{   /*IE6 CSS fix as IE6 does not support min-height*/		 
height:220px;
overflow: auto; 
}

form#portform {
width: 560px;
display: inline-block;
}

input, textarea, select {
float: left;
color: #666;
}

textarea {
font-family:'Tahoma','Geneva', san-serif;
font-size:12px;
color: #666;
}

#FormContainer p {
text-align:center; 
margin-bottom: 2em;
}


label {                     /*Gives consistent width to all form labels.*/
display: block;
width: 140px;
margin-bottom: .5em;
clear: both;
float: left;
}

input[type="text"], select {   /*input[type="text"] not supported in IE6, text input will display at default IE6 width*/
width: 140px;	
}

.combo {
margin-left: 2px;
width: 158px;	
}


form#portform fieldset {
margin-bottom: 10px;
border: none;
}


form#portform label {
display: inline-block;
line-height: 2.2;
vertical-align: top;
width: 155px;
}
	

form#portform em {
font-weight: bold;
font-style: normal;
color: #333942;
}


input.submit{
width:77px;
height:19px;
cursor:pointer;
border:0;
line-height:16px;
background:transparent url(../images/button.png) left no-repeat;
text-decoration:none;
font-size:11px;
color:#fff;
text-align:center;
margin-right:245px;
float: right;
}

input.submit:hover {
color: #1b3f62;
}

p.mandatory {
float: left;
}




/* Required CSS for the Ajax Form */



.AJAX_TIMEOUT {		/*Style Ajax timeout error*/
font-weight: bold;
color: red;
}

.AJAX_RESPONSE {		/*Style successful responses from server side script*/
font-weight: bold;	
}

/*This acts as a modal type overlay added during ajax processing. It's attached to the form's parent element.*/
#FORM_LOAD {		
position: absolute;
top:0;
bottom:0;
left:0;
height: 100%;
width: 100%;
background: url(../images/EA_Form_Load.gif) no-repeat center; 
background-color: #545454;
}

.PASS {		/*Class that is added if input for this field is valid*/
background: url(../images/EA_Form_Pass.png) no-repeat scroll 0 0;
height:16px;					/*height should be equal to the height of your validation pass imaage*/
margin-left:7px;                
width:23px;						/*width needs to accomodate your validation pass image.*/
float:left;                    
}

.FAIL {		/*Class that is added if input for this field is not valid*/
color:#990000;
font-size: 100% !important;     
height:16px;
margin-left:0px;
padding-left:5px;       /*Padding should be equal to the width of your error image plus whatever padding between the image and error message.*/
float:left;
}

/* Required IE6 fixes  */

* html #FORM_LOAD {
	height: 488px;		
/*
* NOTE: Width and height may have to be set for this IE6 fix.  
* Without setting the width, you may get a small gap in your ajax overlay on ie6.
*/
      
}


/* Form Class Markers.*/

.REQUIRED {                   
background: #fff;  
border: solid 1px #ACB6BF;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
padding: 2px;
}

.OPTIONAL {
background: #F4F5F7;
border: solid 1px #ACB6BF;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
padding: 2px;
}