﻿/* A3 IT Solutions */
/* Initial Build: LMA 11/13/2008 */
/* Revisions:
    LMA 08/14/2009
*/

/*************************/
/* General Layout Styles */
/*************************/
/* HTML and body tag styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  text-align:center;
  background:#7ab2be;
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Site Container */
#Container{
  position:relative;
  top:12px;
  left:0px;
  width:930px;
  margin:0 auto 0 auto;
  text-align:left;
}

/* Header Div */
#Header{
  width:930px;
  height:197px;
  background:url(images/header/background.jpg) no-repeat 0px 0px;
}

/* Logo Div */
#Logo{
  width:350px;
  height:118px;
  float:left;
  padding:20px 0 0 10px;
  background:url(images/header/logo.gif) no-repeat 10px 21px;
}

/* Transparent Gif in Logo Div */
#Logo img{
  width:350px;
  height:118px;
  border:0px; 
}

/* Slogan or Call to Action Div */
#Slogan{
  width:250px;
  height:50px;
  padding:45px 0 0 20px;
  float:left;
}

/* Utility Navigation Div */
#UtilityNav{
  float:right;
  padding:1px 10px 0 0;
}

/* Utility Navigation Link div */
#UtilityNav div{
  display:inline;
  padding:0 25px 0 0;
}

/* Main Site Navigation Div */
#Nav{
  position:absolute;
  top:138px;
  left:0px;
  height:24px;
  padding:0 8px 0 0;
  background:url(images/nav/background.gif) no-repeat 100% 0px;
}

/* Main Site Navigation Link div */
#Nav div{
  display:inline;
  padding:0 10px 0 22px;
}

/* Bread Crumb Div */
#BreadCrumb{
  position:absolute;
  top:162px;
  left:0px;
  width:909px;
  height:26px;
  padding:5px 0 5px 15px;
  border-left:3px solid #b2b2b2;
  border-right:3px solid #b2b2b2;
}


 body.HomePage #BreadCrumb {
 	display:none;
 }

/* Content Div */
#Content{
  width:884px;
  padding:0 25px 15px 15px;
  border-left:3px solid #b2b2b2;
  border-right:3px solid #b2b2b2;
  background:#ffffff;
}

/* Footer Div */
#Footer{
  width:930px;
  clear:both;
  padding:2px 0 10px 0;
  border-top:3px solid #b2b2b2;
}

/***************/
/* Form Styles */
/***************/
/* 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:0px;
  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;
}