/* 

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 */

/* general link styles; note that the Group Fitness schedules also have a link style that only specify a font size, since the links are h3's instead of plain text.  */

a:link {
color:#572e46;
font-weight:bold;
text-decoration:underline;
}

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

a:hover {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#243a58;
}

a.book {
background-color:#ffffff;
color:#ffffff;
}

.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... */

#content h1 {  /* h1's have no size or color attached because the page headers are graphics */
text-align:left;
padding:0px 0px 10px 0px;
}

#content h2 { 
text-align:left;
padding:20px 0px 0px 10px;
font-size:105%;
color:#425a7a;
font-weight:bold;
}

#book_right h2 {
text-align:left;
padding:0px 10px 0px 10px;
font-size:105%;
color:#425a7a;
font-weight:bold;
}

#content h3 { 
text-align:left;
padding:20px 0px 0px 10px;
font-size:100%;
color:#000000;
font-weight:bold;
}

#content p, #book_right p { 
text-align:left;
padding:10px 25px 10px 10px;
font-size:95%;
}

#content blockquote { 
text-align:left;
padding:10px 25px 10px 25px;
font-size:95%;
}

#content p.breadcrumb {
font-size:85%;
padding:40px 20px 25px 10px;
}

#content p.indent { 
padding:0px 0px 0px 0px;
}

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

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

#content address { /* left alone, address tags are italicized. */
text-align:left;
padding:5px 20px 5px 20px;
font-size:95%;
font-style:normal;
font-weight:bold;
}

#content fieldset {
text-align:left;
padding:5px 20px 5px 20px;
font-size:95%;
border:0px;
}

#content label {
display:block;
color:#67564e;
padding:10px 0px 2px 0px;
font-weight:bold;
}

/* 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. */

#content ul { 
padding:0px 30px 5px 35px;
color:#28313e;
list-style-type:square;
}

#content ol { 
padding:0px 30px 5px 40px;
color:#28313e;
font-weight:bold;
}

#content li span{ 
text-align:left;
font-size:95%;
font-weight:normal;
color:#000000;
}

/* feature box styles */

#feature_box h4 {
padding:10px 20px 10px 20px;
border-bottom:1px #d2cfaf solid;
font-size:90%;
color:#760906;
background-color:#f8f7f2;
}

#feature_box p {
padding:5px 20px 5px 20px;
text-align:left;
font-size:90%;
}

#feature_box address {
padding:5px 20px 5px 20px;
text-align:left;
font-size:90%;
font-style:normal;
font-weight:bold;
}

#feature_box ul {
padding:0px 30px 5px 35px;
color:#28313e;
list-style-type:square;
}

#feature_box li span{
text-align:left;
font-size:85%;
font-weight:normal;
color:#000000;
}

/* testimonial box styles */

#test_box_right h4 {
height:50px;
background-image:url(/images/test_box_hdr.jpg);
background-repeat:none;
} 

#test_box_right p, #test_box_wide p, #promotion_box_wide p {
padding:5px 17px 5px 15px;
text-align:left;
font-size:85%;
} 

/* footer styles */

#footer {
color:#746158;
}