/* 

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:#004f00;
font-weight:bold;
text-decoration:underline;
}

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

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

a.registration:hover {
color:#617834;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
}

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

a.skip_banner, a.skip_banner:hover, a.skip_banner:visited {
font-size:5%;
color:#ffffff;
position:absolute;
left:0px;
top:-500px;
} 

a.skip_nav, a.skip_nav:hover, a.skip_nav:visited {
font-size:5%;
color:#ffffff;
position:absolute;
left:-500px;
} 

a.accordion:link, a.accordion:visited {
color:#2f6749;
font-weight:bold;
text-decoration:underline;
} 

a.accordion:hover {
color:#a11b36;
font-weight:bold;
text-decoration:none;
} 


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

/* content block styles (excluding featured info area).  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 23px;
}

#content h2 { 
text-align:left;
padding:20px 10px 10px 23px;
font-size:115%;
color:#2a2953;
font-weight:bold;
}

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

#content h4 { 
text-align:left;
padding:20px 0px 0px 23px;
font-size:120%;
color:#5c0053;
font-weight:bold;
}

#content p { 
text-align:left;
padding:0px 20px 20px 28px;
font-size:100%;
}

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

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

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

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

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

#content address { /* left alone, address tags are italicized. */
text-align:left;
padding:5px 20px 5px 28px;
font-size:95%;
font-style:normal;
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 45px;
color:#000000;
list-style-type:disc;
}

#content ol { 
padding:0px 30px 5px 50px;
color:#000000;
font-weight:bold;
}

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

#sponsor_logos {
width:95%;
margin-left: 0px auto;
margin-right: 0px auto;
}

#sponsor_logos ul li {
/*adding padding and border so the text does not run together visually*/
display: inline;
padding:20px;
}


/* these table styles are for generic tables on the site; they help establish the borders and background color for the th cells.  They will be similar to the table styles for the group fitneess schedules, but changes in font-sizes and padding will exist */

#content table {
margin:10px 0px 10px 20px;
}

#content table, #content td, #content th {
border-color:#423833;
border-style:solid;
word-wrap: break-word;
}

#content table {
border-width:0px 0px 1px 1px;
border-spacing:0px;
border-collapse:collapse;
}

#content td {
margin:0px;
padding:5px;
border-width:1px 1px 0px 0px;
font-size:90%;
}

#content td p {
margin:0px;
padding:0px 10px 10px 10px;
font-size:100%;
text-align:left;
}

#content td ul {
padding:0px 30px 5px 33px;
color:#000000;
list-style-type:disc;
}

#content td.exhibitor_on {
font-weight:bold;
background-color:#ddd7c6;
}

#content th.sponsor {
margin:0px;
padding:4px;
border-width:1px 1px 0px 0px;
font-size:100%;
color:#000000;

}

#content th {
margin:0px;
padding:4px;
border-width:1px 1px 0px 0px;
font-size:100%;
color:#000000;
background-color:#cbc8aa;
}

#content th h3 {
/*color:#574a44;*/
color:#3c0036;
margin-top:-20px;
}

/* these table styles are for the exhibitor table on the site; they eliminate borders and background color for all cells.  */

#content table.exhib {
margin:10px 0px 10px 20px;
}

#content table.exhib, #content td.exhib, #content th.exhib {
border-style:hidden;
word-wrap: break-word;
}

#content table.exhib {
border-width:0px;
border-spacing:0px;
border-collapse:collapse;
border-style:hidden;
}

#content td.exhib {
margin:0px;
padding:5px;
border-width:0px;
border-style:hidden;
}

#content th.exhib {
margin:0px;
padding:4px;
border-width:0px;
font-size:100%;
border-style:hidden;
}

/* Featured info area styles */

#feature_info h4 {
text-align:left;
padding:30px 10px 12px 15px;
font-size:105%;
color:#000;
font-weight:bold;
}

#feature_info p { 
text-align:left;
padding:0px 10px 10px 18px;
font-size:85%;
font-weight:normal;
color:#000000;
}

#feature_info ul { 
padding:0px 25px 3px 35px;
color:#00000;
list-style-type:disc;
}

#feature_info ol { 
padding:0px 35px 3px 40px;
color:#00000;
font-weight:bold;
}

#feature_info li {
padding-bottom:7px;
}

#feature_info li span{ 
text-align:left;
font-size:85%;
font-weight:normal;
color:#000000;
padding-bottom:50px;
}

/* feature box styles */

#feature_box h4 {
padding:0px 0px 0px 7px;
} 

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

#feature_box ul { 
padding:3px 15px 5px 25px;
text-align:left;
color:#490042;
}

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

/* footer styles */

#footer p {
text-align:left;
padding:0px 10px 10px 28px;
color:#666;
}