/* STANDARD */
html { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #707070; }
body,td { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; }
a { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #ffffff; }
a:hover { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #ffffff; }
.warning { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: bold; color: #ff0000; }
.contentlink { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: bold; color: #000000; text-decoration: underline; }
.contentlink:hover { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: bold; color: #000000; text-decoration: none; }
.contentlinknobold { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #707070; text-decoration: underline; }
.contentlinknobold:hover { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #707070; text-decoration: none; }
/* PROJECT */
a.footerNav { font-size: 11px; font-weight: normal; color: #ffa800; text-decoration: none; }
a.footerNav:hover { font-size: 11px; font-weight: normal; color: #ffa800; text-decoration: underline; }
a.footerNavS { font-size: 11px; font-weight: normal; color: #ffa800; text-decoration: underline; }
a.footerNavS:hover { font-size: 11px; font-weight: normal; color: #ffa800; text-decoration: underline; }
a.headerLink { font-size: 11px; font-weight: normal; color: #cdcdcd; text-decoration: none; }
a.headerLink:hover { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; }
a.headerLinkS { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; }
a.headerLinkS:hover { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; }
a.footerLink { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; }
a.footerLink:hover { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }
a.footerLink2 { font-size: 11px; font-weight: normal; color: #707070; text-decoration: underline; }
a.footerLink2:hover { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }
.footer { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #707070; }
.header { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #ffffff; }
.white { font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: normal; color: #ffffff; }
.pageheader { font-size: 20px; font-family: arial, verdana, sans-serif; font-weight: bold; color: #333333; }
a.secNavHeader { font-size: 20px; font-family: arial, verdana, sans-serif; font-style: bold; padding: 1px 8px; font-variant: normal; font-weight: normal; color: #415dcb; text-decoration: none; }
a.secNavHeader:hover { font-size: 20px; font-family: arial, verdana, sans-serif; font-style: bold; padding: 1px 8px; font-variant: normal; font-weight: normal; color: #415dcb; text-decoration: none; }
a.secNav { font-size: 11px; font-family: arial, verdana, sans-serif; font-style: normal; padding: 1px 8px; font-variant: normal; font-weight: normal; color : #707070; text-decoration: none; }
a.secNav:hover { font-size: 11px; font-family: arial, verdana, sans-serif; font-style: normal; padding: 1px 8px; font-variant: normal; font-weight: bold; color: #ffa800; text-decoration: underline; }
a.secNavS { font-size: 11px; font-family: arial, verdana, sans-serif; font-style: normal; padding: 1px 8px; font-variant: normal; font-weight: bold; color: #ffa800; text-decoration: underline; }
a.secNavS:hover { font-size: 11px; font-family: arial, verdana, sans-serif; font-style: normal; padding: 1px 8px; font-variant: normal; font-weight: bold; color: #ffa800; text-decoration: underline; }
.secNavText { font-size: 11px; font-style:normal; font-variant:normal; font-weight: normal; color:#ffffff; text-decoration:none; }
/* DROPDOWN MENUS */
#menu {}
#menu a {}
#menu a.hover {}
#menu span { display: none; }
#img { vertical-align: bottom; }
#subnav { font-size: 11px; margin-bottom: 2em; }
#subnav a { color: #ffffff; margin-right: 1em; }
#subnav span { color: #ffffff; margin-right: 1em; }
/* this is the clipping region for the menu. it's width and height get set by scripx, depending on the size of the items table */
.transMenu { position: absolute; overflow: hidden; left: -1000px; top: -1000px; }
/* this is the main container for the menu itself. it's width and height get set by scripx, depending on the size of the items table */
.transMenu .content { position: absolute; }
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items { position: relative; left: 0px; top: 0px; z-index: 2; }
.transMenu.top .items { border-top: none; }
/* each TR.item is one menu item */
.transMenu .item { color: #ffffff; font-size: 11px; font-family: sans-serif; text-decoration: none; border: none; cursor: pointer; cursor: hand; }
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in scripx because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background { position: absolute; left: 0px; top: 0px; z-index: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
/* filter was 80...*/
/* same concepx as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by scripx. In IE5/mac, it uses a PNG */
.transMenu .shadowRight { position: absolute; z-index: 3; top: 3px; width: 2px; -moz-opacity: 0; filter: alpha(opacity=0); }
/* same concepx as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by scripx. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom { position: absolute; z-index: 1; left: 3px; height: 2px; -moz-opacity: 0; filter: alpha(opacity=0); }
/* this is the class that is used when the mouse is over an item. scripx sets the row to this class when required. */
.transMenu .item.hover { color: #707070; background: #ffffff; }
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img { margin-left: 10px; }
hr
{
border: none;
height: 1px;
background-color: #f4f2ec;
color: #f4f2ec;
}
h1
{
padding: 10px 0 10px 0;
margin: 0;
font-size: 13px;
color: #000000;
}
h2
{
padding: 0 0 -10px 0;
margin: 0 0 -15px 0;
font-size: 14px;
color: #ee8a10;
}
#grid
{
}
#grid table {
background-color: #FFFFFF;
border: none;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
text-align: left;
}
#grid table a:link, #grid table a:visited, #grid table a:active {
background-color: transparent;
color: #0096BD;
text-decoration: none;
}
#grid table a:hover {
background: transparent;
color: #000000;
text-decoration: underline;
}
#grid table caption {
background-color: transparent;
color: #67BD2A;
font-family: Georgia, serif;
font-size: 24px;
padding-bottom: 12px;
padding-left: 8px;
text-align: left;
}
#grid table, #grid td, #grid th {
margin: 0;
padding: 0;
}
#grid tbody td, #grid tbody th {
background-color: #efefef;
border-bottom: 2px solid #D1D1D1;
border-top: 3px solid #FFFFFF;
padding: 9px;
}
#grid tbody tr.odd th, #grid tbody tr.odd td {
background-color: #C8EDAE;
border-bottom: 2px solid #67BD2A;
}
#grid tbody tr:hover td, #grid tbody tr:hover th {
background-color: #BAE899;
}
#grid td, #grid th {
vertical-align: middle;
}
#grid tfoot td, #grid tfoot th {
font-weight: bold;
padding: 4px 8px 6px 9px;
}
#grid thead th {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 19px;
padding: 0 8px 2px 8px;
white-space: nowrap;
}