/*===================================================================================
SPD Parent SHARE CSS
====================================================================================*/
/*===  CSS Helpful Notes  =========================
  shorthand: {property: top right bottom left;}
  
  Basic Font Families       Examples
    sans-serif               Verdana,Arial,Helvetica,"Trebuchet MS"
    serif                    Georgia,"Times New Roman"   
    Monospace                Courier,"courier New","Andale Mono"
    Miscellaneous            Impact,Webdings,Western,"Comic Sans MS"
    
*/
/*====================================================================
Basic Body 
=====================================================================*/

body {
  background-color: rgb(0,102,153);
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  font-family: verdana,arial,tahoma,sans-serif;}

#container {
  margin: auto;
  /*background-color: #49a;*/
  height: 100%;
  position: relative;
  width: 750px;}

#content {
  background-color: #ddf;  /*bce*/
  width: 740px;
  position: absolute;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.2;
  top: 140px;}

#pagecontent {
  margin-left: 160px;}
               
::selection {background: #09a; color: #000;}
::-moz-selection {background: #09a; color: #000;}


/*===================================================================
Links and Navigation
===================================================================*/
/*=== Defaults/Within page links ===*/
a:link, a:active {color: #009;}
a:hover, a:focus {color: #000;
                  background-color: #40e0d0;} 
a.address {padding-top: 2px; padding-bottom: 5px; margin-bottom: 20px; margin-left: 8px;}
#pagecontent a {font-size: 14px;} 

/*=== Global Navigation ==============================*/
/*=== Positioning and Font ===*/
#global, #aboutus, #spdinfo, #help, #support, #resources {position: absolute; top:130px;}
#global {top: 100px; width: 750px; font-size: 80%;}
#aboutus, #spdinfo, #help, #support, #resources {font-size: 75%;}

/*=== Button width ===*/
#home {width: 80px;}
#aboutusglobal {width: 125px;}
#spdinfoglobal {width: 125px;}
#helpglobal {width: 128px;}
#supportglobal {width: 125px;}
#resourcesglobal {width: 125px;}

/*=== Menu Positioning ===*/
#aboutus {left: 87px;}  /* 132 px difference*/
#spdinfo {left: 219px;}
#help {left: 351px;}
#support {left: 487px;}
#resources {left: 618px;}
/*#share {left: 137px;}
#spdinfo {left: 274px;}  137 px difference
#services {left: 411px;}*/

/*=== Other Global Nav Styles ===*/
#global a {float: left;}
ul.menu, .menu li {list-style: none; margin: 0; padding: 0;}
.menu a {text-decoration: none; padding: 5px 0 5px 5px; color: #fff;
         letter-spacing: 1px; border: 1px solid #fff; background: #039;   /*BG=ddd,ffc*/
         display: block; width: 180px;}
.menu a.over {background: #e1771e; color: #fff;}

/*=== Local Navigation =================================*/
#localnav {
  float:left; 
  margin-right: 7px;
  padding: 10px 2px 15px 2px;
  width: 150px;
  background-color: #fce3a9;  /*bba - f90*/
  font-size: 80%;
  /*padding-bottom: 200px;*/}
#localnav a {text-decoration: none;}
#localnav ul {padding: 5px 0px 0px 0px;}
#localnav li {list-style-type: none; padding-bottom: 4px; padding-top: 4px;}
#localnav li a {border-bottom: 1px solid #000; display: block;}
/*#localnav li+li {border-top: 1px solid #000;}*/
#localroot {
  font-size: 16px; 
  margin-top: 25px;
  border-bottom: 2px solid #000;}
div#localroot {
  margin-top: 10px;
  display: inline;}
/*=== Lower Local Navigation ===*/
.lowernav {
  margin-left: 15px;
  font-size: 95%;
  border-bottom: 2px solid #000;
  margin-bottom: 5px;
  border-left: 1px solid #000;}
#localnav .lowernav li {border-bottom: 0px;}
#localnav .lowernav li a {border-bottom: 0px;}
.l4localnav {
  margin-left: 10px; 
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px;
  font-size: 95%;
  border: 1px dotted #000;
  border-top: 0px;
  border-right: 0px;}
#localnav .l4localnav {padding-bottom: 2px;}
#localnav .l4localnav li {border-bottom: 0px; padding-top: 1px;}


/*=== Page Navigation ===*/
.pagenav {
  font-size: 12px;
  padding: 5px;
  border: 1px dotted #000;}

.pagemenu li {
  font-size: 14px;
  margin-top: 10px;}

/*====================================================================
Masthead - Banner
=====================================================================*/

#masthead {
  background-image: url(../images/banner1.jpg);
  background-repeat: no-repeat;
  /*text-indent: -5000px;*/
  height: 100px;
  /*width: 750px;
  border: 0px;
  padding: 0px 55px;*/}
/*#masthead a {
  position: relative;
  display: block;}*/
h1 {
  text-indent: -5000px;
  padding-bottom: 80px;}
#tagline {text-indent: -5000px;}



/*======================h==============================================
Main Content 
=====================================================================*/
/*=== Fonts, Paragraphs, and Headers ===*/
p {
  font-size: 14px;
  padding-top: 0px;
  margin-top: 0px;}

h2 {
  text-align: center;
  font-size: 25px;
  /*background-color: #3cb371;*/
  color: #000;
  width: 100%;
  margin: 0px;
  padding-bottom: 2px;
  /*border-top: 2px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;*/
  border-bottom: 3px solid #000;}
            
h3 {
  font-size: 20px;
  color: #115;
  background-color: #fc7;  /*bbb*/
  /*padding-left: 5px;*/
  padding-right: 5px;
  font-family: "Times New Roman",georgia,serif;}
h4 {
  font-size: 18px;
  font-family: "Times New Roman",georgia,serif;
  margin-bottom: 5px;
  padding-bottom: 2px}
h5 {
  font-size: 16px;
  font-family: "Times New Roman",georgia,serif;
  color: #555;
  margin-bottom: 5px;}

blockquote {
  font-size: 14px;
  font-style: oblique;}
blockquote .authorline {
  text-align: right;
  display: block;
  margin-top: 2px;}

.topic {color: black;
        font-weight: bold;
        font-size: 15px;}

.note {
  font-size: 12px;}

.subjectgroup {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  border-collapse: collapse;}

.level2subject {
  margin-left: 30px;}
  
.level3subject {
  margin-left: 60px;}

.indexlownav {margin: auto;}

.authorline {
  margin-top: 50px;
  font-size: 80%;}

.bookauthor {
  font-size: 75%;
  margin-bottom: 20px;}

.inpagelist {
  margin-left: 150px;}

.trademark {
  font-size: 8px;
  vertical-align: top;}

/*.spaceme {margin-top: 20px;}*/

#presentpage {
  border-bottom: 0;
  border-top: 1px solid #000;
  background-color: #bce;
  font-weight: bold;}



/*===============
Tables and Lists
===============*/

table {
  width: 550px;
  font-size: 80%;
  margin: auto;
  padding-top: 15px;
  border-spacing: 0px;}
table a {
  text-decoration: none;
  display: block;}
td, th {
  border: 1px solid #000;
  border-collapse: collapse; 
  margin: 0px; 
  text-align: left;} 
thead th {
  background-color: #235;
  color: #eee;}
  
/* Lists */
#pagecontent li {
  font-size: 14px;}
  
/*===============
Forms
===============*/

form {margin-bottom: 10px;}
input [style="checkbox"] {display: block;}
#subjectline {visibility: hidden;}
form div {margin-top: 8px;}
.textboxlabel {
  margin-top: 30px;
  margin-bottom: 0px;}

.spamfreepromise {font-size: 75%;}
input[type="submit"]:hover {border: 2px solid #e1771e;}
input[type="text"]:focus {outline: 3px solid #e1771e;}
textarea:focus {outline: 3px solid #e1771e;}
textarea {margin-bottom: 20px;}

fieldset {margin-top: 10px;}

/*===============
Home Page Styles
===============*/

#homephoto {
  float: left;
  margin-top: 10px;
  margin-right: 5px;}
.homecaption {
  font-size: 70%;
  width: 100%;
  background-color: #bce;
  margin-top: 0px;}
  
#homephotoborder img {
  padding: 0px;
  margin: 0px;}
#homephotoborder {
  padding: 0px;
  margin: 0px;}

#homefeatures {
  width: 330px;
  float: right;
  height: 280px;}
  
#homebody {clear: both;}
#homefeatures h3 {background-color: #4cb; color: #000;}
#homefeatures ul {margin-left: -30px;}
#homefeatures li {
  list-style-type: none;
  font-size: 15px;
  margin-bottom: 5px;}

/*====================================================================
Footer and Disclaimer 
=====================================================================*/

#pagefooter {background-color: #a0a0a0; margin-top: 20px;}

ul#footernav {
  list-style-type: none;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  font-size: 14px;}

ul#footernav a {text-decoration: none;}

ul#footernav li {display: inline;}

p#copyright {
  text-align: center;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;}

p#disclaimer {
  text-align: center;
  font-size: 12px;
  padding: 5px;}




/*==========================================
Page Specific and Unique Styles
==========================================*/

/* Home Page */
.homeheader {text-align: center;}

/* SHARE abbreviation banner */
#shareabbreviated {
  /*text-align: center;*/
  font-size: 15px;
  padding-top: 5px;
  color: #151;}
.firstletter {color: #227; font-size: 105%;}

/* Stories */
.parahead {color: #080;
           font-size: 16px;}
.storypoem {text-align: center;
            margin: 8px;}

/* Symptom Checklists */
.checklist p {
  font-size: 90%;
  padding: 2px 0px 2px 2px;
  margin: 2px 0px 2px 20px;}

/* Resource Links and Partners */
.resourcellnks p {margin-bottom: 0px;}
.resourcelinks h4 {margin: 0px; padding: 0px;}
.resourcelinks .topic {margin: 20px 0px 0px 0px; padding: 0px;}
.linklist div {margin-top: 15px; font-size: 14px;}


/* Diagnostic Codes */
.diagnostics div {font-size: 90%;}


/* Shops */
#pagecontent h4.shopnames a {
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 3px;}

.storegroup {
  border-bottom: 1px solid #000;}
.storegroup p {text-align: left}


/*=======
Redirections
=======*/

#megalink {
  font-size: 30px;
  font-weight: bold; 
  background-color: #fff;
  display: block;
  padding: 20px;}


/*======================
Advertisements
======================*/

#bookimage {
  float: left; 
  margin: 25px 20px 20px 0px;}
#astoreadbox {
  position: relative;
  margin: 4px 5px 4px 5px;}
#adphrase {
  position: relative;
  bottom: 200px; 
  left: 150px;
  width: 400px;}


.inpageproduct {
  float: left; 
  margin: 20px 20px 20px 0px;
  padding: 0px;
  background-color: #bce;
  border: 1px solid #000;}
.productcaption {
  font-size: 70%;
  width: 105px;
  margin-top: 0px;}
.inpageproductB {
  float: right; 
  margin: 20px 0px 20px 20px;
  padding: 0px;
  background-color: #bce;
  border: 1px solid #000;}











