/* ==========page lay out---------- */

html    { margin:0; padding:0 ;  }  

body	{ margin:0 ; padding:0 ; font-size:90% ; font-family: arial, sans; color: #1a1a1a ; background-image: url('../images/bg_body.png') ; background-repeat: repeat-x ; background-color:#ffffff }

#wrap	       { margin:0 auto ; width:1000px ; border:1px solid #dddddd ; background-image: url('../images/bg_float.png') ; background-repeat: repeat-y ; } 
#container     { border:1px solid #dddddd ; }

#header	       { margin:0 ; padding:0 ; width:1000px ; height:140px ; background-image:url('../images/banner1.png') ; }  

.head_top      { height:30px ; }
.head_left     { height:25px ; width:600px ; float:left  ; }  
.head_right    { height:25px ; width:400px ; float:right ; }  
.head_right ul  { margin:0 ; list-style-type:none ; padding:5px 0 0 0 ; }
.head_right li  { display: inline ; padding:30px 5px 0 5px ; font-size:90% ; }

.head_right  a:link	{ color: #024766 ; text-decoration:none ; font-weight: bold ; } 
.head_right  a:visited  { color: #223a79 ; text-decoration:none ; font-weight: bold ; } 
.head_right  a:hover    { color: #ff6600 ; text-decoration:none ; font-weight: bold ; }                 
.head_right  a:active   { color: #223a79 ; text-decoration:none ; font-weight: bold ; } 


#footer_blank  { margin:0 auto ; clear:both ; width:960px ; background-color:#ffffff ; }

#footer        { clear:both ; padding:0 ; width:1000px ; border-top: 1px solid #7B878B ; background-image:url('../images/bg_footer.png') ; color: #ffffff; }

#footer a:link	   { color: #000000 ; text-decoration:none }
#footer a:visited  { color: #000000 ; text-decoration:none }
#footer a:hover    { color: #ff6600 ; text-decoration:none }                    
#footer a:active   { color: #1a1a1a ; text-decoration:none }

#footer ul         { padding:10px 10px 5px 25px ; margin:0 ; list-style-type:none }

#footer_1          { float:left ; width:300px ; font-size: 100% ; height:200px ; }
#footer_2          { float:left ; width:700px ; font-size: 100% }

#footer_2 ul       { list-style:none ; padding:10px 0 5px 0 ; margin:0 ; font-size: 90%  }
#footer_2 ul li    { float:left ; padding: 5px 0 10px 0 ; margin:0 ; }

#footer_nav    { margin:0 auto ; width:1000px ; height:30px ; background-color:#000000 ; }

#footer_nav ul { padding:5px 10px 2px 25px ; margin:0 ; list-style-type:none }
#footer_nav li           { display: inline ;  }

#footer_nav  a:link	{ color: #ffffff ; text-decoration:none }
#footer_nav  a:visited  { color: #f5f5f5 ; text-decoration:none }
#footer_nav  a:hover    { color: #ff6600 ; text-decoration:none }                    
#footer_nav  a:active   { color: #f7f7f7 ; text-decoration:none }


.clear             { clear:both ; padding:5px 0 5px 0 }
.space             { padding:1px 0 1px 0 } 
/* ==========
COLUMNS LAYOUT
---------- */

/* All Page */

/* top ; right ; bottom ; left */
 
/* ==========format---------- */


/* ==========
COLUMNS LAYOUT
---------- */

#columns-float	          { float:left ; width:730px ;  }

#column-one	          { float:right; width:710px ; min-height:480px ; height:auto !important ; height:480px ; line-height: 14pt ; }
.column-one-content       { padding:1px 10px 5px 10px ; font-size:90% } 
.column-one-block_1       { padding:1px 3px 10px 3px ; border:1px solid #E6E3DC ; background-color:#faf9f8 ;  }
.column-one-block_2       { padding:5px 3px 10px 3px ; }

.column-one-content a:link	   { color: #024766 ; text-decoration:underline }
.column-one-content a:visited      { color: #024766 ; text-decoration:underline }

#column-two               { margin-right:710px ; }

#column-three             { margin-left: 730px ; padding:2px ; }
.column-three-content     { padding:5px 10px 5px 10px ; font-size:85% ; } 
.column-three-blocks      { padding:5px 0 5px 0 ; } 

.home_content	          { padding:10px ; font-size:110% ; }


/* top ; right ; bottom ; left */

/* ==========format---------- */

/* ==========format---------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold ; margin:2px 0 2px 2px }

h1 { font-size:110% ;color: #024766 }
h2 { font-size:105% ;color: #024766 }
h3 { font-size:100% ;color: #024766 }
h4 { font-size:100% ;color: #024766 }
h5 { font-size:100% ;color: #024766 }
h6 { font-size:100% ;color: #024766 }

a:link	   { color: #024766 ; text-decoration:none }
a:visited  { color: #223a79 ; text-decoration:none }
a:hover    { color: #ff6600 ; text-decoration:none }                    
a:active   { color: #223a79 ; text-decoration:none }


td         { text-align: left ; vertical-align: top }
p          { margin:5px 5px 5px 5px }
ul         { margin-left: 20px ; padding-left: 0 }
img        { border-width: 0 ; margin:0 auto ;  }
button     { border-width: 0 }
.v-history { font-family: Georgia, serif; font-size: 102% ; font-style: normal; padding: 0 0 0 35px ; background-color:#f5f5f5 ; }

.more_link  { padding:5px 0 5px 0 ; font-size:90% ; font-weight:bold ; color: #024766  }


.bold       { padding: 0 5px 0 5px ; font-weight:bold ; color: #024766 ; }   

.normal_text   { font-size:110% ; color: #000000  }

.completion {	background: #FFE87E ; border: 1px solid #BC0E3C ; padding:2px 2px ; padding: 5px 10px 5px 10px ;}

.constitution     { padding: 10px ; }
.constitution ul  { margin-left:30px ; list-style-type:none ; }
.constitution p   { margin:5px 10px 5px 10px ; }


/* */

img.floatleft        { float: left ; margin: 4px 10px 4px 0  }
img.floatright       { float: right ; margin: 4px 0 4px 5px  }

.normal_text         { font-weight:normal ; margin-left:25px ; }


.right-nav                    { border-bottom:1px solid #afb4b7 ;}
.right-nav ul                 { margin:0 ; list-style-type:none ; font-weight:bold ; font-size:95%}
.right-nav ul li              {	background-color: #f5f5f5 ; border-top: #afb4b7 1px solid ; padding: 2px 0 2px 10px ; background: center left no-repeat url(../images/li.gif) ; }
.right-nav ul li:hover        { background-color: #f4f4f4  }
.right-nav ul li a:link       { color: #024766   }
.right-nav ul li a:visited    { color: #024766  }
.right-nav ul li a:hover      { color: #ff6600 ; text-decoration:none }
.right-nav ul li a:active     { color: #ffffff  }

.copyright     { font-size:90% ; color: #ffffff ; padding: 10px 0 10px 0 ; font-style: italic ; }


/*List Styles */

.arrowlist { list-style-image: url(../images/li.gif); } 

/*Forms Styles */



.textinput {
	height:15px;
	background: #f5f5f5 ;
	border: 1px solid #a1a1a1 ;
	padding:2px 2px;
}

.textarea {
	background: #f5f5f5 ;
	border: 1px solid #a1a1a1 ;
	padding:2px 2px;
}


.xxxselect { width:190px ; background: #f5f5f5 ; border: 1px solid #a1a1a1 ; }

.search  { padding: 0 0 0 50px; }

.search h3 { margin: 0  }

/*control width of eng builder select */
.limit select { width:340px ; }


/*Table Styles */

#hide { visibility:hidden; }

.Grid1 { border-left: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1 ; width: 700px ; font-size: 80% ; }
.Grid  { border-left: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1 ; font-size: 85% ; }
.grid  { border-left: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1 ; font-size: 85% ; }



.Record { border-left: 1px solid #787878; border-bottom: 1px solid #787878; width: 100%; }


.Header { width: 100% ; border:1px solid #a1a1a1 ; }
.Header th { font-size: 110%; font-weight: bold; text-align: left; padding: 3px; background-image: url('images/HeaderBg.gif'); background-color: #f7f7f7; color: #000000; width: 100%; white-space: nowrap; padding-left: 8px; }
.HeaderLeft { background-image: url('images/HeaderLeft.gif'); }
.HeaderRight { background-image: url('images/HeaderRight.gif'); background-position: right top; }
.HeaderLeft img{ width: 1px; }
.HeaderRight img{ width: 1px; }


.Caption th { 
	text-align: left; vertical-align: top;	padding: 3px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f1d2; color: #000000;
	white-space: nowrap;
	}

.Caption td { text-align: left; vertical-align: top;	padding: 3px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f1d2; color: #000000;
	white-space: nowrap;
	}

.Row th { font-weight: bold; text-align: left; vertical-align: top;
	padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	}

.Row td { padding: 3px;	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}
	
.AltRow th { font-weight: bold; text-align: left; vertical-align: top; padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	background-color: #ededed; 
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { padding: 3px; border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	text-align: left;
	vertical-align: top;
	background-color: #ededed; 
	color: #000000;
	}


.NoRecords td { 
	padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	text-align: left;
	background-color: #f7f8fa; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	background-color: #f7f8fa; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Controls th { font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	background-color: #f7f8fa; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 	padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;
	text-align: left;
	vertical-align: top;
	background-color: #f7f8fa; 
	color: #000000;
	}
	
.Bottom td { padding: 3px;
	border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1;
	background-color: #f7f8fa; color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}



/* Lloyds */
	
.print_row td  { 
	font-size: 100%; font-weight: bold; 
	padding: 10px;
	
	background-color: #eeeeee; color: #000000;
	white-space: nowrap;
	
	}


.search_form { border-right: 1px solid #cccccc ; border-bottom: 1px solid #cccccc ;  width: 196px }
	
.Error td { 
	font-size: 100%;
	padding: 3px;
	border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
	text-align: left;
	color: #BE0208;
	vertical-align: top;
	background-color: #FFDA16; 
	}
	
blockquote { display:block; background: #f5f5f5; padding: 5px 20px 5px 40px; margin: 0 0 20px; position: relative; font-family: Georgia, serif; font-size: 106% ; line-height: 1.3; color: #000000; text-align: justify; }
	
/* END MAIN NAVIGATION */

/* Gallery */

.gallery { font-size:80% ;  }

.gallery td { text-align: left; }

.gallery img{ max-width: 800px; }	

a.p1        {display:block; width:150px; height : auto; text-decoration:none; background:#fff; border: 1px solid #f5f5f5; margin:5px 10px 5px 5px ; float:left;}
a.p1 img    {display:block; border:0;}
a.p1:hover  {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 b      {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;


-o-box-shadow: 5px 5px 2px ;
-icab-box-shadow: 5px 5px 2px ;
-khtml-box-shadow: 5px 5px 2px ;
-moz-box-shadow: 5px 5px 2px ;
-webkit-box-shadow: 5px 5px 2px ;
box-shadow: 5px 5px 2px ;

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}


a.p1:hover b {top:-115px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}

#gallery { z-index:100; height:22em; width:550px ; }




/* END */
