body { 
 margin: 0;
 padding: 0;
 color: #808080;
 background: #fff url(/images/iefBackground.gif) 0 0 repeat-y scroll;
 font-family: arial, helvetica, geneva, sans-serif;
 font-size: 100.01%; /* to even out IE's text-zooming */
 min-width: 800px;
 }

* html img {
/*margin: 0 -3px;*/ /* Why is this here? Opera, baby! Thank you, Ingo! */
margin: 0 -3px; ma\rgin: 0;
}

body, html { 
 height: 100%;
 }

a {
 text-decoration: none;
 font-weight: normal;
 }

a:link {
 color: #5583ab;
 text-transform: uppercase;
 text-decoration: none;
 }

a:visited {
 color: #5583ab;
 text-transform: uppercase;
 text-decoration: none;
 }

a:hover {
 color: #4c7a38;
 text-transform: uppercase;
 text-decoration: underline;
 }

a:active {
 color: #5c9444;
 text-transform: uppercase;
 text-decoration: none;
 }

h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.0em;}
h4 {font-size: .9em;}
h5 {font-size: .8em;}
h6 {font-size: .7em;}  
h1, h2, h3, h4, h5, h6 {
 font-family: arial, helvetica, geneva, sans-serif;
 font-weight: normal;
 line-height: 1.0em;
 text-transform: uppercase;
 color: #005cab;
 margin: 0; 
 padding: 0;
 }
 
p { 
 font-size: .8em;
 line-height: 1.5em;
 margin: 0 0 1.5em 0;
 padding: 0;
 text-align: left;
 }

p+p  { 
 margin-top: -1.5em;
 text-indent: 5%;
 }

/* Page Wrapper */
div#pagewrap {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 800px;
 min-width: 800px;
 height: 100%;
 min-height: 100%;
 margin: 0 auto;
 padding: 0;
 border: 0;
 }

/* Page Header */
div#headwrap {
 display: block;
 width: 800px;
 min-width: 800px;
 height: 89px;
 margin: 0 auto;
 padding: 0;
 border: 0;
 }
  
div#srslogo {
 display: inline;
 float:left;
 width: 240px;
 min-width: 240px;
 height: 89px;
 margin: 0 auto;
 padding: 0;
 border: 0; 
 }

div#srslogo a { 
 display: block;
 width: 240px;
 height: 89px;
 background: url(/images/srsLogo.gif) 0px 0px no-repeat;
 }

div#srslogo a:hover { 
 background: url(/images/srsLogoOn.gif) 0px 0px no-repeat;
 }
 
div#headright {
 display: inline;
 float: right;
 width: 560px;
 min-width: 560px;
 height: 89px;
 margin: 0 auto;
 padding: 0;
 background: url(/images/aProgramOfIEF.gif) bottom right no-repeat;
 border: 0; 
 }

div#headright p {
 font-size: .7em;
 line-height: 1.0em;
 text-align: right;
 margin: 10px 10px 0 0;
 padding: 0;
 }
 
div#headright a:link {
 color: #5583ab;
 }

/* Horizontal List Navigation - Thank you Holly and John! */
ul, li { /* zero defaults */
 list-style: none;
 margin: 0;
 padding: 0;
 }

#navtopwrap { /* this is a div holding the rest of the nav structure */
 width: 100%;
 border: 1px solid #d2dfe0;
 border-width: 1px 0;
 text-transform: uppercase;
 font: normal .8em "Trebuchet MS", sans-serif;
 height: 27px;
 float: left;
 }

#nav {
 margin-left: 20px; /* moves the top-level UL over a bit */
 display: inline; /* IEwin doubled margin bugfix */
 float: left;
 height: 27px;
 width: 770px;
 } /* moves the top-level UL over a bit */

.topnav {float: left;} /* widths are specified elsewhere */

.topnav div {
 height: 27px;
 border-left: 1px solid #d2dfe0; /* sets borders between the list items */
 }

.topnav div div { /* overrides previous selector for nested divs */
 height: auto;
 border-left-width: 0px;
 }

.topnav span { /* removes the text 'backup' in the top-level anchors */
 position: absolute;
 left: -3000px;
 }

/*these are the specific sizes of the top-level list items */ 
#srshomenav {width: 57px;}
#aboutsrsnav {width: 61px;}
#catalogmainnav {width: 73px;}
#helpernav {width: 54px;}
#contactsrsnav {width: 74px;}
#toIEFnav {width: 44px;}
#elist {width: 176px;}
#searchme {width: 176px;}

/* 'normal' state (white) for the top-level list items */
#srshomenav div {background: url(/images/SRSnavTop.gif) 0 0;}
#aboutsrsnav div {background: url(/images/SRSnavTop.gif) -58px 0;}
#catalogmainnav div {background: url(/images/SRSnavTop.gif) -118px 0;}
#helpernav div {background: url(/images/SRSnavTop.gif) -191px 0;}
#contactsrsnav div {background: url(/images/SRSnavTop.gif) -245px 0;}

#toIEFnav div {
 background: url(/images/SRSnavTop.gif) -319px 0;
 border-right: 1px solid #d2dfe0; 
 } /* add right border to this last div/list item */

#aboutsrsnav div div,
#catalogmainnav div div,
#helpernav div div {background-image: none
} /* removes the background image from nested divs */

/* these set the static blue images for each page. Selectors are specific to each page - check IDs */
#srshome #srshomenav div {background-position: 0 -54px;}
#srsabout #aboutsrsnav div {background-position: -58px -54px;}
#srscatalog #catalogmainnav div {background-position: -118px -54px;}
#srshelp #helpernav div {background-position: -191px -54px;}
#srscontact #contactsrsnav div {background-position: -245px -54px;}
#srsief #toIEFnav div {background-position: -319px -54px;}

/* hover rules - second selector in each set is for IE-Win */
#nav #srshomenav div:hover,
#nav #srshomenav div.sfhover {background-position: 0 -27px;}

#nav #aboutsrsnav div:hover,
#nav #aboutsrsnav div.sfhover {background-position: -58px -27px;}

#nav #catalogmainnav div:hover,
#nav #catalogmainnav div.sfhover {background-position: -118px -27px;}

#nav #helpernav div:hover,
#nav #helpernav div.sfhover {background-position: -191px -27px;}

#nav #contactsrsnav div:hover,
#nav #contactsrsnav div.sfhover {background-position: -245px -27px;}

#nav #toIEFnav div:hover,
#nav #toIEFnav div.sfhover {background-position: -319px -27px;}

.parent {
 position: relative;
 width: 100%;
 height: 27px;
 float: left;
 }
.parent a {
 height: 27px;
 }

#nav a {
 color: #005cab;
 text-decoration: none;
 display: block;
 }

#nav li a:hover {
 color: #fff;
 background-color: #639091;
 }

#nav .parent a:hover {
 background-color: transparent;
 } /* required - DO NOT REMOVE background property */

#nav .dropdown { /* dropdowns are moved off screen initially */
 width: 171px; 
 background: url(/images/bgfix.gif); /* required background change for IE-Win */
 position: absolute; 
 left: -3000px; 
 top: 27px; 
 text-align: left; 
 font-size: 90%; 
 }

.dropdown ul { /* list within the dropdown div is sized */
 width: 131px; 
 w\idth: 129px; 
 border: 1px solid #d2dfe0;
 border-width: 1px 1px 0;
 margin: 0 20px 20px 20px;
 } /* sticky hovering rule - sets space for sloppy mousing */

#nav .dropdown a {
 background: #639091;
 font-size: .95em;
 color: #fff;
 border-left: 0;
 border-bottom: 1px solid #d2dfe0;
 padding: 5px 10px 6px 10px;
 vertical-align: bottom;
 font-weight: bold;
 height: auto; 
 }

#nav .dropdown a:hover {background: #8fb7da;}

#nav div:hover div, #nav div.sfhover div {left: -21px} /* sets the position of the dropdowns - compensates for the upper-level UL margin and a border */

.dropdown ul li {background: #639091;}
.dropdown li {vertical-align: bottom;} 

.brclear { /* clearing element */
 height: 0;
 margin: 0;
 font-size: 1px;
 line-height: 0px;
 }

/* This is to hide the following from IE/Mac. \*/
* html .topnav .dropdown li {
 height: 1%;
 margin-left: -16px;
 mar\gin-left: 0;
 }

* html #nav .dropdown a {height: 1%;}
/* */
/* The first 2 rules above fix "bullet region" problems in IE5.x/win, and the last is to make all links fully clickable. */

/* Mini Forms */
form.miniform {
 display: inline;
 width: 176px;
 height: 27px;
 margin: 0;
 padding: 0;
 border: 0;
 }

.minifield { 
 vertical-align: middle;
 font: normal 9px arial, helvetica, geneva, sans-serif;
 text-transform: none;
 color: #808080; 
 background: #fff; 
 width: 72px;
 height: 11px;
 margin: 0; 
 padding: 1px; 
 border: 1px solid #005cab;
 }

/* Mini Forms Tables */
table.miniformtab {
 width: 176px;
 height: 27px;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 border: 0;
 }

table.miniformtab td {
 text-align: left;
 margin: 0;
 padding: 0;
 }

table.miniformtab td#rightform {
 border-left: 1px solid #d2dfe0;
 }

table.miniformtab img {
 margin: 0;
 padding: 0;
 border: 0;
 }
 
.lilbutton {
 border: 0;
 }

img.lilbutton a {
 border: 0;
 }

/* Content Wrapper */
div#contentwrap {
 display: block;
 float: left;
 width: 800px;
 min-width: 800px;
 margin: 0;
 padding: 0;
 border: 0;
 background: url(/images/srsContentWrapBG.gif) top left repeat-y scroll;
 }

/* Central Content */
div#centralwrap {
 display: inline;
 float: left;
 width: 591px;
 min-width: 591px;
 margin: 0 -3px; /* IE5.x-Win bug fix */
 ma\rgin: 0; /* reset for other browsers */
 padding: 0;
 border: 0;
 }

/* Lead Image */
img#headline {
 display: inline;
 float: left;
 width: 591px;
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #d2dfe0;
 }

/* Lead Stories Wrapper */
div#leadstories {
 display: inline;
 float: left;
 width: 387px;
 min-width: 387px;
 margin: 0;
 padding: 0;
 background: url(/images/srsheadwords.gif) top left no-repeat;
 background-position: 3px 0; /* different positioning needed for IE5.x-Win */
 bac\kground-position: 0 0; /* reset for other browsers */
 border: 0;
 margin-right: -3px; /* to defeat the IE duplicate characters bug caused by all the HTML comments */
 }

/* Lead Story for home page */
div#leadstories p#story1 {
 margin: 0;
 padding: 72px 10px 10px 10px;
 border: 0;
 }

/* Lead Story for all other pages */
.storytop {
 margin: 0;
 padding: 75px 0 0 10px;
 }

.storytop2 {
 margin: 0;
 padding: 75px 0 3px 10px;
 }

div#leadstories h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding-left: 10px !important;
 }

div#leadstories p {
 padding: 0 5px 0 10px;
 }

/* Help image and story */
img#helpimg {
 margin: 0 0 0 10px;
 padding: 0;
 border: 1px solid #005cab;
 }

p#helpstory {
 margin: 0;
 padding: 5px 10px 10px 10px;
 border: 0;
 }
 
/* Plain lists in body copy */
ol.plainlist {
 list-style-type: decimal;
 font-size: .8em;
 line-height: 1.2em;
 color: #808080;
 margin: 0;
 padding: 5px 20px 10px 30px;
 border: 0;
 }

ol.plainlist li {
 list-style-type: decimal;
 padding: 2px 0 3px 0;
 }

ul.plainlist {
 list-style-type: disc;
 font-size: .8em;
 line-height: 1.2em;
 color: #808080;
 margin: 0;
 padding: 5px 20px 10px 30px;
 border: 0;
 }

ul.plainlist li {
 list-style-type: disc;
 padding: 2px 0 3px 0;
 }

/* Listy-type lists in body copy */
ol.listylist {
 font-size: .8em;
 line-height: 1.2em;
 color: #005cab;
 margin: 0;
 padding: 5px 5px 10px 10px;
 border: 0;
 }

ol.listylist li {
 padding: 2px 0 3px 0;
 }

ul.listylist {
 color: #808080;
 margin: 0;
 padding: 0 0 0 10px;
 border: 0;
 }

ul.listylist li {
 padding-left: 5px;
 }

.listylist li p {
 font-size: 1em;
 color: #808080;
 }

/* Listy-type lists in body copy 2 */
ol.listylist2 {
 font-size: .8em;
 line-height: 1.2em;
 color: #808080;
 margin-top: -1em;
 padding: 0 5px 0 10px;
 border: 0;
 }

ol.listylist2 li {
 padding: 2px 0 3px 0;
 }

ul.listylist2 {
 color: #808080;
 margin: 0;
 padding: 0 0 0 10px;
 border: 0;
 }

ul.listylist2 li {
 padding-left: 5px;
 }

.listylist2 li p {
 font-size: 1em;
 color: #808080;
 }

/* Listy-type lists in body copy 3 */
ul.listylist3 {
 font-size: .8em;
 line-height: 1.2em;
 color: #808080;
 margin: 0;
 padding: 5px 5px 10px 10px;
 border: 0;
 }

ul.listylist3 li {
 padding: 2px 0 3px 0;
 }

/* Right Story */
div#rightcolumn {
 display: inline;
 float: right;
 width: 204px;
 min-width: 204px;
 margin: 0;
 padding: 0;
 border: 0;
 margin-left: -3px; /* to defeat the IE duplicate characters bug caused by all the HTML comments */
}

div#rightcolumn img {
 border: 1px solid #005cab;
 margin: 10px 10px 5px 10px;
 padding: 0;
 }

div#rightcolumn p {
 margin: 0;
 padding: 0 10px 10px 10px;
 border: 0;
 }

div#rightcol h1, h2, h3, h4, h5, h6 {
 padding: 0 10px 0 10px;
 }

/* Right Hand Section Nav List */
ul#sectionnav {
 border: 1px solid #d2dfe0;
 margin: 10px 16px 5px 10px;
 background: url(/images/insideSRSsect.gif) top left no-repeat;
 padding-bottom: 5px;
 }

ul#sectionnav li.section {
 padding-top: 61px;
 background: url(/images/srsbullett.gif) 5px 62px no-repeat;
 }

ul#sectionnav li {
 font-size: .8em;
 margin: 0;
 padding: 5px 5px 5px 18px;
 background: url(/images/srsbullett.gif) 5px 6px no-repeat;
 }

/* Page Footer */
div#footwrap {
 display: block;
 float: left;
 width: 800px;
 min-width: 800px;
 margin: 0;
 padding: 0;
 border-top: 1px solid #d2dfe0;
 }

div#footleft {
 display: inline;
 float: left;
 width: 520px;
 min-width: 520px;
 margin: 0;
 padding: 0;
 border: 0; 
 }

div#navline { 
 width: 500px;
 min-width: 500px;
 font: bold .7em "Trebuchet MS", sans-serif;
 line-height: 1.3em;
 margin: 0;
 padding: 18px 10px 5px 18px;
 }

div#navline a {
 color: #005cab;
 }

div#creditline { 
 width: 500px;
 min-width: 500px;
 font: normal .7em arial, helvetica, geneva, sans-serif;
 line-height: 1.3em;
 margin: 0;
 padding: 0 10px 5px 18px;
 }

div#creditline a {
 color: #005cab;
 text-transform: none;
 font-weight: normal;
 }

div#fineprint { 
 width: 500px;
 min-width: 500px;
 font: normal .7em arial, helvetica, geneva, sans-serif;
 line-height: 1.3em;
 margin: 0;
 padding: 0 10px 20px 18px;
 }

div#fineprint a {
 color: #005cab;
 text-transform: none;
 font-weight: normal;
 }

div#footright {
 display: inline;
 float: right;
 overflow: hidden;
 width: 270px;
 min-width: 270px;
 margin: 0;
 padding: 0;
 border: 0; 
 }

div#srslogofoot {
 display: inline;
 float: right;
 width: 270px;
 min-width: 270px;
 height: 110px;
 margin: 0;
 padding: 0;
 border: 0; 
 }

div#srslogofoot img { 
 margin: 0;
 padding: 0;
 border: 0; 
 }

div#srslogofoot a { 
 display: block;
 width: 270px;
 height: 110px;
 margin: 0;
 padding: 0;
 background: url(/images/srsLogo.gif) top left no-repeat;
 }

div#srslogofoot a:hover { 
 background: url(/images/srsLogoOn.gif) top left no-repeat;
 }

/* General Helpers */
.hidden {
 display: none;
 }

.lightcaps {
 margin:0;
 padding: 5px;
 border: 0;
 font: bold .7em arial, helvetica, geneva, sans-serif;
 text-transform: uppercase;
 color: #d3e3f0;
}
 
.dark a {
 font: normal 1.2em arial, helvetica, geneva, sans-serif;
 color: #005cab;
 }

.colorcaps {
 color: #005cab;
 text-transform: uppercase;
 }
 
.colorhead {
 padding: 0 5px 0 10px;
 }

.contacts1 {
 font: normal 1.5em arial, helvetica, geneva, sans-serif;
 font-size: .8em;
 line-height: 1.5em;
 margin-top: -1.1em;
 padding: 0 5px 10px 20px;
 text-align: left;
 }

.contacts2 {
 font: normal 1.5em arial, helvetica, geneva, sans-serif;
 font-size: .8em;
 line-height: 1.5em;
 margin: 0;
 padding: 0 5px 10px 20px;
 text-align: left;
 }

.lessbottom {
 margin-bottom: 0;
 }
 
.moretop {
 margin-top: 3px;
 }

p.lone {
 margin-top: 0;
 text-indent: 0;
 }

p.b4list {
 margin-bottom: .5em;
 }

/* Horizontal List Navigation for IE5-Mac flat nav with no dropdowns */
/* \*/ /*/
#srshomenav a {background: url(/images/SRSnavTop.gif) 0 0;}
#aboutsrsnav a {background: url(/images/SRSnavTop.gif) -58px 0;}
#catalogmainnav a {background: url(/images/SRSnavTop.gif) -118px 0;}
#helpernav a {background: url(/images/SRSnavTop.gif) -191px 0;}
#contactsrsnav a {background: url(/images/SRSnavTop.gif) -245px 0;}
#toIEFnav a {background: url(/images/SRSnavTop.gif) -319px 0;}

#srshome #srshomenav a {background-position: 0 -54px;}
#srsabout #aboutsrsnav a {background-position: -58px -54px;}
#srscatalog #catalogmainnav a {background-position: -118px -54px;}
#srshelp #helpernav a {background-position: -191px -54px;}
#srscontact #contactsrsnav a {background-position: -245px -54px;}
#srsief #toIEFnav a {background-position: -319px -54px;}

#nav #srshomenav a:hover {background-position: 0 -27px;}
#nav #aboutsrsnav a:hover {background-position: -58px -27px;}
#nav #catalogmainnav a:hover {background-position: -118px -27px;}
#nav #helpernav a:hover {background-position: -191px -27px;}
#nav #contactsrsnav a:hover {background-position: -245px -27px;}
#nav #toIEFnav a:hover {background-position: -319px -27px;}

#navtopwrap #nav .dropdown {display: none;}
/* This rule block "dumbs down" the nav and is seen only by IE5-Mac */