/***********************************************************
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 */ { margin:0; padding:0; height:100%; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 16px; background: #fef3c4 url(/Images/Global/Backing.jpg) repeat-x left top; border-width: 0; }
td  { color: #002783; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 16px; }
p  { color: #002783; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 16px; }
p.p1 { color: #ffe594; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 16px; margin-top: 0; }
/* End matching */
a { color: #002783; text-decoration: underline; }
a:hover { color: #002783; text-decoration: none; }
a:link { color: #002783;}
a:visited { color: #002783;}
a:active { color: #002783;}
a.p1 { color: #ffe594; text-decoration: underline; }
a.p1:hover { color: #ffe594; text-decoration: none; }
a.p1:link { color: #ffe594;}
a.p1:visited { color: #ffe594;}
a.p1:active { color: #ffe594;}
h1 { color: #f4c32b; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: bold; line-height: 17px; letter-spacing: 0; margin: 0; padding: 0; }
h2 { font-size: 12px; font-weight: bold; margin: 0.83em 0; }
h3 { font-size: 12px; font-weight: bold; margin: 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; }
/* Other color */
.secondary  { color: #002783 }
.secondarybold  { color: #002783; font-weight: bold; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 11px; }
a.secondarybold:link { color: #002783; font-weight: bold; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; line-height: 11px; }
/* Other color */
.tertiary { color: #ffe594; text-decoration: none; }
a.tertiary:link { color: #ffe594; text-decoration: none; }
a.tertiary:hover { color: #ffe594; text-decoration: underline; }
a.tertiary:visited { color: #ffe594; }
a.tertiary:active { color: #ffe594; }
/* SEASONAL : Should mostly be color changes ONLY */
.seasonalprimary {color:}
.seasonalsecondary {color:}
.seasonaltertiary {color:}
/* 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: #fa4304; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: normal; line-height: 16px ; text-decoration: none; }
a.copyright  { color: #fa4304; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: normal; line-height: 16px; text-decoration: none; }
a.copyright:hover  { color: #fa4304; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial; font-weight: normal; line-height: 16px; text-decoration: underline; }
a.copyright:visited  { color: #fa4304; }
a.copyright:active  { color: #fa4304; }

/* 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; }
.navheading { font-weight: bold; background-image: none; text-decoration: none; width: 171px; height: 21px; }
a.navheading:link { font-weight: bold; background-image: none; text-decoration: none; width: 171px; height: 21px; }
a.navheading:hover { color: #002783; font-weight: bold; text-decoration: none; background-image: url(../Images/Portfolio/Nav-Backing.gif); width: 171px; height: 21px; }
.tddesign  { background: #fcdf5d url("/Images/Services/Head-Design.gif") no-repeat left top }
.tddevelop  { background: #fcdf5d url("/Images/Services/Head-Development.gif") no-repeat left top }
.tdsupport  { background: #fcdf5d url("/Images/Services/Head-Support.gif") no-repeat left top }
.tdmarketing   { background: #fcdf5d url("/Images/Services/Head-Marketing.gif") no-repeat left top }
.tdaboutus  { background: #fcdf5d url("/Images/Site-Map/Head-AboutUs.gif") no-repeat left top }
.tdportfolio  { background: #fcdf5d url("/Images/Site-Map/Head-Portfolio.gif") no-repeat left top }
.tdservices  { background: #fcdf5d url("/Images/Site-Map/Head-Services.gif") no-repeat left top }
.tdnews  { background: #fcdf5d url("/Images/Site-Map/Head-News.gif") no-repeat left top }
.tdcontactus  { background: #fcdf5d url("/Images/Site-Map/Head-ContactUs.gif") no-repeat left top }
/* IMAGES */
.photoborder { padding: 1px; border: solid 2px #d7e5e4; }