/* 

This CSS stylesheet deals purely with the graphical styles of content block elements
on the subpages.

For phyiscal layout of the subpages, see see sp_layout.css 

Also note that there is a stylesheet for the popups - similar color branding is used on these pages but the layout and sizing are different.  Any changes to color here should also be made there.

*/

/* NOTE THAT THE FIXED FONT SIZE AND FAMILY ARE DEFINED IN sp_layout.css */

a:link {
color:#3b5984;
font-weight:bold;
text-decoration:underline;
}

a:visited {
color:#a11b36;
font-weight:bold;
text-decoration:underline;
}

a:hover {
color:#2f6749;
font-weight:bold;
text-decoration:none;
}

a.body_text:link {
color:#8c132b;
font-weight:bold;
text-decoration:underline;
}

a.body_text:visited {
color:#8c132b;
font-weight:bold;
text-decoration:underline;
}

a.body_text:hover {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
} 


/* content block styles (except for feature box).  Note that all styles are based on their specific divs to give them independent control.  Yes, it's a pain in the butt, but it allows for greater independent change to individual sections... */

#info_area h2 { 
text-align:left;
padding:15px 0px 5px 20px;
font-size:105%;
color:#67564e;
font-weight:bold;
}

#info_area p { 
text-align:left;
padding:10px 20px 5px 20px;
font-size:85%;
font-weight:bold;
}

#info_area p.medium, .medium { 
font-size:85%;
}

#info_area p.small { 
font-size:75%;
}

/* these three styles create the red disc for unordered lists and the bold red number for ordered lists; ul/ol defines the color of the disc, spans surrounding the li content return the li text black.  Note that the feature box has its own styles for lists for sizing purposes. */

#info_area ul { 
padding:0px 30px 5px 55px;
color:#658a8c;
list-style-type:square;
}

#info_area ol { 
padding:0px 30px 5px 60px;
color:#658a8c;
font-weight:bold;
}

#info_area li {
margin-bottom:10px;
}

#info_area li ul li {
margin-bottom:3px;
}

#info_area li span { 
text-align:left;
font-weight:normal;
color:#000000;
}

/* footer styles */

#footer {
color:#000000;
}

#footer p { 
font-size:65%;
font-family:Georgia, serif;
text-align:left;
margin-top:20px;
padding:10px 10px 4px 10px;
}