@charset "utf-8";
/*======== framework ========*/
/* width must be in em or percentages to be scalable */

* {margin: 0; padding: 0;} /* eliminates spacing differences between browsers */   
 body {
font: 0.8em/1.5em  arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;
text-align: center;
min-width: 700px;
color: #333;
} /* keeps layout from colapsing if the browser is sixed too small */
#wrapper {
   position: relative;
   width: 700px; 
   margin: 0 auto;
   text-align: left;}
#innerWrap {width: 700px;} /* apply "clearfix" class to ensure footer clearing both column(s) & footer */



/*#innerWrap div.block {
width:680px;
}*/


*:first-child+html #innerWrap {width: 600px;} 
   /* ===== layout style formatting ===== */
/*======== end framework ========*/

/*======== background images & color ========*/
/* add layout background colors & images here */
body {background: url(/pages/images/pages/body_background.gif) repeat-x;}
#wrapper {background: url(/pages/images/pages/page_background.gif);
background-repeat:repeat-y;}
#header {background: #826730 url(/pages/images/pages/header.gif) no-repeat center;}
/*#innerWrap {background: #FFF;} */
#content {background: #FFF;}
#mainContent {background: #FFF;}
#column2 {
}

   /* ===== layout style formatting ===== */
   /* these width can change depending on layout & desired result */
   /* widths must be in em or percentages to be scalable - size to layout*/ 
   #content {width: 400px;}
#footer {background: url(/pages/images/pages/footer.gif) repeat-x;} 
/*======== end background images & color ========*/


/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */
   
   /*======== images ========*/
   img {margin: 0; border-style: none;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0.5em;}   
   div.left {float: left; margin-right: 2em;}
   div.right {float: right; margin-left: 2em;}
   /*======== end images ========*/

   /*======== headings ========*/
   h1 {font: bold 1.8em/2em arial;}
   h2 {font: bold 1.6em/1.8em arial;}
   h3 {font: bold 1.4em/1.6em arial;}
   h4 {font: bold 1.2em/1.5em arial;}
   h5 {font: bold 1.1em/1.5em arial;}
   h6 {font: normal 0.9em/1.3em arial;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#333;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#999;}
   /*======== 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 ========*/
   
   /*======== 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 0;}
   form a {color:#333;}
   form a:hover {color:#999;}
   /*======== end forms ========*/
      
/*======== end common formatting ========*/
   
   /*======== images ========*/
   img {margin: 0; border-style: none;}
   div.image_wrap {margin: 0.5em 0; padding:0;}
   div.image_wrap p, div.image_wrap ul, div.image_wrap ol, div.image_wrap blockquote, div.image_wrap dl{margin-top: 0;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0.5em;}   
   div.left {float: left; margin-right: 1em;}
   div.right {float: right; margin-left: 1em;}
   /*======== 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 ========*/ 
   
/* remember the margins set in common formatting above are in effect until over ridden below */ 
/*======== end common formatting ========*/


/*======== header ========*/
    #header {
      position:relative;
      padding: 0;
  margin: 0 15px;
  background-image:url(/pages/images/pages/header.gif);
  background-position:top;
  background-color:#FFFFFF;
      height: 240px;} 
  
 #header img {
  position:relative;
  top:78px;
  left:5px;
  } 
     
 /*======== headerMenu ========*/
   #headerMenu{
padding-bottom: 0;
margin-bottom: 0;
width: 660px;
position: relative;
left: 20px;
top: -15px;
height:40px;
background-image:url(/pages/images/pages/menu_bg1.gif);
background-repeat:no-repeat;
}
   #headerMenu ul {
font-size: 1em;
list-style:none;
width: 660px;
}
  
  
   #headerMenu ul li {
float:left;
display: inline;
text-align: center;
padding-top: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

* html #headerMenu ul li {
padding-top:0px;
}

*:first-child+html #headerMenu ul li {
padding-top:0px;
}

   
   #headerMenu ul li.home {
margin-left:4px;
     }
 #headerMenu ul li.about {
margin-left:44px;
     }
 #headerMenu ul li.service {
margin-left:48px;
     }
 #headerMenu ul li.directions {
margin-left:32px;
     }
 #headerMenu ul li.contact {
margin-left:30px;
     }
 #headerMenu ul li.full {
margin-left:30px;
line-height: 10px;
padding-top: 12px;
font-size: 10px;
     }
 
* html #headerMenu ul li.full {
 padding-top:0px;
 }
 
 *:first-child+html #headerMenu ul li.full {
 padding-top:0px;
 }
 
    #headerMenu li a {
color: #3d5a91;
text-decoration: none;
font-weight: bold;
}
   #headerMenu li a:hover {
color: #6580b4;
text-decoration: none;
}
      /*======== headerMenu sub_menu styles ========*/
  #headerMenu ul ul {display: none;}
   /*======== end headerMenu sub_menu styles ========*/
   /*======== headerMenu ========*/  
       
/*======== end header ========*/

/*======== innerWrap ========*/
#innerWrap {}
#innerWrap div.block{padding: 0 1em;}

*:first-child+html #innerWrap div.block{ padding:0 2em;}

/*======== end innerWrap ========*/

/*======== column1 ========*/
#column1 {
width: 400px;
float: left;
height:730px;
margin-left: 20px;
background-image: url(/pages/images/pages/columnbg.gif);
background-repeat: repeat-y;
background-position: right top;
margin-bottom: 20px;
padding-right:10px;
}/* side column in a 2 column left layout, left column in a 3 column layout */

* html #column1 {
 width:380px;
 margin-left:20px;
padding-right:10px;
}

*:first-child+html #column1 {
 width:380px;
 margin-left:20px;
}

#column1 div.block{
clear: both;
}  /* all content must be included within div tags assigned this class */


*:first-child+html #column1 div.block{
padding:0 2em 0 0em;
}

* html #column1 div.block{
padding:0 2em 0 0em;
} 

#column1 div.block h3{
color:#cd8e00;
font-size: 1.2em;
width:340px;
border-top: 1px solid #dfdfdf;
margin-top: 10px;
}

#column1 div.block h3.noborder{
color:#cd8e00;
font-size: 1.2em;
width:340px;
border-top: none;
margin-top: 10px;
}

#column1 div.block .list {
width:105px;
float:left;
margin-left: 10px;
margin-top: 10px;
text-align: center;
font-size:10px;
line-height:11px;
margin-bottom: 10px;
}

*:first-child+html #column1 div.block .list {
   margin-left:5px;
}

* html #column1 div.block .list {
   margin-left:5px;
}

#column1 div.block .list a{
color: #3d5a91;
}

#column1 div.block .list a:hover {
    color:#6580b4;
}

#column1 div.block .list .border {
border:5px solid #ccc;
}

#column1 div.block .list span.red {
color:#c82520;
text-decoration:line-through;
}

#column1 div.block .list span.green{
color:#4c8349;
}

div.border1 img {
border: 4px solid #ccc;
padding:1px;
}
/*======== end column1 ========*/

/*======== content (container) ========*/
#content {margin: 15px 0 15px 25px;}   /* 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 div.block{padding:0; clear: both;}  /* all content must be included within div tags assigned this class */  



#table_sub {
width:650px;
padding-left:20px;
}

   /*======== column2 ========*/
   #column2 {
width:230px;
margin: 15px 15px 15px 0;
font-size:12px;
float:right;
   }  /* right column in a 3 column layout */  
   
   
   #column2 h2 {
   font-size:16px;
   }
   
   * html #column2 {
   width:230px;
   margin: 15px 15px 15px 0;
   }
   
   *:first-child+html #column2 {
   width:200px;
   margin: 15px 5px 15px 0;
   }
   
   #column2 div.block{
padding:0 1em 0 0;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}  

 #column2 div.block td.featuretext {
 font-size:12px;
 }


    #column2 div.block h3{
font-size:15px;
color: #cd8e00;
}

* html #column2 div.block h3{
font-size:14px;
}

*:first-child+html #column2 div.block h3{
font-size:14px;
}

/* all content must be included within div tags assigned this class */
   /*======== end column2 ========*/
   
/*======== end content (container) ========*/

/*======== footer ========*/
#footer {
margin: 0 15px;
clear: both;
padding: 0em .5em;
text-align: center;
font-size: 11px;
position: static;
height: 110px;
}
   
#footer #left {
width: 150px;
line-height: 12px;
float:left;
padding-right: 100px;
}

* html #footer #left {
width: 150px;
}

*:first-child+html #footer #left {
width: 240px;
}

#footer #left p {
margin-top:2px;
}

#footer #middle {
width: 150px;
line-height: 12px;
float:left;
padding-right: 95px;
}

* html #footer #middle {
width:150px;
}

*:first-child+html #footer #middle {
width:240px;
}


#footer #middle p{
    margin-top:2px;
}

#footer #right {
line-height: 12px;
width: 150px;
float:left;
}

#footer #right p {
margin-top:2px;
}
   
#footer #bottom {
text-align:right;
font-size:10px;

margin-top: -10px;
width:660px;
}  

#footer #bottom p.right {
margin-top:2px;
float:right;
text-align:right;
line-height:11px;
}

#footer #bottom p.left {
float:left;
color:#FFFFFF;
font-weight:bold;
font-size:32px;
margin-top:5px;
margin-bottom:0px;
}

*:first-child+html #footer #bottom p.left {
line-height:32px;
margin-top:10px;
}
  
* html #footer #bottom p.left {
line-height:32px;
margin-top:10px;
}
  
#footer span {
font-weight: bold;
color: #FFFFFF;
}

/*======== 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 float clearing method ======*/