/* Splendid Spider overall style sheet */
/* all font sizes modified to not use absolute numbers for accessibility */

/* fix for IE6 and under: fix font size and frames causing horiz. scrollbar */
html { font-size: 100%; overflow-y: scroll; }

body, div { margin: 0; padding: 0 }
body { font-family: verdana, arial, helvetica, sans-serif; font-size: medium; }
p,th,td,dt,dd,li,pre,code,legend,input,address,caption,cite,code,dfn { font-size: 100% }

body { text-align: center }
p { margin: 1em 0 }
div { display: block }

a { font-weight: bold; text-decoration: underline }
a:hover { text-decoration: none }
img, a img { border: none }

h1, h2, h3, h4, h5, h6, .impact { font-family: serif; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { letter-spacing: .2em; margin: 0; margin-top: 1.5em }
h1 { font-size: 180%; line-height: 120%; font-weight: bolder }
h2 { font-size: 150%; line-height: 110%;  }
h3 { font-size: 120%; line-height: 110%;  }
.article h1 { margin: 0px; margin-bottom: 4px; padding: 5px .5em; 
   border-width: 1px; border-style: solid; border-bottom: none; background-image: url(../images/SSWDheadingsBg.gif);
 background-repeat: repeat-y; background-position: top right; font-variant: small-caps; }
.article h2, .article h3 { padding: 5px .5em; margin: 1.5em 0 0 0 }
blockquote h1, blockquote h2, blockquote h3, blockquote h4 { border: none }

.bigNews, .impact { font-size: 120% }
.strikethrough { text-decoration: line-through }
.title { font-family: arial, verdana, helvetica, sans-serif; font-size: 120%; font-weight: bolder; 
   font-variant: small-caps; letter-spacing: .2em  }
span.finePrint { font-size : 75%; }
.byline { font-size: x-small }
.secIntro { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; 
 letter-spacing: .2em } 
.lhContentPadded { font-size: small; text-align: left  }
.lhContent { font-size: 80%; text-align: left }

#titleTextDiv { white-space: nowrap; font-size: 200%;  }


blockquote { margin: .5em 30px .5em 20px }
.indent { margin: .5em 0 .5em 20px }
td { margin: 0px }
hr { width:95%; height: 5px}

.title { margin-bottom: 5px }
.zeroTopMargin { margin-top: 0 }
div.sidePad10 { padding: 0 10px }
.first { margin-top: 0px !important }
.last { margin-bottom: 0px !important }
.noTopBorder { border-top: none !important }
.noTopPadding { padding-top: 0 !important }

.byline { margin-bottom: 2px }
.secIntro { margin-top: 10px } 

/* use for debug: <div class="divFinder">.</div> */
.divFinder { font-size: 1px; background-color: black; margin: 0; padding: 0 }

/* set page width, incl. padding for when screen is narrow */
#allContentWrapper { width: 900px; margin: 0 auto; border: none; position: relative }

/* standard page padding, all text, restore standard text alignment */
#allContentWrapper .textWrapper { text-align: left; margin: 0 1em }

#headingContainer { position: relative }
#titleDiv { margin: 0; padding: 10px; height: 160px; 
 border: none; border-bottom-style: solid; border-bottom-width: 0px }
#logoImgDiv { float: left; width: 190px; height: 160px;  }
#taglineImgDiv { float: right; width: 190px; height: 130px;  }
#headingLeft { position: absolute; right: 900px; top: 0; height: 250px; width: 900px; 
 background: transparent url(../images/HeadingLeft.png) bottom right no-repeat }
#headingRight { position: absolute; left: 900px; top: 0; height: 250px; width: 900px; 
 background: transparent url(../images/HeadingRight.png) bottom left no-repeat; z-index: 1 }

/* a row of buttons */
#topNavBar { clear: both; text-align: right; height: 38px; vertical-align: middle; 
 position: relative; background-image: url(../images/SSWDheaderBg.png);
 background-repeat: repeat-y }
#topNavList { position: absolute; bottom: 2px; left: 260px; padding: 0px; font-size: 100%; margin: 0px }
#topNavList li { display: inline; margin: auto 5px; border: 2px solid #603b20; font-size: 80%; }
#topNavList li span { padding: 0px 5px 3px 5px; font-weight: bold; white-space: nowrap;
 background: url("/images/TabBg.png") repeat-x scroll top left #FFF9EF;  }
#topNavList li a span { padding: 0; background: #dddddd  }
#topNavList a { text-decoration: none; background-color: #dddddd; padding: 0px 5px; }
#topNavList a:hover { background-color: #dddddd }
#topNavBar { background-color: #E8E1B8; }
#topNavList li { background-color: #E8E1B8;  }
#topNavBarRT { position: absolute; height: 38px; width: 38px; top: 0; right: 0; 
 background: #e1e0b6 url("../images/topNavBarRT.png"); }

/* main content */
/* change contentBox top margin to add space below navBar */
#contentBox { margin: 0; padding: 0; margin-top: 0px; text-align: left; clear: both }
#footerContainer { padding: 10px 0;  }
#lastUpdated { font-size: 80% }
#oneBox { padding: 0; border: none; }
#oneBox .article blockquote h1, #oneBox .article blockquote h2, 
#oneBox .article blockquote h3, #oneBox .article blockquote h4 { border: none }
#oneBox .article h2 { padding: 2px 4px; margin: 1.5em 0 0 0;   }

#lhBox { float: left; width: 240px; border: none; 
 margin: 0; text-align: center; }
#lhBox .lhContentPadded { padding: 0 10px; margin: 0 }
#lhBox .lhContentPadded .article {  }
#lhBox .lhContent .article { padding: 1em; border: none; margin: 10px 0; -moz-border-radius: 15px;
-webkit-border-radius: 15px; }
#lhBox div.divider { height: 1em }

/* height for ie6 hasLayout */
#rhBox { margin-left: 250px; padding: 0 0 20px 20px; border: none; border-left: 2px solid #603B20; height: 1% }
#rhBox .article { padding: 1em }
.introInfo { font-size: 130%; font-weight: bold }
p.introP { margin:0; margin-bottom: 2em }
.imgOnBottom { padding-bottom: 1em; 
 background: transparent url("../images/divider - fancy 600x3.gif") bottom left no-repeat; }

.article { padding: 1em; border: none;  }
.pad1emAll{ padding: 1em }





ul.noBull { list-style-type: none }
.center { text-align: center }

div.clearBoth { clear:both; margin: 0px; padding: 0px; border:none; visibility: hidden;  }

.subheading { font-family: arial, verdana, helvetica, sans-serif; font-size: 100%; font-weight: bold; 
   font-variant: small-caps; letter-spacing: .1em; 
   margin-bottom: 5px; margin-top: 10px; color: #102530; background-color: #E0E9D7; background-image: none; }
#endBox { clear: both; height: 1px; margin: 0px; padding: 0px; display: none }


/* Spider Specific */
span.SSName { font-family: "Comic Sans MS", "Brush Script MT", cursive; 
font-weight: bold; white-space: nowrap }



/* Articles */

   
.subArticle { margin-left: 2px; border: 1px dashed #999999; padding: 5px }
.subArticle p.subTitle, div.subArticle h2  { font-family: arial, verdana, helvetica, sans-serif; 
	margin: 0px; margin-bottom: 4px; padding: 0; padding-bottom: 4px; 
   background-color: #D8E3E8; background-image: none; 
   font-weight: bold; color: #102530; font-size: 120%; 
   text-align: center; letter-spacing: .1em }
   
.article ul { margin: .5em 0em 1em 1.5em }	/* box starts at the text, marker is outside the box */
.article ul.noBull { margin: .5em 0em 1em .5em }	/* box starts at the text, no marker */
.article ol { margin: .5em 0em 1em 2em }	/* box starts at the text, no marker */
.article ul ul { margin: 0em 0em .5em 1.5em}
.article ul ul { margin: 0em 0em .5em 1.5em}
.article li { margin: 0px;}
.article ul.noBull li { list-style-type: none; margin: 0px; }
.article ul li { list-style: square; margin: 0px;}
.article ul li li li { list-style:  disc; margin: 0px; font-size: 100% }

#px1Space { height: 1px; margin: 0px; padding: 0px; visibility: hidden; font-size: 1px }
#counter { text-align: center; margin-bottom: 0px }

/* *************** Colors **************
**
** www: Franklin Gothic Demi Condensed
** Brown: #603b20
** Blue: #1f3960
**
*/
body { color: black; background: #eeeeee url(../images/bodyBg2700x5.png) repeat-y top center;  } 

#titleDiv { background: #eeeeee url(../images/sswd-header.png) no-repeat; border-bottom-color: #1F3960;  }


#contentBox { background-color: #eeeeee; background-image: none; }
#footerContainer { background-color: #E8E1B8; }

a { color: #1f3960 }
a:hover { color: #603b20 }
hr { color: #A8CEE2 }
.title { color: #1f3960 }
p.byline { color: #163342 }
p.secIntro { color: #306F90 } 
#lhBox .divider { background-color: #eeeeee; }


#rhBox, #oneBox { background-color: #fff9ef; }
#rhBox { background-image: url("../images/DarkToLightBg.gif"); background-repeat: repeat-y; border-left-color: #603B20; }
#rhBox .article blockquote { background-color: #f0f0f0 }
#rhBox .article blockquote h1, #rhBox .article blockquote h2, #rhBox .article blockquote h3, 
#rhBox .article blockquote h4 { background-color: #e0e0e0}

#rhBox div.article, #oneBox div.article { background-color: transparent; background-image: none;}
#rhBox div.article h1, #oneBox div.article h1 { background-color: #e8e1b8; border-color: #102530; color: #102530; }
#rhBox div.article h2, #oneBox div.article h2 { background-color: #e8e1b8; border-color: #40a9c0; color: #102530; }

#lhBox div.article { background-color: #dddddd; background-image: none }


#titleBG { background-color: #FFF7CB }
.SSName { color: #1f3960 }