/* A3 IT Solutions */
/* Initial Build: LMA 11/10/2008 */
/* Revisions:
   LMA 11/11/2008
*/

/*************************/
/* General Layout Styles */
/*************************/
/* HTML and body tag styles */
html, body{
  width:100%;
  margin:5px 0 0 0;
  text-align:center;
  background:#ffffff;
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Web Site Container / Wrapper */
#container{
  width:1012px;
  margin:0 auto 0 auto;
  text-align:left;
  background:#ffffff url(images/background.jpg) repeat-y 0px 0px;
}

/* HideShow Notes */
.noteContent{
  overflow:hidden;
  padding:10px 20px 0 20px;
  background-color:#cccccc; 
  border:1px solid #000000;
  font-family:Arial;
  font-size:10px;
}

/* Header Div */
#header{
  position:relative;
  top:0px;
  left:0px;
  width:980px;
  height:182px;
  padding:0 20px 5px 20px;
  background:url(images/header/background.jpg) no-repeat 0px 0px;
}

/* Logo Div */
#logo{
  position:absolute;
  top:18px;
  left:13px;
  width:718px;
  height:164px;
  background:url(images/header/NFRedRoverlogo.jpg) no-repeat 0px 0px;
}

/* Slogan or Call to Action Styles */
#slogan{
  width:450px;
  position:relative;
  top:24px;
  left:280px; 
}

#sloganPopup{
  position:absolute;
  top:60px;
  left:100px;
  width:800px;
  padding:10px;
  background:#ffffff;
  border:1px solid #999999; 
  z-index:999999;
}

/* Utility Navigation Div */
#utilityNav{
  width:220px;
  min-height:14px important!; 
  padding:0 10px 10px 10px;
  margin-right:10px;
  float:right;
}

/* Main Site Navigation Div */
#nav{
  width:955px;
  height:20px;
  padding:2px 0 2px 25px;
  margin:0 0 0 13px;
  text-align:center;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
}

/* Main Site Navigation Link Holder */
#nav div{
  display:inline;
  padding:0 10px 0 0;
}

/* Bread Crumb Div */
#breadCrumb{
  width:934px;
  clear:both;
  padding:5px 0 5px 25px; 
}

/* Content Div */
#content{
  width:950px;
  padding:8px 55px 10px 15px;
  clear:both;
}

#textContent{
  width:960px;
  padding:5px 45px 10px 15px;
}

/* Footer Div */
#footer{
  padding:20px;
  width:1012px;
  height:100px;
  clear:both;
  background:url(images/footer/background.jpg) no-repeat 0px bottom;
}

.indent {
    margin-left:50px;
}

#results .column{
    width:32%;
    float:left;
}

/***************/
/* Home Styles */
/***************/
#homeTop{
  padding:10px 0 0 0; 
}

#homeIntro{
  width:400px;
  float:left; 
}

#homeIntro ul li{
  margin:15px 10px 10px 10px; 
  font-size:16px;
}

#homePFGBEST{
  position:absolute;
  bottom:-180px;
  left:10px;
  height:160px;
  background:#ffffff;
  border:1px solid #999999; 
  padding:10px;
  text-align:left;
}

#homeTable{
  width:545px;
  padding:17px 0 0 0;
  float:right; 
}

#homeBottom{
  padding:10px 0 0 25px; 
}

#homeBottom .homeBottomColumn{
  width:280px;
  min-height:350px;
  height:auto !important;
  height:350px;
  padding:0 10px 10px 10px;
  float:left;
  border:1px solid #999999; 
}

#homeBottom .homeBottomColumnSeparator{
  width:10px;
  height:350px;
  float:left; 
}

#homeBottom .homeRightBottomColumn{
  width:590px;
  min-height:350px;
  height:auto !important;
  height:350px;
  padding:0 10px 10px 10px;
  float:left;
  border:1px solid #999999; 
}

#homeBottom .homeRightSupportColumn{
  width:590px;
  margin-top:10px;
  padding:0 10px 10px 10px;
  float:right;
  border:2px solid #999999; 
}

/***************/
/* Form Styles */
/***************/
/* Textboxes and Drop Downs */
input, select{
  background:#ffffff;
  border:1px solid #000000;
}

.radio input{
    background:transparent;
    border:0;
}

/* Buttons */
button, submit{
  background:#ffffff;
  border:1px solid #000000;
}

.ImgButton{
  background:#ffffff;
  border:1px solid #000000;
}


/***************/
/* Form Styles */
/***************/

#loginlayout{ 
    margin:0 auto 0 auto; 
    width:500px;
}
/* Fieldset Styles */
fieldset{
  border:1px solid #000000;
}

/* Legend Styles */
fieldset legend{
   
}

/* Divs Holding Label, Input, and Errors */
fieldset div{
  position:relative;
  top:0px;
  left:0px;
  float:left;
  padding:2px 0 2px 0; /* Spacing */
}

/* Styling All the Labels */
fieldset div label{
  display:block;
  float:left;
  width:90px; /* Set Width Here */
  padding:2px 5px 0 0;
  text-align:right; 
  white-space:nowrap;
}

/* Styling the Input Elements */
fieldset div input,
fieldset div select,
fieldset div textarea{
  background:#ffffff;
  border:1px solid #000000;
}

/* Styles to Get Rid of Borders in IE for Radio and Check Boxes  */
fieldset div .checkbox input,
fieldset div .radiobox input{
  background:transparent;
  border:0px; 
}

/* Layer Errors on Top of Each Other */
fieldset div.error{
  position:absolute;
  top:4px;
  left:100%;
  width:auto;
  padding:0 0 0 10px;
}

/* Required Field Marker Styles */
fieldset span.error{
   
}

/* Using br Tag to Clear the Floats */
fieldset br{
  clear:both; 
}

/* Holder for the Submit / Reset Buttons */
fieldset div#FormControls{
  padding:0 0 0 95px;
}

/* Submit / Reset Form Elements */
fieldset div#FormControls input{
  background:#ffffff;
  border:1px solid #000000;
}