/***********************************************************
Standard Shell CSS with core elements and needed attributes
Created by: Eric Tessau
2/14/2006

The Required Base HTML Elements are required. All other
sections are optional and can be deleted or commented out.
***********************************************************/

/* REQUIRED BASE HTML ELEMENTS */
/* Fonts, colors, sizes for the next 3 should match and be the default for sitewide text */
html, body    /* There is a background image associated with this style */ { color: #3e6c73; margin:0; padding:0; height:100%; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 19px; background: #d7e5e4 url(/Images/Global/Backing-Top-Header.gif) repeat-x left top; border-width: 0; }
td  { color: #3e6c73; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 17px; }
p  { color: #3e6c73; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 17px; }
/* End matching */
a     { color: #61827f; text-decoration: underline  }
a:hover {text-decoration:none;}
h1 { color: #3e6c73; font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: bold; line-height: 17px; letter-spacing: 0; }
input  { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"} /* Watch for borders; this governs radio buttons and checkboxes too */
textarea  { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"}
select  { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"}

/* OPTIONAL FORM STYLES */
input.borderless   { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"; line-height: 16px; border-width: 0 }
input.button   { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"; line-height: 16px; border-width: 0 }

/* OTHER TEXT STYLES */
.bold {font-weight:bold;}
.italic { font-style: italic; }
.bold-italic { font-weight: bold; font-style: italic; }
.secondary  { color: #001d31 } /* Other color */
.secondarybold  { color: #001d31; font-weight: bold } 
.tertiary  { color: #900000 } /* Other color */
.tertiarybold  { color: #900000; font-weight: bold } 

/* SEASONAL : Should mostly be color changes ONLY */
.seasonalprimary {color: #3e6c73; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 17px;}
.seasonalsecondary {color: #3e6c73; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 17px;}
.seasonaltertiary {color: #3e6c73; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 17px;}

/* MAIN MENU */
.mainmenu {}
a.mainmenu {}
a.mainmenu:hover {}

/* COOKIE TRAIL */
.cookietrail { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"; font-weight: normal; line-height: 16px }
a.cookietrail  { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"; font-weight: normal; line-height: 16px; text-decoration: underline }
a.cookietrail:hover  { color: #001d31; font-size: 11px; font-family: "Helvetica, Arial"; font-weight: normal; line-height: 16px; text-decoration: none }

/* SECONDARY (LEFT) MENU */
.secondarymenu { color: #666; font-size: 11px; font-family: "Geneva, Helvetica, Arial, SunSans-Regular, sans-serif"; line-height: 20px }
a.secondarymenu  { color: #666; font-size: 11px; font-family: "Geneva, Helvetica, Arial, SunSans-Regular, sans-serif"; line-height: 20px; text-decoration: none }
a.secondarymenu:hover  { color: #036; font-size: 11px; font-family: "Geneva, Helvetica, Arial, SunSans-Regular, sans-serif"; line-height: 20px; text-decoration: underline }

/* COPYRIGHT/FOOTER */
.copyright { color: #809f9c; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: normal; line-height: 16px ; text-decoration: none; }
a.copyright  { color: #809f9c; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: normal; line-height: 16px; text-decoration: underline; }
a.copyright:hover  { color: #809f9c; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: normal; line-height: 16px; text-decoration: none; }

/* HEADLINES : The # indicates importance/usage. 1 = Most commonly used; 2 = Different color", etc, "that is next most common", "etc. If you need more than 3", "add as needed */
.headline1 { color: #9c9c86; font-size: 16px; font-family: "Baskerville"; font-weight: bold; line-height: 20px }
.headline2  { color: #001d31; font-size: 16px; font-family: "Baskerville"; font-weight: bold; line-height: 20px }
.headline3   { color: #900000; font-size: 16px; font-family: "Baskerville"; font-weight: bold; line-height: 20px }
.subheadline1 { color: #ffffff; font-size: 13px; font-family: "Lucida Grande, Helvetica, Arial"; font-weight: normal; line-height: 17px; }
.subheadline2  { color: #726a5d; font-size: 13px; font-family: "Baskerville"; font-weight: bold; line-height: 16px }
.subheadline3  { color: #900000; font-size: 13px; font-family: "Baskerville"; font-weight: bold; line-height: 16px }
.minorheadline1 {}
.minorheadline2 {}
.minorheadline3 {}

/* TABLES */
.fillheight { height: 100%; }
.tableborder { background-color: #fff; height: 100%; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-right: 2px solid #afcac7; border-bottom: 2px solid #afcac7; border-left: 2px solid #afcac7; }

/* IMAGES */
.photoborder { padding: 1px; border: solid 2px #d7e5e4; }