/*======== framework ========*/
* {
   margin: 0;  /* eliminated spacing differences between browsers */
   padding: 0;
}
 body {
   font-size: 0.8em; 
   line-height: 1.2;
   font-family: arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;
   text-align: center; 
   min-width: 760px;
   background-color:#7a7c7e;
   behavior: url(/pages/images/global/csshover.htc);
}
#wrapper {
   position: relative;
   background-color: #FFF;
   width: 755px;  /* width must be in em, named sizes (small, meduim, etc.), or percentages to be scalable */
   margin: 2em auto; 
   text-align: left;   
}
#innerWrap {/* apply "clearfix" class withing html document to ensure footer clearing both column(s) & footer */
}
.block{
   margin: 0 1em; /* all content must be included within div tags assigned this class */
   clear: both;
}  
/*======== end framework ========*/

/*======== common formatting ========*/
   /*======== headings ========*/
   h1 {font-size: 1.7em;}
   h2 {font-size: 1.5em;}
   h3 {font-size: 1.35em;}
   h4 {font-size: 1.25em;}
   
   h1, h2, h3, h4 {margin: 0.75em 0 0.5em 0;}
   h1 a, h2 a, h3 a, h4 a {color:#333;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#999;}
   /*======== end headings ========*/
   
   /*======== text elements ========*/
   p {margin: 1em 0;}   
   blockquote {padding-left: 0 2em;}
   dl {padding: 0 1em;}
   dd {padding-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: 1em;
      border-style: none;
   }
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: -0.75em;
   }   
   div.left {float: left;}
   div.left img {margin-left:0;}
   div.right {float: right;}
   div.right img {margin-right:0;}
   /*======== end images ========*/
   
   /*======== lists ========*/
  ul, ol {padding: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {padding: 1em 2em;}
   ol {padding-left: 3.5em;}
   ul li, ol li {padding-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 {
      padding: 0 0.5em;
      vertical-align: top;
   }
   table td a {color: #333;}
   table td a:hover {color:#999;}
   /*======== end tables ========*/
   
   /*======== forms ========*/
   form {
      top: 20px;
      left: 10px;
      margin-bottom: 10px;
   }
   legend {
      color: #006791;
   }
   input {
      font-size: 1em;
   }
   /*======== end forms ========*/   
/*======== end common formatting ========*/

/*======== header ========*/
   #header {
      background-image: url(/pages/images/pages/sub_header.gif);
  background-repeat: no-repeat;
  height: 150px;
  width: 755px;
      padding: 0;
  margin: 0;
   }
   #header img#logo{
   display: none;
   }
   /*======== headerMenu ========*/
   #headerMenu {
      position: absolute;
      margin: 0;
      padding: 0;
   }  
   #headerMenu ul {
      position: relative;      
      margin: 0;
      padding: 0;
      padding-left: 7px;
      width: 760px;
      top: 124px;
      list-style: none;
   }
   #headerMenu ul li {
      background: url(/pages/images/pages/right_tab_generic.gif) no-repeat bottom right;
      background-color: #CCC;
      color: #0A4760;
      float: left;  
   padding: 0;
   margin: 0;
   }
   #headerMenu ul li a {
      padding: 0.5em 0.75em 0.6em 0.75em;
      background: url(/pages/images/pages/left_tab_generic2.gif) no-repeat bottom left;
      text-decoration: none;
      color: #006791;
      display: block;
   }
   #headerMenu ul li:hover {
      background-color: #006791;
      color: #FFF;
   }
   #headerMenu ul li a:hover {
      background-color: transparent;
      color: #FFF;
   }
   /*======== headerMenu ========*/   
/*======== end header ========*/

/*======== content ========*/
#content {
   position: relative;
   width: 460px;
   float: right;
}
body#privacy_body #wrapper #innerWrap #content {
   width: 760px;
}
#content .block {
   padding: 1em 1em;
}
/*======== end content ========*/

/*======== column1 ========*/
#column1 {
   width: 275px;
   float: left;
}
body#privacy_body #wrapper #innerWrap #column1 {
   display: none;
}
#column1 .block {
   background-image: url(/pages/images/pages/column1_paragraph.gif);
   background-repeat: no-repeat;
   background-position: -0.5em 0.5em;
   color: #0A4760;
   line-height: 1.7em;
   font-size: 1em;
   font-weight: bold;
   padding: 0.5em 1em 2em 2em;
}
/*======== sideMenu styles ========*/
      #column1 #sideMenu {
 background-color: transparent;
 margin-top: 13px;
 padding-left: 0.5em;
  }
      #column1 #sideMenu ul{
   position: relative;
         margin: 0;
         padding: 0.5em 0;
         list-style-type: none;
 border-bottom: 2px #b0c4cc solid;
 border-left: 2px #b0c4cc solid;
 /*border-top: 2px #b0c4cc solid;*/
      }
      #column1 #sideMenu ul li {
     position:relative;
     background-image: url(/pages/images/pages/sub_menu_bullet2.gif);
 background-repeat: no-repeat;
 background-position: 0 0.5em;
         display: block;  
 width: 270px; 
      }
      #column1 #sideMenu ul li a {
     margin: 0;
         padding: 0;
     position: relative;
         font-size: 1em;
 line-height: 1.5em;
         display: block;
 color: #006791;
         text-decoration: none;
 left: 22px;
 margin-right: 22px;
      }
       #column1 #sideMenu ul li a:hover {
          background-color: #006791;
          color: #FFF;
      }
/*========= end sideMenu ========*/
#column1 img {
   padding: 0;
   margin: 0;
   margin-top: 3px;
}
div.answer_container {
 padding-bottom: 1em;
}
/*======== end content ========*/


/*======== footer ========*/
#footer {
   clear: both;
   padding: 0.1em 0.5em;
   color: #FFF;
   background-image: url(/pages/images/pages/footer_strip.gif);
   background-repeat: repeat-y;
   text-align: center;
}
#footer p a {
   font-size: 0.8em;
   color: #FFF;
}
#footer p a:hover {
   color: #CCC;
}
#footer p+p{
   font-size: 0.8em;
}
#footer p+p a{
   font-size: 1em;
}
/*======== 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 ========*/