/* 

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

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

*/

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

/* general link styles */

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

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

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

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

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.skip_footer, a.skip_footer:hover, a.skip_footer:visited {
font-size:5%;
color:#ffffff;
} 

/* content block styles.  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;
}

#content h2 { 
text-align:left;
text-transform: uppercase;
padding:15px 0px 5px 0px;
font-size:110%;
color:#000;
font-weight:bold;
}

#content h3 { 
text-align:left;
text-transform: uppercase;
padding:15px 0px 5px 0px;
font-size:110%;
font-weight:800;
}

#content h3.dessert_menu { 
text-align:left;
text-transform: none;
padding:15px 0px 5px 0px;
font-size:110%;
color:#0c311c;
font-weight:800;
}

#content h3.dessert_menu_price { 
text-align:right;
text-transform: lowercase;
padding:15px 0px 5px 0px;
font-size:100%;
color:#000;
font-weight:800;
}

#content h4 { 
text-align:left;
padding:15px 0px 5px 25px;
font-size:105%;
font-weight:800;
color:#0c311c;
}

#content h4.column { 
text-align:left;
padding:15px 0px 5px 0px;
font-size:105%;
font-weight:800;
}

#content table {
margin-top:-10px;
}

#content td.dessert_header { /* creates underline for pricing */
border-bottom: 1px dotted #18462c;
}

#content td.dessert_footer { /* creates underline for footer */
border-bottom: 1px solid #18462c;
}

#content p { 
text-align:left;
padding:10px 20px 5px 30px;
font-size:95%;
}

#content p.indent { 
padding:5px 30px 5px 40px;
}

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

#content p.small_items {
margin-left:15px;
font-size:80%;}

#content p.footnotes {
font-size:85%;
text-align:right;
}

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

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

/* these three styles create the colored disc for unordered lists and the bold colored number for ordered lists; ul/ol defines the color of the disc, spans surrounding the li content return the li text black. */

#content ul { 
padding:0px 30px 5px 55px;
color:#0c311c;
list-style-type:disc;
}

#content ul li ul { 
padding:0px 30px 5px 35px;
color:#000;
list-style-type:disc;
}

#content ul.menu { 
padding:0px 20px 2px 20px;
color:#0c311c;
list-style-type:disc;
}

#content ul.menu_top { 
padding:4px 20px 2px 20px;
color:#0c311c;
list-style-type:disc;
}

#content ol { 
padding:0px 30px 5px 60px;
color:#18462c;
font-weight:bold;
}

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

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

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

/* feature box styles */

#feature_box h4 {
padding:10px 20px 10px 20px;
font-size:105%;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
background-color:#a12730;
border-bottom:2px #000000 solid;
} 

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

#feature_box ul { 
padding:0px 25px 5px 35px;
text-align:left;
color:#002f5d;
}

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

/* footer styles */

#footer p {
font-size:90%;
font-weight:bold;
color:#ffffff;
padding-right:5px;
}