/* CSS Document for Staystrip */

html{ height: 100%;  font-family:Arial, Helvetica, sans-serif; font-size:86%; color:#009;}

body{	/*min-height:101%*/	

	overflow: -moz-scrollbars-vertical;

	/* to get over mozilla's rendering of scrollbars on different height pages */
	margin:0; padding: 0; background: url(../images/structure/lowerbg.jpg) repeat-x bottom center #fff; background-attachment: fixed; }

#upper{background: url(../images/structure/bg.jpg) repeat-x top center; margin:0 auto; text-align:center;  padding-top: 22px; }

#upper a{color:#009; text-decoration:none;}

#upper a:hover{color:#ffb902;}

#wrapper {width: 790px; margin-left: auto; margin-right: auto; margin-top: 0;  text-align:left; border-bottom: 3px solid #666; background-color:#fff; }

#header{background: url(../images/structure/headerbg.gif) repeat-x top center; width: 790px; min-width: 790px; height: 191px; min-height: 191px; margin-bottom: 10px; }

#header img{ margin: 15px 0 0 26px;}

#steel{background-image: url(../images/structure/steel.jpg); background-repeat:repeat-x;  color: #fff; height: 40px; min-height: 40px; border-top: 1px solid #fff; width: 790px;}

#steel p{padding: 10px; font-weight:bold;}

.reel{width: 307px; float:right}

.reel img{margin: 0!important;}

.logo{width: 200px; float: left; margin-left: 40px; }

.logo img{border: none;}

.searchform{width: 200px;}

#nav{float:left; width:180px; background-color:#fff; padding-left: 6px; padding-top:20px; text-align:center; text-transform:uppercase;}

#nav li{border: 1px solid #b3c8d1; width: 170px; list-style:none; display:block; margin-bottom: 2px; text-align:left;}
		
#nav li a, #nav li a:visited {display:block; padding: 4px;  text-decoration: none; color: #009;!important}

#nav li a:hover{background-color: #ffd13e;}		

#nav ul{background-color: #fff; padding-left: 0; margin-left:0;}			

#nav img{text-align:center; }	

.subnav ul{border:none!important; }

.subnav li{border:none!important; }

.subnav li a{color:#009;!important}

.subnav li a:hover{background-color: #fff3cb!important; }	

#right{float:right; width:190px; padding: 5px; background-color:#fff;}	
	
#middle{width:590px; margin-left: 190px; margin-top:14px; background-color:#fff;}

#middle img{float: right; padding: 0px 8px 10px 10px;}

#middle ul, #middle li{margin-left: 20px}
	
#content{width: 380px; float: left; background-color: #fff}			
	
h1{text-align: center; color: #009; text-transform:uppercase; font-size: 120%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-top: 2px;}	

h2{color: #009; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 110%;}

.feature{background-color: #ffa51c; border: 1px solid #b3c8d1; margin: 4px 0 8px 0; text-align: left;  width: 170px; font-size:84%;}

.feature p{padding: 4px 2px 2px 2px; margin: 0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; font-weight:bold; line-height: 100%;}

.feature a{color: #fff!important;}

.feature a:hover{color: #999!important;}

.feature img{float:left;}

table.form{width: 96%;}

td.form, .form td{vertical-align:top;}

td.formleft{text-align: right; padding-top: 4px;}

td.formsub{background-color: #999; font-weight:bold; padding: 3px 3px 3px 10px; color: #fff;}

#footer{width: 790px; font-size: 90%; color: #666; margin: 8px 0 8px 0; text-align:center; margin-left: auto; margin-right:auto; }

.email{font-weight:bold;}