/*=== PASSES CSS VALIDATION AS IS ===*/

/*======== framework ========*/
* {
   margin: 0;  /* eliminated spacing differences between browsers */
   padding: 0;
}
 body {
   font: 0.8em/1.3em arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;
   text-align: center; 
   min-width: 749px; /* keeps layout from colapsing if the browser is sixed too small */
   background-color:#FFF;
}
#wrapper {
   position: relative;
   width: 749px;  /* width must be in em or percentages to be scalable */
   margin: 0 auto; 
   text-align: left;   
}
#innerWrap {
   width: 719px;/* width must be in em or percentages to be scalable */
   background:#eef0fb;
   border:#282c3f solid 15px;
   border-top:none;
   border-bottom:none;
   padding-bottom:20px;
  /* apply "clearfix" class withing html document to ensure footer clearing both column(s) & footer */
}

/* ===== layout style formatting ===== */
#column1 {
   width: 210px;  /* width must be in em or percentages to be scalable - size to layout*/ 
   padding-top: 1.5em;
}

* html #column1 {
  width:160px;
}

#content {
   width: 490px;margin-top:10px;  /* width must be in em or percentages to be scalable - size to layout*/ 
}

* html #content {
width:400px;
float:right;
}


#mainContent {
   width: 300px;  /* width must be in em or percentages to be scalable - size to layout*/ 
   padding-top: 1em;
}
#column2 {  /* in 3 column layout only */
   width: 180px;  /* width must be in em or percentages to be scalable - size to layout*/ 
   padding-top: 1em;
}
/* ===== end layout style formatting ===== */
.block{
   margin: 0 1em; /* all content must be included within div tags assigned this class */
   clear: both;
}  
/*======== end framework ========*/

/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */
   /*======== headings ========*/
   h1 {font-size: 1.7em;}
   h2 {font-size: 1.5em;}
   h3 {font-size: 1.3em;}
   h4 {font-size: 1.1em;}
   h5 {font-size: 1em;}
   h6 {font-size: 1em;}
   h6 {margin-bottom: 0;}
   h1, h2, h3, h4, h5, h6 {margin: 0.75em 0 0.5em 0;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
      color:#333;
  text-decoration: none;
   }
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
      color:#282c3f;
  text-decoration: underline;
   }
   h6 { 
      margin-bottom: 0;
   }
   /*======== end headings ========*/
   
   /*======== text elements ========*/
   p {margin: 1em 0;}   
   blockquote {margin-left: 2em;}
   dl {margin: 0 1em;}
   dd {margin-left: 1em;}  
   p a, blockquote a, dl a, abbr a, acronym a  {color: #333;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#999;}
   /*======== end text elements ========*/
   
   /*======== images ========*/
   img {
      margin: 0;
      border:1px solid #282c3f;}
  
  #column1 img {border:none;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0.5em;
   } 

  #column1 h4 {
  font-size:13px;
  background: url(/pages/images/pages/full_site.gif) no-repeat;
  color:#282c3f;
  height:63px;
  width:208px;
  padding-top:30px;
  padding-left:10px;
 margin-bottom:-10px;
}


  
   div.left {
      float: left;
      margin-right: 2em;
   }
   div.right {
      float: right;
      margin-left: 2em;
   }
   /*======== end images ========*/
   
   /*======== lists ========*/
   ul, ol {margin: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {margin-bottom: 0.5em;}
   ul li a, ol li a {color: #333;}
   ul li a:hover, ol li a:hover {color:#999;}
   /*======== end lists ========*/
   
   /*======== tables =======*/
   table td {
      margin: 0 0.5em;
      vertical-align: top;
   }
   table td a {color: #333;}
   table td a:hover {color:#999;}
   /*======== end tables ========*/
   
   /*======== forms ========*/
   form {
      margin: 0.5em;
      margin: 0.5em 0;
   }
   /*======== end forms ========*/   
/*======== end common formatting ========*/

/* remember the margins set in common formatting above are in effect until over ridden below */

/*======== header ========*/
    #header {
      position:relative;
  height: 131px;
   }
   
   * html #header {
   margin-bottom:-4px;
   background-image:none;
   background-repeat:no-repeat;
   }
 

   #header a img {
border:none;
}

   #header img {

   }
  


/*======== column1 ========*/
#column1 {
   margin-top: -13px;
}
#column1 h3{
   border-bottom: solid 2px #282c3f;
}
   /*======== contactForm ========*/
form {
   color: #000;
   background-color: #eaeaea;
   width: 213px;
   font-weight: bold;
   margin: 1em 0;
   padding-top:1em
}

* html form {
width:160px;
margin:0px;
margin-top:10px;
}

fieldset {
   display: inline;
   width: 180px;
   margin: 0 1em; /*  space out the fieldsets a little*/
   padding: 0.5em 0.5em;
   border : 2px solid #282c3f;
   text-align: left;
}

* html fieldset {
width:160px;
}

legend {
   color: #000;
   font-weight: bold;
   height: 25px;
}
label {
   font-size: 0.9em;
   display: block;   
   padding-top: 1em;
   padding-bottom: 0.25em;
}
label .required {
   font-size: 0.75em;
   color:#000;
}
input {
   width: 160px;
}
form input#button {
   width: 75px;
}
input.radio, input.submit {
width: auto;
}
input:focus, textarea:focus {
   background: #ffc;
}
input.radio {
   float: left;
   margin-right: 3em;
}
textarea {
   width: 160px;
   height: 120px;
}
/* Hack to make sure the floated radio buttons
 sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
text-indent: 2em;
}
/* Using the commented backslash filter, I'm resetting
 the above rule for everything other than IE5/Mac \*/
input.radio + label {
text-indent: 0;
}
/* End the hack */
/*======== end contactForm ========*/
    
/*======== end column1 ========*/

/*======== content (container) ========*/
#content {   /* alone for a 1 column layout, main column in a left or right 2 column layout, 
contains mainContent & column2 in a 3 column display*/
}
#content h3{
   border-bottom: solid 2px #282c3f;
}
#content {
   /*font: 1.1em/1.4em arial;*/}
   /*======== mainContent ========*/
   #mainContent {  /* main center column in a 3 column display */
   }
   /*======== end mainContent ========*/

   /*======== column2 ========*/
   #column2 {  /* right column in a 3 column layout */      
   }
   /*======== end column2 ========*/
   
/*======== end content (container) ========*/

/*======== footer ========*/
#footer {
 color:#fff;
   clear: both;
   padding: 0.5em 0.5em;
   text-align: center;
   background:#282c3f;
}

#footer a {
color:#fff;
}

#sub_footer, #sub_footer a {
text-align:center;
color:#282c3f;
}

/*======== end footer ========*/

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ======== end float clearing method ======*/