/* CSS Document */
/* 	Wendy Solum
	2007.02.08

TABLE OF CONTENTS - search on these values to find styles ("=BASE", "=LAYOUT", etc.)
-------------------------------------------------------------------------------------------	
=BASE   --------body style and general setup of style (some of this has not been completed. 
                As it is used, style may need to be adjusted to suit, such as tables and blockquotes.)


=LAYOUT --------basic structure of page layout 
		        #masthead - The banner
                #ishinfo - Issue information 
                #container - Holds the main conten and the sidebar sections 
		        #content - The main content section. This section holds the articles.
		        #sidebar - The sidebar section
                .roun
                #footer - The footer section
                #bsgLogo - The container for the BSG logo. It is nested inside the footer.
         

=LINKS  --------styles for links
=MAP    --------Image map
=IMAGE  --------image styles
=MISC   --------Misc styles for clearing, centering and other classes
=PRINT  --------Print styles (these may be in a separate print style sheet) 


	OTHER
		Hacks should be commented by name ("holly hack", "tan hack", etc.  If any are present, indicate so here.
        >> There are a few hacks being used for IE. There is also a separate style sheet for less than IE 7 and for IE7. 
        Conditional comments are used to point to these.
-------------------------------------------------------------------------------------------	
END TABLE OF CONTENTS */

/* =BASE STYLE */
* {margin: 0; padding: 0;}
body {font: 76% Verdana, sans-serif; line-height: 1.5em; color: #333; background: #FFF;}
/* might try this instead - "trebuchet ms", verdana, arial, tahoma; */

a{text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #27499f; border-bottom: 1px dotted #27499f;}

html body a:hover {color: #27499f; background-color: #DFE3F2;
  border-bottom: 1px solid #B2B2B2;}
/* h1 and h4 were replace with h3 and h5 to make for better viewing if style is disabled (not so large for text only browsers or email clients */ 
h3 {font: 1.4em Georgia, "Times New Roman", serif; text-align: left; margin: 1em 0 0.5em 0; font-weight:600;}
h5 {font: bold 1em Georgia, "Times New Roman", serif; text-align: left; margin: 1em 0 0.5em 0; letter-spacing: 1px;}

/* NOT BEING USED *****************
h2 {font: 1.2em Georgia, "Times New Roman", serif; text-align: left; margin: 1em 0 0.5em 0; letter-spacing: 1px; font-weight:600;}
wlsh3 {font: bold 1em Verdana, Arial, sans-serif; text-align: left; margin: 1em 0 0.5em 0; letter-spacing: 2px; text-transform: uppercase;}
wlsh5 {font: bold .8em Verdana, Arial, sans-serif; text-align: left; margin: 1em 0 0.5em 0; letter-spacing: 1px; text-transform: uppercase;}
h6 {font: bold .8em Verdana, Arial, sans-serif; text-align: left; margin: 1em 0 0.5em 0; letter-spacing: 1px;}
**********************************/   

ul, ol {list-style: none;}
blockquote, pre {padding: 0.25em 40px;}
blockquote {background: url('images/quotes.png') no-repeat 10px 0.75em;
  margin: 0.25em 0; font-style:italic; font-variant:normal; font-weight:normal; font-size:1.05em; font-family:Georgia, Times, serif}
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: 600;}

table {border-bottom: 3px solid #B2B2B2; margin: 0 0 2em;}
caption {border-left:0px solid #B2B2B2; border-right:0px solid #B2B2B2; border-top:1px solid #B2B2B2; border-bottom:2px solid #B2B2B2; padding:0.75em; background:#EEE; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.5em; font-family:Georgia, Times, serif}
th, td {border-left:1px solid #CCC; border-right:0px solid #CCC; border-top:0px solid #CCC; border-bottom:1px solid #CCC; padding-left:1em; padding-right:1em; padding-top:0.5em; padding-bottom:0.5em}
th.first, td.first, tbody th {border-left: none;}
thead th {text-transform: uppercase; text-align: left;}
tbody th {width: 20%;}
tfoot {display: none;}

/* =LAYOUT
-----------------------------------------------------------*/

/* #alternateHTML 
---------------------------------------------*/
#alternateHTML.caption 
    {   
    font: bold .85em Verdana, sans-serif; 
    letter-spacing: 1px; 
	width:620px;
   wls margin: 0 0 .25em .25em; 
    wlspadding: .25em 0 .5em 0; 
    wlsmargin: 0; 
    text-align: right; 
    text-transform: none;
    }


/* #masthead 
---------------------------------------------*/
#masthead 
    {
	background: #fff url('images/masthead.jpg') no-repeat 0 0;
	width:620px;
	height:100px; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0
    }

/* #ishinfo 
---------------------------------------------*/
#ishinfo 
    {
	position:relative;
	top:80px;
	margin-left: -5px;
	font-size: 11px;
	font-weight: 600;
	color: #E0A02C;
	text-align:center;
	text-transform: none; 
	letter-spacing: 0.10em;
    }

#ishinfo .dot {margin:0 6px;}

/* #container 
---------------------------------------------*/
#container
    {
	background-color:#fff;
	overflow:hidden;
	width:620px;
	margin:0 0 0 10px;	
    }

/* #content 
---------------------------------------------*/
#content
    {
	background-color:#fff;
	width:399px;
	float:left;
	padding: 0 20px 0 20px;
    }
    
#content_wide
    {
	background-color:#fff;
	width:600px;
	padding: 0 20px 0 20px;
    }    

#content .title 
    {
    margin: 1em 0 0 0; 
    padding-bottom: .025em; 
    border-bottom: none; 
    color: #000;
    text-align: left; 
    text-transform: none; 
    line-height: 1.25em; 
    letter-spacing: 1px;
    }
    
#content .byline 
    {   
    font: bold .85em Verdana, sans-serif; 
    letter-spacing: 1px; 
    margin: 0 0 .25em; 
    padding: .25em 0 .5em 0; 
    margin: 0; 
    text-align: left; 
    text-transform: none;
    }

#content p {margin: 0 0 1.33em 0;}

#content ul, #content ol {margin-bottom: 1.25em;}
#content li {margin-bottom: 0.66em; line-height: 1.6em;}
#content ul li 
    {
    padding-left: 40px; 
    background: url('images/bullet-link-visited.gif') no-repeat 22px 0.66em;
    }
#content ol {padding-left: 40px; list-style: decimal;}
#content ol li {padding-left: 5px; background-image: url('none');}

#content_wide ul, #content_wide ol {margin-bottom: 1.25em;}
#content_wide li {margin-bottom: 0.66em; line-height: 1.6em;}
#content_wide ul li 
    {
    padding-left: 40px; 
    background: url('images/bullet-link-visited.gif') no-repeat 22px 0.66em;
    }
#content_wide ol {padding-left: 40px; list-style: decimal;}
#content_wide ol li {padding-left: 5px; background-image: url('none');}


/* #sidebar 
---------------------------------------------*/
#sidebar {
	background: #fff url('images/rail.jpg');
	width:181px; float:right; padding-top:25px; line-height:1.3em; font-size:.9em; background-color:#fff
 	}
	
	
	
#sidebar ul.normalList, #sidebar ol.normalList {margin-bottom: 0;}
#sidebar li {margin-bottom: 0.66em; line-height: 1em;}
#sidebar ul.normalList li  
    {
    margin-left: 12px; 
	list-style: disc;
    }



/* .roundedcornr ROUNDED CORNER BOXES - Used in sidebar section 
---------------------------------------------*/
.roundedcornr_box {
   background: #ffffff;
   width: 90%;
   }
.roundedcornr_top div {
   background: url('images/roundedcornr_tl.png') no-repeat top left;
   padding-top:6px
   }
.roundedcornr_top {
   background: url('images/roundedcornr_tr.png') no-repeat top right;
   }
.roundedcornr_bottom div {
   background: url('images/roundedcornr_bl.png') no-repeat bottom left;
   }
.roundedcornr_bottom {
   background: url('images/roundedcornr_br.png') no-repeat bottom right;
   }
.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
   }
.roundedcornr_content {
    margin: 25px 10px 0 10px; 
    background: #FFF; color: #7C7C7C; 
    text-align:left;
    } 	

#footer {
	background-color:#fff;
	width:620px;
	padding: 0px 20px 0px 30px;
    font: normal .85em Verdana, sans-serif; 
    line-height: 1.3em;  
    text-align: left; 
    text-transform: none;	
    }
	
#footer_wide p {padding:6px 0;}	

#footer_wide {
	background-color:#fff;
	width:620px;
	padding: 0px 20px 0px 20px;
    font: normal .85em Verdana, sans-serif; 
    line-height: 1.3em;  
    text-align: left; 
    text-transform: none;	
    }

#footer p {padding:6px 0;}
#bsgLogo {
    float:right;
    text-align:center;
    width:181px;
    }		

/* =LINKS
-----------------------------------------------------------*/
#masthead a {display: block; background: #fff; width: 620px;}
#masthead a:hover {background: #ccc;}

#masthead a, #ishinfo a, .title a:link, .title a:visited, .byline a:link, .byline a:visited {border-bottom-width: 0;}
#footer a:hover, .title a:hover, .byline a:hover {border-bottom-width: 1px;}

#content .title a:link, #content .title a:visited, #content .byline a:link, #content .byline a:visited {color: #27499f; border-bottom: 1px dashed #B2B2B2;}
#content .title a:hover, #content .byline a:hover {color: #27499f; border-bottom: 1px solid #B2B2B2;}

#content .byline a:link, #content .byline a:visited, #content .byline a:hover {
    font: bold 0.85em Verdana, sans-serif;
    text-transform: uppercase; 
    letter-spacing: 2px;
    margin-left: 0.25em; 
    }

#sidebar a:link, #sidebar a:visited, #sidebar a:hover {border: none;}
#map_02 a:link, #map_02 a:visited, #map_02 a:hover {border: none;}

#footer a:link, #topnote a:link, #footer a:visited, #topnote a:visited {
	background: transparent;
	color:#E0A02C;
	text-decoration:none;
	border-bottom: 1px dotted #E0A02C;
    }

#footer a:hover, #footer a:active, #topnote a:hover, #footer a:active {
	text-decoration:none;
    color: #27499f; background-color: #DFE3F2;
    border-bottom: 1px solid #B2B2B2;
    }

#footer>#bsgLogo a{border-bottom: 0px none;}

#footer>#bsgLogo a:link{border-bottom: 0px none; background: #FFF; color: #000}
#footer>#bsgLogo a:hover{border-bottom: 0px none; background: #FFF; color: #000}

/* =MAP - IMAGE MAP FOR ARCHIVED NEWSLETTERS
-----------------------------------------------------------*/
#map_02 {
    width: 181px;
    height: 112px;
    background: url('images/nwsltr.gif');
    margin: 0; 
	padding: 0;
    position: relative;
	left: 0
}

#map_02 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#map_02 a {display: block;}

#map_02_1 {left: 0px; top: 0px; width: 181px; height: 112px;}

#map_02_1 a {height: 112px;}

#map_02_1 a:hover {background: url('images/nwsltr.gif') no-repeat 0px -112px;
    border-bottom: medium none;}

/* IMAGE 
-----------------------------------------------------------*/
#bsgLogo img {border: 0px none; margin-left:0; margin-right:30px; margin-top:20px; margin-bottom:10px}

/* =MISC
-----------------------------------------------------------*/
.important {font-weight: 600;}

.dotted {border-top: 1px dashed #B2B2B2; margin:0; width: 100%}
.clear {clear: both;}
.bitOfSpace {
    height:30px;
    background: transparent;
    color: #FFF;
    }

.centerdiv {width:100%;}
.centerdiv { /*IE method of centering a relative div*/
	text-align: center;
	}
.centerdiv>div { /*Proper way to center a relative div*/
	margin: 0 auto;
	}

#printheaders {/* These are for print only so do not display them on screen */

display: none;

}

.specialNote {
color: #27499f;
background-color: transparent;

}