/* Stylesheet for distribution */

body{background: #444 url(/images/layout/background.jpg) top left repeat; }
#site{color: #000; background: #fff url(/images/layout/content_background.png) top left; margin: 0 auto; width: 960px; font: 13px/18px Georgia, Times, serif;}

h1{font: normal normal normal 26px/26px Georgia, Times, serif; letter-spacing: -2px; margin-top: 22px; display: block; width: 705px; clear: both; background: #fff;}
h3{margin-bottom: 5px; font-size: 16px;font: normal normal normal 18px/18px Georgia, Times, serif; }
h4{font: 13px/16px Verdana, sans-serif;margin-bottom: 5px; margin-top:15px; font-weight: bold;}
a{color: #004f5f; text-decoration: none;}
#site ul{margin: 0; list-style:none; padding-bottom:10px;}
#site ul li{list-style: none;margin-left: 0; padding-left: 0;}
p a {text-decoration:underline;}

.required {font-weight: bold;}

dl.faq dt.a { text-decoration: none; }
dl.faq dt{padding-top:10px;}
.faq dt {cursor: pointer;}

#header{position: relative; background: url(/images/layout/header.png) top left no-repeat; height: 170px;}
  .home #header{height: 148px;}
  #logo{height: 72px; width: 150px; padding-top: 30px; padding-left: 27px; padding-bottom: 10px;}
    #logo a{display: block;}
  #utility_nav{position: absolute; top: 40px; right: 20px;}
    #utility_nav a{display: block; float: left; padding: 0 12px 0 12px;  }
    #utility_nav span{display: block; float: left; height: 10px;}

#nav_global{margin-top: 0; height: 40px; margin-left: 1px; z-index: 30}
  #nav_global li:hover, #nav_global li.active {background: #504740;}

  #nav_global ul li{ float:left;}
  #nav_global ul li a{color: #fff; display: block; float: left; padding: 8px 28px 8px 28px; font-size: 16px; text-transform: lowercase;}

  #nav_global ul li ul{ visibility: hidden; display: block; margin-top: 36px; position: absolute; clear: both; z-index: 25; }
  #nav_global ul li ul li{ width: 100%; clear: both; background: #6f625a;}




#nav_side{ width: 180px; float: left; margin-left: 30px; }
  #nav_side h2{padding-top: 8px; text-transform: lowercase;}
  #nav_side li{font: 12px/18px Verdana, sans-serif; padding-bottom: 5px;}
  #nav_side li.active a{color: #333; font-weight: bold;}
  #nav_side li a{}
  #nav_side li ul{ padding-left: 10px;  }
  #nav_side li ul li{font-style: italic;}
  
  
#content{background: url(/images/layout/content_background.png) top right repeat-y; width: 723px; float: right; min-height: 640px;}
  .home #content{width: 960px; background:none; background-color: #f2f0e9;}
  .landing #content{background: url(/images/layout/content_background_landing.jpg) top right repeat-y;}
  #masthead{background: url(/images/layout/banner_bg.png) bottom left no-repeat;padding-bottom: 6px;}
    #breadcrumbs{background: transparent url(/images/breadcrumb_border.png) bottom left repeat-x; height: 25px; padding-bottom: 10px; margin-right: 30px;}
    #content #breadcrumbs li{float: left; font-size: 12px; line-height: 25px; font-family: Verdana, sans; margin: 0; padding: 0; padding-right: 20px; margin-right: 10px; display: block; background: transparent url(/images/breadcrumb_arrow.png) 100% 65% no-repeat;}
    #content #breadcrumbs li.last{background: none;}
    #breadcrumbs li a{}
    #banner{display: block; clear: both; width: 714px; margin-bottom: 10px; /*margin-left: -10px;*/ overflow: hidden;}
    #banner{/*background: url(/images/layout/top_right_green.png) top right no-repeat;*/}
    .landing #banner{position: relative; left: -10px;}
  #content h1{letter-spacing: 0px;}
  #content ul li{margin-left: 30px; list-style-type: disc;}
  #content .block ul, #content .block_wide ul{list-style:none; margin: 0;}
  #content .block ul li, #content .block_wide ul li{list-style:none; margin: 0;}

  .call-to-action{float: left; width: 200px; color: #fff; margin-left: 20px; margin-top: 20px;}
    .call-to-action h3{color: #fff; font-size: 16px; margin-bottom: 6px; font-weight: bold;}
    
  #main{width: 450px; float: left;  padding-top: 5px;}
    
    p{font: 13px/18px Georgia, Times, sans-serif;}
  
  .wide #main{width: 700px;background: #fff;}
  .wide #masthead{background: none; }
  .wide #content{background: url(/images/layout/content_background_wide.png) top right repeat-y;}
  .wide #banner{line-height: 1px;margin: 0;}
  .wide #banner div{margin-top: 10px;}
  .wide h1{margin-bottom: 0;}
  .wide #side{display: none;}
  
  .button{color: #fff; background: #004f5f; border: 1px solid #226674;}
  
  #feature_primary{float: left;}
  #feature_secondary{float: left;}
  
  #primary_content{float: left; width: 650px;}
   .home #primary_content .callout, .block{width: 270px; float: left; padding: 21px 23px 20px 25px; margin: 5px 0 0 5px;background: #fff url(/images/layout/block.png); min-height: 220px;}
   .home #primary_content .callout h3, .block h3{margin-bottom: 5px;}
   .home #primary_content .callout img, .block img{margin-bottom: 12px;}
   .home #primary_content .callout li, .block li{list-style: none; margin: 0; padding: 0;}
   
   .home #primary_content .callout_wide, .block_wide{width: 590px; height: 115px; float: left; padding: 21px 23px 20px 25px;margin: 0 0 0 5px; background: #fff url(/images/layout/block_wide.png);}
   .home #primary_content .callout_wide img, .block_wide img{float:left; margin-right: 20px;}
   .home #primary_content .callout_wide li, .block_wide li{float: left; width: 150px;list-style: none; margin: 0; padding: 0;}
  
  #secondary_content{float: left; width: 270px; margin-left: 20px; margin-top: 20px;}
    
  #side{float: right; width: 250px; padding-top: 10px;}
    .side_block{}
    .side_block img{}
    .side_block h3{margin-bottom: 5px;}
    .side_block h3 a{}
    .side_block p{}
    
    
  .basic_image{float: left;}
  .callout{padding-left: 22px; padding-right: 22px; margin-bottom: 10px;}
    .callout .callout_image{float: left; }
    .callout h4{font-size: 12px; }
    
  .news_item h4{font-size: 12px; }


form{width: 500px; padding: 0px;}


form { color: #666; font-size: 13px; overflow:hidden; }

form fieldset {  }
form fieldset legend{ color: #000; font-weight: bold; padding: 5px; }
form  ol{ list-style:none; }
form  ol li{ float: left; clear: left; width: 100%; padding-bottom: 5px; }

form label{ line-height: 22px; float: left; width: 15em; margin-right: 2px; }

form label.wide_label{ line-height: 22px; float: left; width: 420px; padding-bottom: 5px;}

form label.input_first { float: left; margin-top: -1.7em; padding-left: 5em; width: 25em; }

form input.input_first { margin-left: 25px;}

form fieldset fieldset{ padding: 0; margin-bottom: -2.5em; border-style: none; color: #666666; }
form fieldset fieldset legend{ margin: 0; padding: 0; font-weight:normal; }
form fieldset fieldset ol { position: relative; top: -1.5em; margin: 0 0 0 11em; padding: 0; }
form ul.condition { float: left; width: 200px;}
form ul.condition li { list-style:none; }

form #patient_MMAR_approved_2i {width: 100px; }
form #patient_MMAR_approved_3i {width: 50px; }
form #patient_MMAR_approved_1i {width: 60px; }

form fieldset fieldset label{ float: none; width: auto; margin-right: auto; }  




form dl{}
form dt{ position: relative; width: 145px; height: 35px; display: block; clear: left; float: left; clear: left; font-weight: normal; margin: 0; line-height: 1.5; }
form dd{ position: relative; float: right; display: block; clear: right; margin: 0; width: 400px; }
form label{color: #666; font-weight: normal;line-height: 1.2em;}
form input{font-size: 14px; padding: 2px; border: 1px solid #7f9db9; margin-top: 0;}
input[type=text], input.text, input[type=password], input.password, input.title, textarea, select {margin-bottom: 10px; width: 215px;}
input.submit{border: 0;}

  #side .callout_image{float: left; width: 100%; text-align: center; display: block; clear: both;}
  #side .callout_image img{text-align: center; margin: 0 auto; float: none;}
    
#footer{background: #f4f2ec url(/images/layout/footer_top.png) top right no-repeat; padding: 35px 10px 20px 10px; line-height: 20px; height: 40px; overflow: hidden; display: block; clear:both; margin-top: 9px;}
  
  #footer a{color: #323232;}
  #copyright{float: left;padding-left: 20px;}
  #footer_nav{float: right;padding-right: 25px;}

  .button{text-transform: uppercase; font: normal normal bold 12px/20px Verdana, sans-serif; padding: 5px 2px;}

.home #content{min-height: 200px;}
.home h3 a{color: #000;}
h2 a{color: #000;}
form textarea{height: 100px;}

#clear{display: block; width: 100%; clear: both;}

.ajax{}
.ajax .ajax_close{position: absolute; top: 20px; right: 20px; font-size: 11px; color: #232323;}
.ajax h3{background: url(/images/breadcrumb_border.png) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 10px; padding-top: 10px;}
.ajax h4{margin-bottom: 0px; font-size: 16px;font: normal normal normal 18px/18px Georgia, Times, serif;}
.ajax dd{width: 250px;}
a#lightwindow_title_bar_close_link{position: absolute; top: 50px; right: 20px; color: #232323; font-size: 11px; z-index: 100; color: #333;}
a#lightwindow_title_bar_close_link:hover{color: #333;}


a#lightwindow_title_bar_close_link{display: none;}

.rule{border-bottom: 1px solid; height: 2px; margin-top: 10px; margin-bottom: 10px; clear: both;}

#errorExplanation{border: 1px dashed red; margin: 0 0 20px 0; padding: 10px;}
#errorExplanation h2{font-size: 18px; color: red;}
#errorExplanation li{}