/*** Color ***/

body { background: #f6f6f6; }
h1, h2, h3, h4, h5 { color: #335; border-color: #000; }

div#wrapper { background: #fff;}
div#contents { background: #fff; }
div#header { background: #e8e8f0}
div#footer { background: transparent;}
div#footer ul a { color: #3a4e80; }
div#footer ul a:hover { color: #666; }

ul.siteNav li * { color: #113; }
ul.siteNav li a:hover { background: #f8f8f8; color: #000; }
ul.siteNav li.selected a {background: #fff; color: #000;}
ul.sideMenu li { border-color: #e8e8e8; }
ul.sideMenu a { color: #3a4e80; }
ul.sideMenu a:hover { background: #fffad0; }
hr.underline { border-bottom-color: #42416b; }

table, table td, table th { border-color: silver; }
thead { background: #e8e8e8; }
tr.even	{ background:#f0f4f5; }
tr.odd { background:#fff; }
tr.downplay { background:#f6f6fa;}
tr.highlight { background:#f0faf0;}

/*** Typography ***/

html { font-size: 100.01%; }
body { font-size: .75em; } /* 12px */
body, li, li a { font-family: Arial, Helvetica, sans-serif;}
p { font-family: Arial, Helvetica, sans-serif; line-height: 1.5em;}
p { padding-top: .75em; padding-bottom: .75em; }
a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 2em; line-height: .75em; /*margin-top: .5em; margin-bottom: .25em;*/ } /* commented out margin because h1 must fit logo image dimensions */
h2 { font-size: 1.75em; line-height: .9em; padding-top: .6em; padding-bottom: .3em; } /* 20px font */
h2.underline { padding-bottom: .25em; }
h3 { font-size: 1.5em; line-height: 1em; padding-top: .6667em; padding-bottom: .33333em; } /* 18px font */
h3.underline { padding-bottom: .27778em; }
h4 { font-size: 1.25em; line-height: 1.2em; padding-top: .8em; padding-bottom: .4em; } /* 15px font */
h4.underline { padding-bottom: .33333em; }
h5 { font-size: 1.125em; line-height: 1.3333em; padding-top: .8889em; padding-bottom: .44444em; } /* 13.5px font */
h5.underline { padding-bottom: .37037em; }
h2.underline, h3.underline, h4.underline, h5.underline { border-bottom-width: 1px; border-bottom-style: solid; }

table { font-family: Arial, Helvetica, sans-serif; line-height: 1.5em;}
th { font-weight: bold;}

div#footer { text-align: center; font-size: .8333em; line-height: 1.5em;}
div#footer p { font-size: 1em; }
div#footer a { font-family: Arial, Helvetica, sans-serif; }
div#footer ul a:hover { text-decoration: underline; }

ul.siteNav li * { text-decoration: none; text-transform: uppercase; font-size: 1.1em;}
ul.sideMenu { font-size: 1em; line-height: 1.5em; padding-top: 1px;}

/*** Layout ***/

/* tag styles */
body { margin: 0; }
p { max-width: 40em; }
table { margin: 1em; border-collapse: collapse; }
table, table td, table th { border-width: 1px; border-style: solid; }
table td, table th { padding: .3em; }

/* standard layout areas */
div#wrapper { width:65em; /*min-width: 65em; max-width: 820px;*/ margin: 0 auto; padding-bottom: 1em;}
div#contents { margin: 0 17px 0 17px; padding-top: 2px;}
div#header { height: 55px; clear: both; padding-top: 1px;}
div#footer { margin: 0 auto; padding: 15px 0 10px 0; }
div#footer p { margin-top: 12px; margin-left: auto; margin-right: auto; border-width: 0;}
div#footer ul li { padding: 0 1.1em 0 0; }

/* reusable elements (can appear more than once on page) */

/* reset floats */
div.reset { clear:both; }

/* unbounded p width */
p.fullWidth { max-width: 100%; }

/* center table cells */
th.center {text-align: center;}
td.center {text-align: center;}

/* logo */
a.logo { display: block; margin: 12px 0 0 10px; height: 50px; width: 185px; text-indent: -999em; float: left; }

/* side bar column */
div.sideBar { width: 17em; float: left;}
div.infoBar { width: 215px; float: right;}
div.infoBar img { display: block; float: right; padding: 0 0 10px 0px;}

/* main column */
div.mainCol { float:none; margin-left: 18em; width: auto; }

/* navigation menu */
ul.navMenu li { list-style-type: none; display: inline; }

/* site navigation menu */
ul.siteNav {float: none; padding-top: 23px; margin-left: 19em;}
ul.siteNav li { float: left; line-height: 22px;}
ul.siteNav li a {display: block; padding: 7px .5em 5px .5em; }

/* sideMenu */
ul.sideMenu { padding-bottom: 5px; margin-top: 0; }
ul.sideMenu li { list-style-type: none; border-style:solid; border-top-width: 0px; border-bottom-width: 1px; padding: 6px 0 0 3px; }
ul.sideMenu ul li { border-top-width: 1px; border-bottom-color: white; margin-left: 20px; }
ul.sideMenu a { display: block; margin-top: -6px; margin-left: -3px; padding-top: 6px; padding-left: 3px; }

/* underline */
hr.underline { margin: 1px 0 0 0; padding: 0; border-style: solid; border-width: 0 0 1px 0; }

/* decorative inline image */
img.decor {float: right; padding: 8px;}