﻿@import url(/z_common/resources/style.css);

/*	
History:
12/23/04 - Created this page
	
Puropse:
Standard css (tuned to comply with HTML 4.01 Transitional loose DTD) that serves modern browsers with 
little (no) regard for pre-2000 versions or non-standard implementations such as WebTV.  

Font sizes are set using "em" rather than pt, px, etc.  The short explanation is that ems port well to
platforms other than pcs such mac, balckberry, etc. and facilitate assistive veiwing technologies.  The 
default size for 1em can generally be thought of as 12pt/16px.
	
Notes:
-- Generally the only changes should be to values such as colors, images, margins, and font family and size.
-- Named items (those vars beginning with . or #) are case sensitive
-- Size is in ems (preferred), pixels or percents for crossbrowser/OS/computer compatability
-- Margin shorthand sequence [x,x,x,x] is top [em], right [px], bottom [em], left [px]; [x,x,x] = top, left & right, bottom; [x,x] is top & bottom, left & right; [x] is all 
-- INPUT, SELECT, and TEXTAREA font values generally should not be changed.  They are tuned to minimize form sizing. 
-- UL and OL cascade font-size values generally should not be changed, else unexpected size reductions will result. 
-- TH, TR, TD ignore attemps to set margins either in css or in-line. You can set TABLE margins in-line.
-- Line heights are numbers (essentially %) which facilitate cascading
*/

BODY{margin:0}
BODY, TH, TD, p {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
A { color: #990000; text-decoration: underline;}
A:hover { text-decoration: none;}
H1,H2,H3,H4,H5 { color: #990000;  font-weight: bold; font-family: Verdana, Helvetica, sans-serif;text-decoration: none;}
H1 { font-size: 14pt;}
H2 { font-size: 12pt;}
H3 { font-size: 10pt;}
H4 { font-size: 9pt;}
H5 { font-size: 8pt;}


.bodyMain {
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 20px;
}
.breadcrumbBold {
 color: #000000;
 font-weight: bold;
 font-size: 8pt;
 text-decoration: none;
}
.breadcrumbBold:hover {
 text-decoration: underline;
}
.breadcrumbBold:link {
 text-decoration: none;
}
.breadcrumbLight {
 font-size: 8pt;
 color: #000000;
 text-decoration: none;
}
.companyBoldText {
}
.companyFormText {
}
.companyFormTextRequired {
}
.companyHeading {
 font-weight: bold;
 font-size: 10pt;
 color: #990000;
 text-decoration: none;
}
.companyHeading2 {
}
.companyHeading3 {
}
.companyHeadline {
 font-weight: bold;
 font-size: 11pt;
 color: #990000;
 text-decoration: none;
}
.companyHeadline:hover {
 text-decoration: underline;
}
.companyLink {
 font-weight: normal;
 font-size: 8pt;
 color: #990000;
 text-decoration: none;
}
.companyLink:hover {
text-decoration: underline;
}
.companyMainBody {
}
.companyMainText {
}
.companyNormalText {
}
.companyNormalTextPXRed {
}
.companySmallText {
}
.copyright {
 font-size: 8pt;
}
.date {
 padding-left: 10px;
 font-size: 8pt;
 color: #000000;
}
.directoryHeading {
 font-weight: bold;
 font-size: 11pt;
 padding-bottom: 10px;
 color: #990000;
}
.directoryFieldLabel {
 font-weight: bold;
}
.directoryListHeadline {
 font-weight: bold;
}
.enewsBoxEdit {
}
.enewsBoxText {
 font-size: 8pt;
 padding-bottom: 1px;
 color: #000000;
 padding-top: 3px;
}
.enewsBoxSubmit {
 text-align: center; 
}
.eventBigLink {
 color: #990000;
 font-weight: normal;
 font-size: 8pt;
 text-decoration: underline;
}
.eventBigLink:hover {
 text-decoration: none;
}
.eventDateHeader {
 font-size: 8pt;
 color: #000000;
 background-color: #e3e3e3;
}
.eventDetail {
 padding-left: 10px;
 font-size: 10pt;
 color: #000000;
}
.eventHeading3 {
}
.eventHeadline {
 font-weight: bold;
 font-size: 10pt;
 color: #990000;
 text-decoration: none;
}
.eventHeadline:hover {
 text-decoration: underline;
}
.eventHeadlineTD {
 padding-left: 10px;
}
.eventMoreLink {
 padding-left: 10px;
 font-size: 8pt;
 color: #990000;
 text-decoration: underline;
}
.eventMoreLink:hover {
 text-decoration: none;
}
.eventNormalText {
}
.eventSmallText {
}

.image {
 margin: 10px;
}
.imageCaption {
 font-size: 8pt;
 padding-bottom: 5px;
 color: #990000;
 padding-top: 2px;
 font-family: Arial, Helvetica, Sans-Serif;
 text-align: center;
}
.LeftLink1 {
 font-size: 8pt;
 color: #990000;
 text-decoration: underline;
}
.LeftLink1:hover {
 text-decoration: none;
}
.LeftLink2 {
 font-size: 8pt;
 padding-bottom: 10px;
 color: #990000;
 text-decoration: none;
}
.LeftLink2:hover {
 text-decoration: underline;
}
.list1 {
}
.listLine1 {
}
.mailinglistHeader {
}
.mailinglistText {
}
.moreoverDate {
 padding-left: 5px;
 font-size: 7pt;
 color: #666666;
}
.moreoverDateHome {
 padding-left: 5px;
 font-size: 7pt;
 color: #666666;
}
.moreoverHeadline {
 color: #990000;
 font-weight: bold;
 font-size: 10pt;
 text-align: left;
 text-decoration: none;
}
.moreoverHeadline:hover {
 text-decoration: underline;
}
.moreoverHeadlineHome {
 color: #990000;
 font-weight: bold;
 font-size: 8pt;
 text-align: left;
 text-decoration: none;
}
.moreoverHeadlineHome:hover {
 text-decoration: underline;
}
.moreoverMoreLink {
 color: #660000;
 font-weight: normal;
 font-size: 8pt;
 text-decoration: underline;
}
.moreoverMoreLink:hover {
 text-decoration: none;
}
.moreoverMoreLinkHome {
 color: #990000;
 font-size: 8pt;
 text-decoration: underline;
}
.moreoverMoreLinkHome:hover {
 text-decoration: none;
}
.moreoverSource {
 font-size: 8pt;
 color: #666666;
 text-decoration: underline;
}
.moreoverSource:hover {
 text-decoration: none;
}
.moreoverSourceHome {
 color: #666666;
 font-size: 8pt;
 text-decoration: underline;
}
.moreoverSourceHome:hover {
 text-decoration: none;
}
.moreoverTitleHome {
 color: #990000;
 font-weight: bold;
 font-size: 10pt;
 text-decoration: none;
}
.moreoverTitleHome:hover {
 text-decoration: underline;
}
.newsAuthorLink {
 font-size: 8pt;
}
.newsBody {
}
.newsBold {
}
.newsBoxBlurb {
 font-size: 8pt;
 padding-left: 5px;
}
.newsBoxHeadline {
 color: #990000;
 font-weight: bold;
 font-size: 8pt;
 text-decoration: none;
}
.newsBoxHeadline:hover {
 text-decoration: underline;
}
.newsBoxHeadlineTD {
}
.newsBoxImageTD {
}
.newsBoxMoreLink {
 color: #990000;
 font-size: 8pt;
 text-decoration: underline;
}
.newsBoxMoreLink:hover {
 text-decoration: none;
}
.newsBoxPublishline {
 color: #000000;
 padding-left: 10px;
 font-weight: bold;
 font-size: 8pt;
}
.newsBullet {
 color: #000000;
 padding-left: 10px;
 font-weight: bold;
 font-size: 10pt;
}
.newsBulletWhite {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 10pt;
}
.newsHeadline {
 color: #990000;
 font-weight: bold;
 font-size: 12pt;
 text-align: left;
 text-decoration: none;
}
.newsHeadlinesBoxCategory {
 color: #990000;
 font-weight: normal;
 font-size: 10pt;
}
.newsHeadlinesBoxLink {
 color: #990000;
 font-size: 8pt;
 text-decoration: none;
}
.newsHeadlinesBoxLink:hover {
 text-decoration: underline;
}
.newsLink {
}
.newsListBlurbXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX {
 color: #000000;
 padding-left: 10px;
 font-weight: normal;
 font-size: 10pt;
}
.newsListHeadlineXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX {
 color: #990000;
 font-weight: bold;
 font-size: 10pt;
 text-align: left;
 text-decoration: none;
}
.newsListHeadline:hover {
 text-decoration: underline;
}
.newsListHeadlineTDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX {
 padding-left: 10px;
}
.newsListMoreLink {
 padding-left: 10px;
 font-size: 8pt;
 text-decoration: underline;
}
.newsListMoreLink:hover {
 text-decoration: none;
}
.newsListPublishlineXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX {
 padding-left: 10px;
 font-weight: bold;
 font-size: 8pt;
 color: #000000;
}
.newsListTopHeadline {
 font-weight: bold;
 font-size: 14pt;
 color: #000000;
 text-align: left;
 text-decoration: none;
}
.newsPublished {
 font-size: 8pt;
 color: #666666;
}
.newsSmallText {
 font-size: 8pt;
}
.newsSubHeadline {
 font-size: 8pt;
 color: #990000;
 text-align: left;
 text-decoration: none;
}
.newsText {
}
.newsPrevNext {
 line-height: 14pt;
}
.prevnextCurrent {
}
.prevnextWindow {
}
.prevnextLink {
}
.rsvpLink {
}
.rsvpText {
}
.searchBody {
}
.searchBox {
 vertical-align: top;
}
.searchBoxInput {
 vertical-align: middle;
}
.searchBoxTable {
}
.searchBoxText {
 color: #000000;
 font-size: 8pt;
}
.searchHeading {
}
.searchHeadline {
 font-weight: bold;
 font-size: 10pt;
 color: #990000;
 text-align: left;
 text-decoration: none;
}
.searchHeadline:hover {
 text-decoration: underline;
}
.searchLink {
 font-size: 8pt;
}
.searchLink:hover {
}
.searchMainBody {
}
.searchPublishline {
 font-size: 8pt;
 color: #666666;
}
.sectionHeader {
 font-weight: bold;
 font-size: 12pt; 
 color: #ffffff; 
 font-family: Arial, Helvetica, sans-serif;
 background-image:url(/images/section_bg_tile_blue.gif);
}
.sectionLink {
 font-size: 8pt;
 color: #FFFFFF;
 text-decoration: underline;
 font-weight: bold;
}
.sectionLink:hover {
 text-decoration: none;
}



#scrollingContainer_1, #scrollingContainer_2{
position: relative;
width: 198px;
height: 190px;
background-color: #ffffff;
overflow: hidden;
border: 1px solid #999999;
padding: 0px;
padding-left: 0px;
font-size:.8em
}


.calTitle	{ background-color:#999999; font-size:18px; font-weight:bold; color:#FFFFFF; font-family:verdana,arial,helvetica,sans-serif; }
.calAdd		{ background-color:#FFFFE8; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }
.calBody	{ background-color:#c0c0c0; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }
.calCurrDay	{ background-color:#FFFFCC; font-size:10px; font-weight:bold; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }
.calPad		{ font-size:10px; font-family:verdana,arial,helvetica,sans-serif; }
.calDay		{ background-color:#FFFFFF; font-size:10px; font-weight:bold; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }
.calMoYr		{ background-color:#e8e8e8; font-size:10px; font-weight:bold; color:#FFFFFF; font-family:verdana,arial,helvetica,sans-serif; }
a.calMoYr:link		{ background-color:#999999; font-size:10px; font-weight:bold; color:#ffffff; font-family:verdana,arial,helvetica,sans-serif; }
a.calMoYr:visited		{ background-color:#999999; font-size:10px; font-weight:bold; color:#ffffff; font-family:verdana,arial,helvetica,sans-serif; }
a.calMoYr:hover		{ font-size:10px; font-weight:bold; color:#990000; font-family:verdana,arial,helvetica,sans-serif; }
.calMoYrSel			{ background-color:#FFFFFF; font-size:9px; font-weight:bold; color:#000066; font-family:verdana,arial,helvetica,sans-serif; }
a.calMoYrSel:link		{ background-color:#FFFFFF; font-size:9px; font-weight:bold; color:#990000; font-family:verdana,arial,helvetica,sans-serif; }
a.calMoYrSel:visited	{ background-color:#FFFFFF; font-size:9px; font-weight:bold; color:#990000; font-family:verdana,arial,helvetica,sans-serif; }
a.calMoYrSel:hover	{ background-color:#336666; font-size:9px; font-weight:bold; color:#e8e8e8; font-family:verdana,arial,helvetica,sans-serif; }

/* mini calendar; version: 2006-02-06*/

.calMiniNavPanel	{ background-color:#002868; font-size:12px; font-weight:bold;}

a.calMiniNav		{ font-size:10px; font-weight:bold; font-family:verdana,arial,helvetica,sans-serif;}
a.calMiniNav:link, a.calMiniNav:visited {font-weight:bold; color:#FFFFFF; text-decoration:underline;}
a.calMiniNav:hover	{font-weight:bold; color:#e8e8e8; text-decoration:none;}

a.calMiniNavSel		{ font-size:10px; font-weight:bold; font-family:verdana,arial,helvetica,sans-serif;}
a.calMiniNavSel:link, a.calMiniNavSel:visited { background-color:#FFFFFF; color:#336666; text-decoration:underline;}
a.calMiniNavSel:hover	{ background-color:#336666; color:#e8e8e8; text-decoration:none;}

.calMiniBody		{ background-color:#c0c0c0; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }
.calMiniPad		{ font-size:10px; font-family:verdana,arial,helvetica,sans-serif; }

.calMiniCurrDay		{ background-color:#FFFFCC; font-size:10px; font-weight:bold; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }
.calMiniDay		{ background-color:#FFFFFF; font-size:10px; font-weight:bold; color:#000000; font-family:verdana,arial,helvetica,sans-serif; }

a.calMiniMoYr		{ background-color:#002868; font-size:10px; font-weight:bold; font-family:verdana,arial,helvetica,sans-serif;}
a.calMiniMoYr:link, a.calMiniMoYr:visited {color:#FFFFFF; text-decoration:underline;}
a.calMiniMoYr:hover	{color:#e8e8e8; text-decoration:none;}

/* z_common OVERRIDES */
#z_calendar_full_container .calTopNav {	background-color: #002868; }
#z_calendar_full_container a.calTopNav:link, a.calTopNav:visited {background-color: #002868; border:1px dotted #002868;	}
#z_calendar_full_container a.calTopNav:hover {background-color:#336666; border:1px dotted #ffffff;}


/* ######### Dynamic Drive Base CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 10px Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
color: white;
text-decoration: none;
padding: 5px 4px;
margin-left:1px;			/*inter-link distance*/
margin-bottom:1px;			/*inter-link distance*/
background-color: #002868;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
color: #ffffff;
background-color: #999999;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 0px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Dynamic Drive Marker List Vertical Menu - ROOT LEVEL ######### */

.rootmenu{
width: 153px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.rootmenu ul{
list-style-type: none;
margin: 0 0;
padding: 0;
text-align:left;
}

.rootmenu ul li a{
font: bold 10px Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 4px 6px;
margin-bottom:1px;			/*inter-link distance*/
text-decoration: none;
background-color: #002868;
}

* html .rootmenu ul li a{ /*IE6 hack*/
width: 155px;
}

.rootmenu ul li a:visited, .rootmenu ul li a:active{
color: #ffffff;
}

.rootmenu ul li a:hover, .rootmenu ul li a.selected{
background-color: #999999;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}