/* CSS Document for all the text in the BayKids site. Place additional styles for all text within this document. Please add style judiciously.*/

#contentWrapper {
/* This wrapper goes around the contents in the iFrame. Each iFrame loads another html file. Use this wrapper around the contents of everything that is in this other file. The wrapper ensure the content stays neatly withing the iFrame.*/
margin: 15px 20px 10px 20px;
}


/*START HEADER STYLES
These styles are for use on the page headers and should not be applied to general content to be read. */
#pageHeader {
/* This style is for the top level page header used on each content page. */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.75em;
color:#96D0DC;
}
#headerLinks {
/* This style is for any anchor links under the page header. These links are anchors into the iFrame content. */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.70em;
color: #0196B4;
}
#headerLinks a:link {
color: #0196B4;
}
#headerLinks a:visited {
color: #0196B4;
/*color: #CB7ACA;*/
}
#headerLinks a:hover {
color: #96D0DC;
}
#headerLinks a:active {
color: #96D0DC;
}
/*END HEADER STYLES*/


#sectionHeader {
/* This header is for the content in the iFrame. It is teal and bold. */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: .75em;
color:#0196B4;
}
#subHead {
/* This header is for the content in the iFrame. It is grey and bold. It should be used in moderation. Use it to call attention to sub content.. */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: .75em;
color:#999999;
}
#reading {
/* Any reading text. This is mostly applied to the content in the scrolling iFrame in the content area. */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.5em;
color:#000000;
margin-top: 0px;
}

#quote {
/* Text WITHIN the reading text that should be separated out. Examples include an article snippet or quote. Best when used in combination with the BLOCKQUOTE tag.*/
margin-left: 10px; 
margin-right: 0px;
margin-top: 0px;
color:#000000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.5em;
font-style: italic;
}

#footerText {
/* The white footer text on the bottom of each page. */
color: #FFFFFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
line-height: 3em;
text-align: center;
}
#footerText a:link {
/* Style to ensure the link in the footer stays white.*/
color: #FFFFFF;
}
#footerText a:visited {
/* Style to ensure the link in the footer stays white.*/
color: #FFFFFF;
}
#footerText a:hover {
/* Hover style to indicate the link in the footer is active and visible.*/
color: #96D0DC;
}
#footerText a:active {
/* Hover style to indicate the link in the footer is active and visible.*/
color: #96D0DC;
}