/*

Theme Name: Gatorskin

Description: Theme for Gatorhyde

Version: 0.1

Author: Cody O'Dell

Author URI: http://codio.org/

Tags: gatorhyde



*/



#s, #searchsubmit{

  background:#444;

  color:#f0f0f0;

  border-width:0;

  padding:5px;

  font-weight:normal;

}



.yui-b { width: 100% !important; }

.none { display: none; }

.hidden { display:none; }



.gh-home-left { float: left; width: 631px }

.gh-home-right { float: right; width: 245px; }

.gh-sidebar { width: 240px; margin: 4px 4px 0 0; float: right; }

.gh-page { margin: 4px 4px 0 4px; line-height: 18px; }

.gh-page h2 { margin: 0 0 10px 0; font-weight: normal; font-size: 1.4em; border-bottom: 1px solid #A2C773; color: #FFF; padding: 8px; background: #315800; }

.gh-page img { margin: 5px; }



#searchform{

  color:#315800;

  font-weight:bold;

}

/* Type/Colors */



#banner {  

    height:  70px;  

    overflow:hidden;

} 

 

#banner img {  

    width:  468px; 

    height: 70px; 

    margin:0 auto;

    top:  0; 

    left: 0;

} 



#gallery-1 {  

    height:  130px;  

    width:   490px;

    overflow: hidden;

    float:right;

    margin: 20px 20px 0 0;

    border:3px solid #000;

}

#gallery-1 .classf { overflow: hidden; height: 130px; }

 

#gallery-1 .classf img {  

    width: 490px;

    top:  50px;

    left: 0;

} 



body{

	color: #333333;

	background: repeat url('images/ESIGatorWebPortalBASE2.jpg') ;

	font-size:12px;

}



h1, h2{

  color: #000000;

}



h3{

  color: #6b9c2d;

}







.alignright {

	float: right;

	}



.alignleft {

	float: left

	}



a {

	color: #004000;

	text-decoration: none;

	font-weight: bold;

}

a:hover {

	color: #cc0000;

	text-decoration: underline;

	font-weight: bold;

}



img{border:none;}



.clear{ clear:both; }



#doc2{ width: 908px; background: url('images/gator-bd-bg.gif') repeat-y top left #fff;  }

#masthead{ background: url('images/gh-head.png'); }

#nv{ background: url('images/gh-nav-bg.png') repeat-x; height: 39px; margin: 0 0 0 19px; }

#yui-main{ background-color:#fff; width: 888px; margin-left: 19px; }

#secondary{ background-color: #fff; }

#secondaryFull{ background-color:#fff; }

#footer{ background-color:none; border-top:#FFFFFF 2px solid; }



#app-possibilities-slideshow{

  height:297px;

  width:514px;

  margin:0 auto;

}



#homePage_whyGH {

	height: 375px;

	width: 474px;

  padding: 45px 20px 20px 20px; 

	background-image: url(/images/gatorHyde_whyGH.gif);

	background-repeat: no-repeat;

	text-align: left;

	margin:0 auto;

}



#homePage_scrolling {

	height: 335px;

	width: 454px;

	padding: 10px;

	overflow: auto;

	background-color: #ffffff;

	font-size: 12px;

	font-weight: normal;

}



/* Type/Colors: Navigation */

/* - Navigation */

.nav, .nav ul { 

	list-style: none;

	margin: 0;

	padding: 0;

}



.nav {

  font-family: Arial, Helvetica, sans-serif;

  z-index: 100;

  position: relative;

  

}

.nav li {

  float: left;

  margin: 0;

  padding: 0;

  position: relative;

  list-style:none;

}



.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {

  font: bold 1.22em/25px Arial, Helvetica, sans-serif;

  color: #fff;

  display: block;

  text-decoration: none;

  height: 36px;

  width: 200px;

}



.nav li#introduction a { margin-left: 15px; padding-left: 10px; background: url('images/nav-introduction.png') no-repeat; width: 119px; }

.nav li#introduction a:hover { background: url('images/nav-introduction.png') 0 -39px no-repeat; }



.nav li#become-member a { margin-left: 5px; padding-left: 10px; background: url('images/nav-become-member.png') no-repeat; width: 144px; }

.nav li#become-member a:hover { background: url('images/nav-become-member.png') 0 -39px no-repeat; }



.nav li#applications a { margin-left: 5px; padding-left: 10px; background: url('images/nav-applications.png') no-repeat; width: 115px; }

.nav li#applications a:hover { background: url('images/nav-applications.png') 0 -39px no-repeat; }



.nav li#safety a { margin-left: 5px; padding-left: 10px; background: url('images/nav-safety.png') no-repeat; width: 74px; }

.nav li#safety a:hover { background: url('images/nav-safety.png') 0 -39px no-repeat; }



.nav li#downloads a { margin-left: 5px; padding-left: 10px; background: url('images/nav-downloads.png') no-repeat; width: 100px; }

.nav li#downloads a:hover { background: url('images/nav-downloads.png') 0 -39px no-repeat; }



.nav li#online-store a { margin-left: 5px; padding-left: 10px; background: url('images/nav-online-store.png') no-repeat; width: 112px; }

.nav li#online-store a:hover { background: url('images/nav-online-store.png') 0 -39px no-repeat; }



.nav li#contact-us a { padding-left: 10px; background: url('images/nav-contact-us.png') no-repeat; width: 110px; }

.nav li#contact-us a:hover { background: url('images/nav-contact-us.png') 0 -39px no-repeat; }



.nav li a.grn-btn{

  background-color:#6b9c2d;

  border-top:1px solid #9ebe75;

  border-left:1px solid #9ebe75;

  border-bottom:1px solid #42611c;

  border-right:1px solid #42611c;

}



.nav li a:hover {

  background: #5F8B27;

  color: #fff;

}

#nav-main li:hover a, 

#nav-main li.sfHover a {



  color: #fff;	

}

#nav-main li:hover ul a, 

#nav-main li.sfHover ul a {

  display: block;

  width: 220px;

  height: 25px;

  background: #6B9C2D;

  color: #fff;	

}

#nav-main li:hover ul a:hover, 

#nav-main li.sfHover ul a:hover {

  background: #5F8B27;

  color: #fff;	

}



.nav ul {

  list-style: none;

  margin: 0;

  position: absolute;

  top: -999em;

  left: -1px;

  font-size:0.8em;

}

.nav li:hover ul,

.nav li.sfHover ul {

  top: 37px;

}

.nav ul li {

  border: 0;

  float: none;

}

.nav ul a {

  border-bottom: 1px solid #324B11;

  border-right: 1px solid #324B11;

  border-top: 1px solid #a2c773;

  border-left: 1px solid #a2c773;

  white-space: nowrap;

}

.nav ul a:hover {

  background: #ccc;

  color: #000;

}





/* Structure */





#masthead{ height: 246px; width: 908px; margin:0px; padding:0px; }

#stuffing { text-align: right; padding: 28px; color: #6B9C2D; }

#stuffing a{ color: #567F1F; text-transform: uppercase; text-decoration:none;margin-left:10px; }

#stuffing a:hover{  color: #6B9C2D; border-bottom:1px dotted #6B9C2D; }

#nv{ line-height:25px; }

.main{  }

.main h1{

  margin:10px 20px;

  font-size:2em;

}

#secondary{min-height:280px; margin:0px; padding:10px;}

#secondary li{ list-style:none; margin:0; padding:0; }

#secondary li ul li, #secondary li ul{ margin:0; padding:0; text-align:center; }

#secondary li ul li a img{ max-width:200px;*width: 200px; margin:10px 0; }

#secondaryFull{min-height:300px; margin:0px; padding:0px;}

#foot-img-wrap { line-height:59px; margin: 0 0 0 19px; padding:0px; text-align:center; background:url('/wp-content/themes/gatorskin/images/gatorHyde_footerFade.gif') repeat-x bottom; }

#footer{ line-height:40px; margin: 0 0 0 19px; padding:0px; text-align:center; }

#sub-foot{ margin: 0 0 0 19px; padding:0px; text-align:right; background-color: #a2c773; width:100%; }



#warrantyForm tr td{

  border-width:0;

}

/* Validation */



.validation-advice, label.error {

  display: inline;

	margin: 0 0 0 10px;

	padding: 2px 6px 2px 6px;

	background-color: #FF3300;

	color : #FFF;

}



/* Login Form */



.grayBox{

  background: #f0f0f0; 

  border-bottom:1px solid #FF8D00; 

  border-top:1px solid #FF8D00; 

  padding:10px;

  width:45%;

  float:left;

  margin:10px 5px;

  min-height:180px;

}



.grayBox p{

  line-height:20px;

}



div#frmLogin{



}



div#frmLogin form p{

  color:#444;

  clear:both;

}



div#frmLogin form p label{

  float:left;

  width:40%;

}



div#frmLogin form p input{

  background:#444;

  color:#f0f0f0;

  border-width:0;

  padding:3px;

  float:right;

  width:50%;

}



input.submit{

  float:right;

}



.grn-btn{

  font-weight:normal;

  border-width:0;

  color:#fff;

  background: #0F8300; 

  cursor:pointer; 

  cursor: hand;

}



.grn-btn:hover{

  background:#1F9411;

}



div.error{

  padding: 5px; 

  background-color: #f9f9f9; 

  color:#990000;

  margin:5px 0;

}



div.error h3{

  color:#990000;

  border-bottom:1px dotted #990000;

  display:block;

  padding-bottom:3px;

}