       
  BODY {font: 0.975em verdana, arial, sans-serif; color: #000099; margin-top: 0px; margin-right: 0px; 
        margin-bottom: 0px; margin-left: 0px; background-color: #5F5F5F; text-align: center;}

    
  #main_wrapper {background-color: #FFF; width: 100%; max-width: 880px; margin-left: auto; margin-right: auto; 
                  text-align: left; border-left: 3px solid #3F4C65; border-right: 3px solid #3F4C65;}
 
  
    
  #outer_header {padding: 0px;}
  #header {width: 100%; max-width: 880px; padding: 0px;}
  #phone {float: right; padding-top: 200px; padding-right: 15px; font: 0.975em; color: #082149;}
  #outer_content {padding: 0px;}
  #content {width: 100%; margin-top: 0px; float: left; background-color: #FFF;}
  
  #outer_footer {padding: 0px;}
  #footer {width: 100%; max-width: 880px; background-color: #435A87; clear: both; font-size: 0.975em; color:  #FFF;
           text-align: center; padding: 5px 0px;}
  #form {float: left; width: 90%; margin: 0px 0 0 0px; padding: 1em .75em; 
        border: 3px solid #AAA; background-color: #FFFFFF;}
  
  
  #header, #content, #footer {overflow: hidden;}
  
  #prev {margin-left: auto; margin-right: auto; border: solid 1px #BFA470;}    
  h3.form {background-color: #F0F8FF; color: Gray; padding: 10px; border: 1px solid Gray; 
            margin-left: 6%; margin-right: 6%;}
			
			
   h2, h3, h4 {margin-left: 7%; margin-bottom: -1.5%;}
   h3.pc {margin-left: 7%; margin-bottom: -5%;}		
  fieldset {background-color: #F0F8FF; color: Gray; padding: 10px; border: 1px solid Gray;}
  input.form {margin-left: 10%; font-size: 0.75em;}
  p.form {font-size: 0.75em; margin-left: 6%; margin-right: 6%;}
  
  div.content {width: 80%; margin-top: 0px; float: left; background-color: #FFF;}
  div.formsection {float:left;  border-bottom: 1px solid #AAA;}


  #nav {font-family: verdana, arial, sans-serif; float: left; width: 100%; max-width: 880px; background: #435A87;  
        position: relative;}

  #nav ul {clear: left; float: right; list-style: none; margin: 0; padding: 0; position: relative; 
           right: 50%; text-align: center;} 

  #nav ul li {display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; 
              left: 50%;}

  #nav ul li a {display: block; margin: 0 0 0 1px; padding: 3px 10px; background-color: #435A87; 
                color: #fff; text-decoration: none; line-height: 1.3em;}

  #nav ul li a:hover {background-color:#fff; color:#435A87;}

  #nav ul li a.active,
  #nav ul li a.active: hover {color: #435A87; background: #fff; font-weight: 600;}



  /* Main menu settings */
  #nav {clear:both; float:left; margin:0; padding:0;
   border-bottom: 1px solid #01002B; /* black line below menu */
   width:100%; max-width: 880px;
   font-size: 0.8em; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;}

  /* Top menu items */
  #nav ul {margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;}

  #nav ul li {margin:0 0 0 1px; padding:0em .5em 0em; float:left; position:relative; left:50%; top:1px;}
 
  #nav ul li a {display:block; margin:0; padding:.6em .4em .4em; line-height:1em;
   background:#435A87; text-decoration:none; color:#fff; font-weight:bold; border-bottom: 1px solid #01002B;}

  #nav ul li.active a {color:#fff; background:#0074BF;}

  #nav ul li a:hover {background-color: #fff; /* Top menu items background colour */
   color:#435A87; border-bottom: 1px solid #01002B;}

  #nav ul li:hover a,
  #nav ul li.hover a { /* This line is required for IE 6 and below */
   background-color: #fff; /* Top menu items background colour */
   color:#435A87; border-bottom: 1px solid #01002B;}



  /* Submenu items */
  #nav ul ul {display:none; /* Sub menus are hidden by default */
              position:absolute; top:2em; left:0; right:auto; /*resets the right:50% on the parent ul */
              width:10em; /* width of the drop-down menus */
              text-align: left;}

  #nav ul ul li {left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left; width:100%;}

  #nav ul ul li a,
  #nav ul li.active li a,
  #nav ul li:hover ul li a,
  #nav ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size: 1em;
   font-weight:bold; /* resets the bold set for the top level menu items */
   background:#435A87;
   color:#FFF;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #01002B; /* sub menu item horizontal lines */
  }

  #nav ul ul li a:hover,
  #nav ul li.active ul li a:hover,
  #nav ul li:hover ul li a:hover,
  #nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#435A87; /* Sub menu items background colour */
   color:#FFF;
  }

  /* Flip the last submenu so it stays within the page */
  #nav ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
  }

  /* Make the sub menus appear on hover */
  #nav ul li:hover ul,
  #nav ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
  }
  
  .poem {display: table; margin-right: auto; margin-left: auto;}
  .stanza {text-indent: 0; margin-left: 2em;}
  .verse {margin-left: auto;}
  .goodbye {font-size: 1.2em;margin-bottom: -.5em;}
    
  p.formrule {font-size: 0.975em; margin-left: 6%; margin-right: 6%; border-bottom: 1px solid #AAA;} 
  input {font-size: 0.975em;}
  input:focus, textarea: focus, select:focus{border: 2px solid #7AA;}
  label  {display: block; clear: both; font-size: 0.975em; font-weight: bold; 
          margin: .5em 0 0; padding: bottom .5em}
  input [type="submit"] {float: right; margin: .5em 0;}
  .buttongroup {float: left;}
  .buttongroup input {float: left; clear: both; margin: 0; padding: 0; line-height:0;}
  .buttongroup label {background-color: none; width: 50em; float: left; margin 0 0 .5em;
                      font-weight: normal;  clear: none;}

     
  p  {font-size: 0.975em; margin-left: 8%; margin-right: 8%; line-height: 1.25em;}
  p.articles  {font-size: 0.975em; margin-left: 10%; margin-right: 10%; line-height: 1.5em;}
  p.map {margin-left: 8%; margin-right: 2%;}
  p.image_right {margin-left: 8%; }
  p.indented {font-size: 0.975em; margin-left: 10%; margin-right: 10%;}
  
  p.quote {margin-left: 8%; margin-right: 12%; font-size: 0.975em; font-weight: bold; 
           font-style: italic; color: #7F612E;}
  p.review {margin-left: 10%; margin-right: 10%;}
  p.ty {margin-left: 8%; margin-right: 12%; font-size: 0.975em; font-style: italic;}
 
  span.center {margin-left: 40%; font-size: 0.975em;}
  span.goldstar {color: #FF9A00;}
  span.left {margin-left: 10%; font-size: 0.975em;}
  span.middle {margin-left: 40%;}
    
         
  ul.benefits {font-size: 0.975em; margin-left: 10%; margin-right: 10%; list-style: disc;line-height: 1.25em}
  ul.forms  {font-size: 0.975em; font-weight: bold; margin-left: 8%; margin-right: 10%; list-style: none;}
  ul.laser {font-size: 0.975em; margin-left: 10%; margin-right: 14%;}
  ul.disorders {font-size: 0.975em; margin-left: 10%; list-style: none;}
  ul.parasites  {font-size: 0.975em; font-weight: bold; margin-left: 8%; margin-right: 10%; list-style: none;
              line-height: 1.5;}
  ul.services {font-size: 0.975em; margin-left: 10%; margin-right: 8%; list-style: circle; line-height: 1.25em;}

  img {max-width: 100%; height: auto;} 
  
  img.left {padding: 10px 0px 0px 40px; border: 0px;}
  img.map {margin-right: 2%}
  img.memorial {margin-left: 10%; border: 0px; padding: 0px 15px 0px 0px;}
  img.noborder {border: 0px; max-width: 100%; height: auto;}
  img.right {padding: 10px 0px 0px 40px; border: 0px;}
  img.welcome {margin-top: -5%;}
  
  #center {padding: 0px 40px 10px 40px; border: 0px;}
  #firsthdr {width: 80%; margin: 0px auto; padding: 20px 0px 0px 0px; display: block;}
  #left {padding: 0px 10px 0px 0px;}
  #midpage {padding: 30px 0px 0px 0px;}
  	  
  #noborder {border: 0px; max-width: 100%; height: auto;}
  #quote {margin-left: 10%; margin-right: 10%; font-weight: bold; color: #000099;} 
  #survey {width: 100%; max-width: 880px; margin-top: 0px; background-color: #FFF;}
  #top_stack {margin-top: -10%; margin-left: 0%;}
  #up {margin-top: -2%; font-weight: bold; margin-left: 10%; margin-right: 10%;}
  
  
  a:link {color: #FFFFFF;}
  a:visited {color: #FFFFFF;}
  a:hover {color: #0074BF; background-color: #FFF;}
  a: active {#FFFFCC;}
     
  a:link.bottom {font-size: 0.975em; color: #FFF; text-decoration: none;}
  a:visited.bottom {font-size: 0.975em; color: #FFFFCC; text-decoration: none;}
  a:hover.bottom {font-size: 0.975em; color: #111784; background-color: #FFF; text-decoration: none;}
  a:active.bottom {font-size: 0.975em; color: #FFF; text-decoration: none;}
     
  a:link.inpage {color: #006699; text-decoration: none;}   
  a:visited.inpage {color: #0066CC; text-decoration: none;} 
  a:hover.inpage {color: #FFFFFF; background-color: #0066CC; 
           text-decoration: none;}
  a:active.inpage {color: #0066CC; text-decoration: none;}  
  
  a:link.phone {font-size: 1em; color: #082149; text-decoration: none;}   
  a:visited.phone {color: #082149; text-decoration: none;} 
  a:hover.phone {color: #FFFFFF; background-color: #082149; 
           text-decoration: none;}
  a:active.phone {color: #082149; text-decoration: none;}  
  
  a:link.safari {color: #000099; text-decoration: none;}   
  a:visited.safari {color: #000099; text-decoration: none;} 
  a:hover.safari {color: #000099; background-color: #FFFFFF; 
           text-decoration: none;}
  a:active.safari {color: #000099; text-decoration: none;}  
    
@media
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5) {
 body {
 font-size: 90%;
 }
 }

/* Smartphones (portrait and landscape) ———– */
@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
 /* Styles */
 }

/* Smartphones (landscape) ———– */
 @media only screen
 and (min-width : 321px) {
 /* Styles */
 }

/* Smartphones (portrait) ———– */
 @media only screen
 and (max-width : 320px) {
 /* Styles */
 }

/* iPads (portrait and landscape) ———– */
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px) {
 /* Styles */
 }

/* iPads (landscape) ———– */
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : landscape) {
 /* Styles */
 }

/* iPads (portrait) ———– */
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : portrait) {
 /* Styles */
 }

/* Desktops and laptops ———– */
 @media only screen
 and (min-width : 1224px) {
 /* Styles */
 }

/* Large screens ———– */
 @media only screen
 and (min-width : 1824px) {
 /* Styles */
 }

/* iPhone 4 ———– */
 @media
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5) {
 /* Styles */
 }


