@import "widgits.css";

.clear{ width: 100%; height: 1px; line-height: 1px; font-size:0; display:block; clear: both; }
/* General Styles
----------------------------------------------- */
body {text-align:center;  background: #E4E4E4 url("../images/main_bg.gif") repeat-x top right; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}


*{ margin:0px; padding: 0px; border:0;}
p.error{ color:#f00; padding:0;}
.l {float: left;}
.r {float: right;}
a {text-decoration:none;}
a em {font-style: normal;font-weight: normal;text-decoration: underline;}
input { font-family: Verdana, Arial, Helvetica, sans-serif;}
/*-----------------------------------------------------------------------------------------------------------------------*/


/* Structural Layouts
----------------------------------------------- */
#bodyWrap {  width:768px; margin:8px auto 0 auto; text-align:center; background: #fff; padding-top:2px; padding-left:2px; padding-right:2px } 
html>body #bodyWrap {padding-bottom:1px;}

#WrapInner { text-align:left;  width:771px;  background:  url("../images/lhn_bg.gif") repeat-y top left;}
html>body #WrapInner {padding-bottom:30px; }
#secondCol { float:right; text-align:left; width:590px; margin:0 0 0 0px; padding:0;}
#firstCol { width:181px; float:left; text-align:left;}

#secondCol p { line-height: 1.4em; color:#333333;}


/* Header 
----------------------------------------------- */
#header {text-align:center; width: 771px; height:90px; margin: 0px auto;}
#logo { float:left; padding:18px 0 10px 20px; margin: 0px;}
#strapline { float:right; padding:40px 73px 0px 0px; margin: 0 auto;}


/*-----------------------------------------------------------------------------------------------------------------------*/


/* Main Menu 
----------------------------------------------- */
ul#gns {margin:0px auto; clear:both; width:771px;height:34px; }

ul#gns ul {} 
ul#gns li { float:left; font-family: verdana, tahoma, arial; font-size: 1em; font-weight:bold;list-style:none;line-height:1.8em;text-align:left;}
ul#gns li a { color: #ffffff; text-decoration: none; padding:6px 0px 8px 20px; display:block;voice-family:inherit;}
ul#gns li a:hover, ul#gns li a.on { color:#ffffff; text-decoration:none; }

ul#gns li#gns1, ul#gns li#gns1 a.on{background:  url("../images/gns_curved.gif") no-repeat 0px -36px; width:85px;margin-right:1px;}
html>body ul#gns li#gns1 {width:105px;}
ul#gns li#gns1 a {background:  url("../images/gns_curved.gif") no-repeat left top;width:85px;voice-family:inherit;}
ul#gns li#gns1 a:hover {background-image: none;width:85px;}

ul#gns li#gns2, ul#gns li#gns2 a.on{background:  url("../images/gns_bg.gif") no-repeat 0px -36px; width:90px;margin-right:1px;}
html>body ul#gns li#gns2 {width:110px;}
ul#gns li#gns2 a {background:  url("../images/gns_bg.gif") no-repeat left top;width:90px;voice-family:inherit;}
ul#gns li#gns2 a:hover {background-image: none;width:90px;}

ul#gns li#gns3, ul#gns li#gns3 a.on{background:  url("../images/gns_bg.gif") no-repeat 0px -36px; width:93px;margin-right:1px;}
html>body ul#gns li#gns3 {width:113px;}
ul#gns li#gns3 a {background:  url("../images/gns_bg.gif") no-repeat left top;width:93px;voice-family:inherit;}
ul#gns li#gns3 a:hover {background-image: none;width:93px;}

ul#gns li#gns4, ul#gns li#gns4 a.on{background:  url("../images/gns_bg.gif") no-repeat 0px -36px; width:87px; margin-right:1px;}
html>body ul#gns li#gns4 {width:107px;}
ul#gns li#gns4 a {background:  url("../images/gns_bg.gif") no-repeat left top;width:87px;voice-family:inherit;}
ul#gns li#gns4 a:hover {background-image: none;width:87px;}

ul#gns li#gns5, ul#gns li#gns5 a.on{background:  url("../images/gns_bg.gif") no-repeat 0px -36px; width:87px;margin-right:1px;}
html>body ul#gns li#gns5 {width:107px;}
ul#gns li#gns5 a {background:  url("../images/gns_bg.gif") no-repeat left top;width:87px; voice-family:inherit;}
ul#gns li#gns5 a:hover {background-image: none;width:87px;}

ul#gns li#gns6, ul#gns li#gns6 a.on{background:  url("../images/gns_bg.gif") no-repeat 0px -36px; width:90px;margin-right:1px;}
html>body ul#gns li#gns6 {width:110px;}
ul#gns li#gns6 a {background:  url("../images/gns_bg.gif") no-repeat left top;width:90px; voice-family:inherit;}
ul#gns li#gns6 a:hover {background-image: none;width:90px;}

ul#gns li#gns7, ul#gns li#gns7 a.on{background:  url("../images/gns_curved_end.gif") no-repeat 0px -36px; width: 92px;margin-right:0px;}
html>body ul#gns li#gns7 {width:112px;}
ul#gns li#gns7 a {background:  url("../images/gns_curved_end.gif") no-repeat left top;width: 92px;voice-family:inherit;}
ul#gns li#gns7 a:hover {background-image: none;width: 92px;}


/*-----------------------------------------------------------------------------------------------------------------------*/

/* footer
----------------------------------------------- */
#footer { width: 771px; height:60px; margin:0 auto 4px auto; clear:both; border-top:1px solid #B3B3B3; font-size:1.0em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#footer p {margin:10px 0 0 20px; padding:0; text-align:left; color:#444;}


#footer a {text-decoration:underline; color:#0096CE;}
#footer a:hover {text-decoration: underline; color:#0E238C;}
#footer ul {padding: 8px 0 14px 20px; float:left; }
#footer ul li {list-style:none; float:left; text-align:left; }
#footer ul li a {color:#0096CE;}
#footer .sep {margin: 0 8px; color:#444;}


/*-----------------------------------------------------------------------------------------------------------------------*/

/* Homepage 
----------------------------------------------- */

#homeFocus {margin-bottom:0px; height: 160px; float:left; background:url("../images/homefocus_text.gif") no-repeat top left;}
html>body #homeFocus {margin-bottom:1px;}
#homeFocus div { float:left; height:160px;}
#homeFocus p {padding:55px 29px 0 20px; width:450px; height:67px; font-family:Tahoma; font-size:0.95em; font-weight:700; line-height: 1.25em;}


/* HomeWrap  
----------------------------------------------- */
	
#homeWrap {margin-top:0px; text-align:left; width:771px;}
#homeWrap a:hover {color:#0E238C;}
#homeWrap div.l { margin: 0; width: 483px; }

#homeWrap div.r {margin: 0; width: 270px; height:287px; color:#0096CE; background:#F8F8F8;}
html>body #homeWrap div.r {height:280px; padding-bottom:5px;}
#homeWrap div.r ul {margin:0 0 0 18px; padding:0; color:#0096CE; width: 230px;}
#homeWrap div.r li {margin: 0 0 0 0px; padding: 6px 0px 10px 15px; font-weight:bold; font-size:1em; color:#0096CE; list-style: none; background: url("../images/red_arrow.gif") no-repeat top left; border-bottom:1px solid #D8D8D8;}
#homeWrap div.r li a { color:#0096CE;}
#homeWrap div.r li.last {border-bottom:none;}


/* Homepage Heading Styles*/
#homeWrap h1 {margin:0 0px 10px 0px; padding: 10px 0 10px 20px; width:481px; font-size: 1.3em; color: #ffffff;  background:#999;}
#homeWrap h2 {margin:0 0 15px 0px; padding: 8px 0px 9px 18px; font-size: 1.3em; width: 252px; color: #444; background: url("../images/topright_grey_bar.gif");}

/* LeftBoxes

-----------------------------------------------------------------*/
#leftBoxes { margin:0 0 5px 0; width:483px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:1.3em;}
#leftBoxesTop { background:white; clear:both;}
#leftBoxesTop p { margin:15px 10px 5px 20px;}

#leftBoxesTop ul {margin:10px 0 0 0; padding:0;}
#leftBoxesTop li {margin:0 0 7px 5px; padding:9px 0 10px 28px; list-style:none; background:  url("../images/red_arrow_hm.gif") no-repeat; font-size:1em;  } 
#leftBoxesTop li a{color:#0096CE; font-weight:bold;}

#leftBoxesTop div.content, #leftBoxesBot div.content{ margin:0 auto 0px auto; font-family:Tahoma;}  
#leftBoxesTop span{padding:2px;float:right;border:1px solid #B3B3B3; margin-left:20px;}
html>body #leftBoxesTop span {padding:2px 2px 0 2px;}


/* arekibo link */
#arekibo {margin:0px auto; padding:10px 15px 10px 0; width:771px; text-align:right;}
#arekibo a {text-decoration:underline;}
#arekibo a:hover {color:#0E238C;}

/*------------------------------------------------------------------------------------------*/
/* Inside Structure
----------------------------------------------- */
/* First Col 
----------------------------------------------- */


#firstCol {}
#firstCol ul {list-style: none; margin: 0 0 0 0px; width:181px; padding-bottom:0px;} 
#firstCol ul li {line-height: 1.8em; border-bottom: 1px solid #fff; font-size:1em; width:181px; background: url("../images/red_arrow_hm.gif") no-repeat top left;}
#firstCol ul li a {padding:4px 0 5px 29px; display:block; height:1.0em; color:black; text-decoration:none;}
#firstCol ul li a:hover{ background: url("../images/lhn_white_arrow.gif") no-repeat top left #0196CE; color:#fff; font-weight:normal;}
#firstCol ul li.on a{padding-top:6px;  background: url("../images/lhn_white_arrow.gif") no-repeat top left #0196CE; color:#fff; font-weight:bold;}
#firstCol ul li.on a:hover{font-weight:bold;}
#firstCol ul li li.last { border-bottom: none;}

html>body #firstCol ul li a { height: auto;}


/* Content Styles */
#content {margin-left:30px; width:541px;text-align:left; }
#content a:hover {color:#0E238C}
#content span {padding:2px; float:right;border:1px solid #B3B3B3;margin-left: 20px; }
html>body #content span {padding:2px 2px 0 2px;}
#content span img{margin:0; padding:0;}
#content h1{font-size:1.3em; color:#0E238C; margin:15px auto; padding:0px 0 15px 0;border-bottom:1px solid #B3B3B3; }
#content h2 {color:#0E238C;}
#content h5{padding:15px 0 0 15px;}
#content p {color:#333333; margin:10px 20px 20px 0;line-height: 1.5em;}
#content p a {text-decoration:underline;}
#secondCol #content ul {margin:10px 0 10px 5px; padding:0 0 5px 0; list-style:none; line-height:2em;}
#secondCol #content ul li {margin:0; padding:0 0 0 15px; background: url("../images/red_arrow.gif") no-repeat left top;}
#content ul a {margin:0; padding:0; text-decoration:underline;}
#content h7 {color:#004384; padding:0 0 10px 0; font-size:1.2em;}


/*staffItem*/
#staff{}
#staff img {float:right; margin-top:0px; padding:0 0 0px 0px;}
#staff p {margin:10px 0px 20px 0; width:515px; padding-bottom:25px;}
#staff h2 {margin:10px 0 4px 0;}
#staff h3 {font-size:1em;}
#staff h4 {font-size:1em; font-weight:100; margin-top:5px;}
#staff h4 a {text-decoration:underline;}
#staff h5 {font-size:1.1em;font-weight:100;margin:10px 0 10px 0; color:#004384;}

#content .staffItem {border-bottom:1px solid #B3B3B3;}
#content .staffItem p {margin:10px 0 20px 0;}
#content .staffItem_01 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_02 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_03 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_04 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_05 {border-bottom:0px solid #B3B3B3;}
#content .staffItem_06 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_07 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_08 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_09 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_10 {border-bottom:1px solid #B3B3B3;}
#content .staffItem_11 {border-bottom:1px solid #B3B3B3;}
 


/* forms */

.formStyle {margin: 0 0 20px 0; padding:0px 0 20px 0px; text-align: left;background:white;}
html>body .formStyle {margin: 0 0 20px 0; padding:10px 0 15px 15px;}
.formStyle table { width:100%; border-top: 1px solid #DADAD9; color:#02386F;}

.formStyle fieldset table { border-top: none;}

.formStyle td {vertical-align:top; text-align:center; padding:7px 0 7px 15px; color:#02386F; font-size:1em; font-weight:bold; }

.formStyle em { font-style:normal; font-size:1em;font-weight:100; color:#4AA321;margin-left:35px;margin-top:10px;width:80px;height:10px;text-align:left;}
html>body .formStyle em {margin:5px 70px 5px 0px; text-align:left;}

.formStyle fieldset {width: 95%; margin-top: 5px; padding: 20px 0px 10px 0px;} 
html>body .formStyle fieldset { width: 90%;}
.formStyle .s188 {width: 188px; border:1px inset #ccc; padding: 3px 2px 5px 2px; font-size: 1em;background:#F3F8FC; height:18px; }
html>body .formStyle .s188 {font-weight:100;margin-left: 40px;}
html>body .formStyle .s170 {margin-left: 40px;}
.formStyle select {width: 188px;height:18px; border:1px solid #4F4F4F; padding: 3px 4px; font-size: 0.8em;}
.formStyle textarea {width: 188px;border:1px solid #4F4F4F; padding: 3px 2px; font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;background:#F3F8FC; }
html>body .formStyle textarea{margin-left: 40px;overflow:scroll;}
.formStyle .left { width:30%;}
.formStyle .right { width:40%;}
.formStyle .buttons {margin:20px 0 17px 178px;}
html>body .formStyle .buttons {margin-left:135px;}

.ProfileShot {padding:2px; float:right; border:1px solid #B3B3B3; margin-left:20px; margin-bottom:20px;}