/***** default styles *****/
* {	font-family: Verdana, Arial;	font-size: 8pt; }

/***** link classes *****/
A:link { color: #6E6C6E; text-decoration: none; } /* default link styling - should be the same as linkNormal class */
A:visited { color: #9FA1A6; text-decoration: none; }
A:hover { color: #EE8107; text-decoration: underline; }
A:active { color: #6E6C6E; text-decoration: underline; }	

A.linkDark:link { color: #000; text-decoration: none; } /* for links that match the text color */
A.linkDark:visited { color: #000; text-decoration: none; }
A.linkDark:hover { color: #000; text-decoration: underline; }
A.linkDark:active { color: #000; text-decoration: underline; }	

A.linkDarkSmall:link { color: #000; font-size: 7pt; text-decoration: none; } /* for links that match the text color and are small */
A.linkDarkSmall:visited { color: #000; font-size: 7pt; text-decoration: none; }
A.linkDarkSmall:hover { color: #000; font-size: 7pt; text-decoration: underline; }
A.linkDarkSmall:active { color: #000; font-size: 7pt; text-decoration: underline; }	

A.linkDHTMLMenuSubitems:link { background-color: #FFF; color: #000; display: block; font-size: 7.5pt; font-weight: normal; padding: 5px 10px 6px 0; text-decoration: none; } 
A.linkDHTMLMenuSubitems:visited { background-color: #FFF; color: #000; display: block; font-size: 7.5pt; font-weight: normal; padding: 5px 10px 6px 0; text-decoration: none; }
A.linkDHTMLMenuSubitems:hover { background-color: #EE8107; color: #FFF; display: block; font-size: 7.5pt; font-weight: normal; padding: 5px 10px 6px 0; text-decoration: none; }
A.linkDHTMLMenuSubitems:active { background-color: #EE8107; color: #FFF; display: block; font-size: 7.5pt; font-weight: normal; padding: 5px 10px 6px 0; text-decoration: none; }	

A.linkDHTMLMenuSubitemsBold:link { background-color: #FFF; color: #000; display: block; font-size: 7.5pt; font-weight: bold; padding: 5px 10px 6px 0; text-decoration: none; } 
A.linkDHTMLMenuSubitemsBold:visited { background-color: #FFF; color: #000; display: block; font-size: 7.5pt; font-weight: bold; padding: 5px 10px 6px 0; text-decoration: none; }
A.linkDHTMLMenuSubitemsBold:hover { background-color: #EE8107; color: #FFF; display: block; font-size: 7.5pt; font-weight: bold; padding: 5px 10px 6px 0; text-decoration: none; }
A.linkDHTMLMenuSubitemsBold:active { background-color: #EE8107; color: #FFF; display: block; font-size: 7.5pt; font-weight: bold; padding: 5px 10px 6px 0; text-decoration: none; }

A.linkFooterPrimary:link { color: #FFF; text-decoration: none; } /* for primary footer links */
A.linkFooterPrimary:visited { color: #FFF; text-decoration: none; }
A.linkFooterPrimary:hover { color: #FFF; text-decoration: underline; }
A.linkFooterPrimary:active { color: #FFF; text-decoration: underline; }	

A.linkGreySmall:link { color: #666; font-size: 7pt; text-decoration: none; } /* for grey links */
A.linkGreySmall:visited { color: #666; font-size: 7pt; text-decoration: none; }
A.linkGreySmall:hover { color: #666; font-size: 7pt; text-decoration: underline; }
A.linkGreySmall:active { color: #666; font-size: 7pt; text-decoration: underline; }

A.linkHeaderSecondary:link { color: #5A5A5A; font-size: 7pt; font-weight: bold; text-decoration: none; } /* for secondary header links */
A.linkHeaderSecondary:visited { color: #5A5A5A; font-size: 7pt; font-weight: bold; text-decoration: none; }
A.linkHeaderSecondary:hover { color: #5A5A5A; font-size: 7pt; font-weight: bold; text-decoration: underline; }
A.linkHeaderSecondary:active { color: #5A5A5A; font-size: 7pt; font-weight: bold; text-decoration: underline; }	

A.linkNormal:link { color: #6E6C6E; text-decoration: none; } /* for regular links */
A.linkNormal:visited { color: #9FA1A6; text-decoration: none; }
A.linkNormal:hover { color: #EE8107; text-decoration: underline; }
A.linkNormal:active { color: #6E6C6E; text-decoration: underline; }

A.linkStrong:link { color: #6E6C6E; font-weight: bold; text-decoration: none; } /* for strong links */
A.linkStrong:visited { color: #9FA1A6; font-weight: bold; text-decoration: none; }
A.linkStrong:hover { color: #EE8107; font-weight: bold; text-decoration: underline; }
A.linkStrong:active { color: #6E6C6E; font-weight: bold; text-decoration: underline; }	

A.linkSection:link { color: #6E6C6E; font-weight: bold; text-decoration: none; } /* for regular links */
A.linkSection:visited { color: #9FA1A6; font-weight: bold; text-decoration: none; }
A.linkSection:hover { color: #EE8107; font-weight: bold; text-decoration: underline; }
A.linkSection:active { color: #6E6C6E; font-weight: bold; text-decoration: underline; }	

A.linkSubsection:link { color: #6E6C6E; font-family: Verdana, Arial; text-decoration: none; } /* for subsection links */
A.linkSubsection:visited { color: #9FA1A6; font-family: Verdana, Arial; text-decoration: none; }
A.linkSubsection:hover { color: #EE8107; font-family: Verdana, Arial; text-decoration: underline; }
A.linkSubsection:active { color: #6E6C6E; font-family: Verdana, Arial; text-decoration: underline; }

A.linkWhite:link { color: #FFF; text-decoration: none; } /* for white links */
A.linkWhite:visited { color: #FFF; text-decoration: none; }
A.linkWhite:hover { color: #FFF; text-decoration: underline; }
A.linkWhite:active { color: #FFF; text-decoration: underline; }	

A.linkWhiteStrong:link { color: #FFF; font-weight: bold; text-decoration: none; } /* for white links */
A.linkWhiteStrong:visited { color: #FFF; font-weight: bold; text-decoration: none; }
A.linkWhiteStrong:hover { color: #FFF; font-weight: bold; text-decoration: underline; }
A.linkWhiteStrong:active { color: #FFF; font-weight: bold; text-decoration: underline; }	

/***** tag classes *****/
BODY { background: transparent url(../images/bkg.gif) top center fixed repeat-x; color: #000; margin: 0; }

H1 { font-family: Arial, Helvetica; font-size: 14pt; font-weight: bold; margin: 0; padding: 0; }
H1 I { font-family: Arial, Helvetica; font-size: 14pt; font-style: oblique; font-weight: bold; margin: 0; padding: 0; }
H2 { color: #666; font-size: 10pt; font-weight: bold; margin: 0 0 12px 0; padding: 0; }
H3 { color: #999; font-size: 13pt; font-weight: normal; margin: 0; padding: 0; }

P { margin: 0; }

/***** abstract classes *****/
.abstract { padding-bottom: 4px; }

/***** bullet classes *****/
.bulletPrimary { list-style-type: square; color: #EE8314; }

/***** button container classes *****/
.buttoncontainer ul { background-color: transparent; clear: both;  color: #FFF; float: left; font-family: Arial, Helvetica; height: 23px; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-left: 0; z-index: 100; }
.buttoncontainer ul li { display: inline; }
.buttoncontainer ul li a { background-color: transparent; background-image:url(../images/btn_form_default.gif); background-repeat: no-repeat;  color: #000; float: left; font-weight: normal; font-size: 8pt; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 84px; }
.buttoncontainer ul li a:hover, .buttoncontainer ul li a.current, .buttoncontainer ul li a.current:hover { background-color: transparent; background-image:url(../images/btn_form_over.gif); color: #000; float: left; font-weight: normal; font-size: 8pt; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 84px; }
.buttoncontainer ul li a:active, .buttoncontainer ul li a.current, .buttoncontainer ul li a.current:active { background-color: transparent; background-image:url(../images/btn_form_down.gif); color: #000; float: left; font-weight: normal; font-size: 8pt; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 84px; }
.buttoncontainer ul li a.spacer { background-color: transparent; border: 1px solid #FFF; color: #FFF; float: left; font-weight: normal; font-size: 8pt; padding: 1px 10px 3px 10px; text-decoration: none; }

/***** button classes *****/
.buttonPagingPrimary { background-color: #D6DFE7; color: #000; font-weight: normal; } /* primary paging buttons */
.buttonPagingSecondary { background-color: #D6DFE7; color: #AAA; font-weight: normal; } /* secondary paging buttons */
.buttonPrimary { background-color: #D6DFE7; color: #000; font-weight: normal; } /* primary buttons */
.buttonSecondary { background-color: #D6DFE7; color: #AAA; font-weight: normal; } /* secondary buttons */

/***** calendar classes *****/
.calendarMonthColumnHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; }
.calendarMonthDayOtherMonth { background-color: #B2C6D2; width: 14.2857%; }
.calendarMonthDayThisMonth { background-color: #FFFFFF; width: 14.2857%; }
.calendarMonthDayHasItems { background-color: #E8F0F4; width: 14.2857%; }
.calendarMonthDayToday { background-color: #FFC610; width: 14.2857%; }
.calendarWeekColumnHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; }
.calendarWeekDayDark { background-color: #D4DCE1; text-align: center; }
.calendarWeekDayLight { background-color: #E8F0F4; text-align: center; }
.calendarWeekDayToday  { background-color: #FFC610; text-align: center; }
.calendarWeekRowHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; }

/***** career classes *****/
.careerEqualEmployment { background-color: #E8F0F4; }

/***** DHTML Menu class *****/
.DHTMLMenuRow { }

/*** FCKeditor classes ***/
.fckeditor UL { list-style: none; }
.fckeditor UL LI { padding: 0 0 4px 10px; background-image: url(../images/blt_blue.gif); background-repeat: no-repeat; background-position: 0 .5em; }
.fckeditor UL LI UL { list-style: none; }
.fckeditor UL LI UL LI { padding: 0 0 4px 10px; background-image: url(../images/blt_blue_hol.gif); background-repeat: no-repeat; background-position: 0 .5em; }
.fckeditor A:link { color: #457AB5; text-decoration: none; }
.fckeditor A:visited { color: #457AB5; text-decoration: none; }
.fckeditor A:hover { color: #457AB5; text-decoration: underline; }
.fckeditor A:active { color: #457AB5; text-decoration: underline; }	

/***** form classes *****/
.formDropdownOn { background-color: #7EE34C; }
.formDropdownOff { background-color: #FFF; }
.formInstructions { font-size: 8pt; padding-top: 8px; vertical-align: top; } /* instructions */
.formField { padding: 5px 0 4px 10px; } /* fields (input, textarea, select, etc.) */
.formLabel { font-weight: bold; padding: 5px 0 4px 0; } /* labels */
.formPaging { background-color: #D6DFE7; color: #000; font-weight: normal; } /* paging dropdown */
.formRow { height: 20px; } /* rows (for minimum height) */
.formViewLabel { font-weight: bold; } /* when displaying view of what form was filled in with - label part */
.formViewItem { } /* when displaying view of what form was filled in with - item part */
.formSection { color: #C30; font-size: 10pt; font-weight: bold; height: 21px; margin: 0; text-align: right; width: 100%; } /* form section */
.formSectionLeft { color: #C30; font-size: 10pt; font-weight: bold; height: 21px; margin: 0; text-align: left; width: 100%; } /* form section */

/***** highlight classes *****/
.highlight { background-color: #EF9836; }
.highlightundo { background-color: #FFF; }
.highlightLight { background-color: #EFEFEF; } /* makes used form fields highlight in searches */
.highlightLightBlue { background-color: #EFEFEF; } /* makes used form fields highlight in searches */

/***** image shadow classes *****/
.img-caption { font-weight: bold; }
.img-shadow { background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.img-shadow img { display: block; position: relative; background-color: #FFF; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

/***** impact date classes *****/
.impactDate { float: left; margin-right: 10px; line-height: 210%; text-align: center; width: 60px; }
.impactDateOnHP { float: left; margin-right: 10px; line-height: 210%; text-align: center; width: 60px; }
.impactDateMonth { color: #AAA; font-family: Arial, Helvetica; font-size: 14pt; font-weight: bold; letter-spacing: -0.05em; }
.impactDateMonthOnHP { color: #FFF; font-family: Arial, Helvetica; font-size: 14pt; font-weight: bold; letter-spacing: -0.05em; }
.impactDateDay { color: #AAA; font-family: Arial, Helvetica; font-size: 22pt; font-weight: bold; letter-spacing: -0.05em; }
.impactDateDayOnHP { color: #FFF; font-family: Arial, Helvetica; font-size: 22pt; font-weight: bold; letter-spacing: -0.05em; }
.impactDateYear { color: #AAA; font-family: Arial, Helvetica; font-size: 11pt; font-weight: bold; letter-spacing: -0.05em; }
.impactDateYearOnHP { color: #FFF; font-family: Arial, Helvetica; font-size: 11pt; font-weight: bold; letter-spacing: -0.05em; }

/***** intro *****/
.intro { line-height: 150% }

/***** paginator classes *****/
.paginator { color: #000; font-weight: normal; margin: 0px; padding-top: 10px; } /* pages area */
.paginator a, .pageList .this-page { border: solid 1px #6E6C6E; color: #000; padding: 0px 2px; text-decoration: none; }  /* page links not clicked on yet */
.paginator a:visited { border: solid 1px #6E6C6E; color: #000; padding: 0px 2px; text-decoration: none; } /* page links already clicked on */
.paginator .break { border: none; padding: 0px 2px; text-decoration: none; } /* page links ellipsis */
.paginator .this-page { font-weight: bold; padding: 0px 2px; vertical-align: top; } /* page links current page */
.paginator a:hover { background: #6E6C6E; border-color: #6E6C6E; color: #fff; text-decoration: none; } /* page links hover state */

/***** rule classes *****/
.ruleMainGray1 { background-color: transparent; background-image:url(../images/dotted_line_child_nav_230.gif); background-repeat: repeat-x; height: 1px; margin: 5px 0 5px 0; width: 100%; }
.ruleMainGray3 { background-color: transparent; background-image:url(../images/dotted_line_child_nav_230.gif); background-repeat: repeat-x; height: 3px; margin: 7px 0 5px 0; width: 100%; }
.ruleSide1 { background-color: #9AC9DF; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSide2 { background-color: #0084BD; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSideGray1 { background-color: transparent; background-image:url(../images/grey_dash_200.gif); background-repeat: repeat-x; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSideGray3 { background-color: transparent; background-image:url(../images/grey_dash_200.gif); background-repeat: repeat-x; height: 3px; margin: 7px 0 2px 0; width: 100%; }
.ruleTableRowSeparator { background-color: #CED7DE; }
.ruleThick1 { background-color: #9AC9DF; height: 18px; margin: 9px 0 8px 0; width: 100%; }
.ruleThick2 { background-color: #0084BD; height: 18px; margin: 9px 0 8px 0; width: 100%; }

/***** search classes *****/
.searchScore { background-color: #457AB5; border-color: #457AB5; border-style: solid; border-width: 1px; height: 6px; }
.searchScoreInverse { background-color: #E8F0F4; border-color: #457AB5; border-style: solid; border-width: 1px; height: 6px; }

/***** side navigation row classes *****/
.sidenavigationheading { padding: 2px 0px; width: 200px; }
.sidenavigationrow { padding: 2px 0px; width: 200px; }
.sidenavigationrowcurrent { background-color: #E8F0F4; padding: 2px 0px; width: 200px; }

/***** table classes *****/
.tableHeader { background-color: #819AA9; color: #FFF; font-weight: bold;} /* headers */
.tableFooter { background-color: #819AA9; height: 5px; } /* footers */
.tableRowDark { background-color : #D4DCE1; } /* alternating rows */
.tableRowLight { background-color : #E8F0F4; } /* alternating rows */
.tableRowRuled { background-color : #FFBB05; } /* highlighted rows */

/***** table layout table classes *****/
.tableProductForm	{ background-color: #FFFFFF; border-color: #999; border-width: 1px 1px 1px 1px; border-style: solid; width: 647px; }
.tableProductFormInstructions { background-color: #999; }
.tableProductFooter { background-color: #F3F5F7; background-image:url(../images/ft_bar_cp.gif); background-repeat: no-repeat; height: 140px; margin-left: auto; margin-right: auto; text-align: center; width: 701px; }
.tableProductFooterHomepage { background-color: #F3F5F7; background-image:url(../images/ft_bar_hp.gif); background-repeat: no-repeat; height: 140px; margin-left: auto; margin-right: auto; text-align: center; width: 701px; }
.tableProductMain { background-color: #FFF; margin-left: auto; margin-right: auto; width: 685px; }
.tableProductHeader { background-color: #FFF; height: 75px; margin-left: auto; margin-right: auto; width: 685px; }
.tableProductRowSeparator { background-color: #999; height: 1px; }

/***** text classes *****/
.textBlue { color: #63C; } /* blue */
.textBrown { color: #933; } /* brown */
.textCookieTrail { } /* cookie trail */
.textDarkBlueMediumBold { font-weight: bold; } /* legacy class from old site */
.textExclamation { color: #EE8107; } /* warnings */
.textGreen { color: #093; } /* green */
.textHeaderStrip { color: #036; font-size: 24px; }
.textHeadingLarge {  } /* headers - no longer used - use h1 instead */
.textHeadingMedium { font-family: Arial, Helvetica; font-size: 12pt; font-weight: bold; letter-spacing: -1px; } /* headers */
.textHeadingSmall { font-family: Arial, Helvetica; font-size: 11pt; font-weight: bold; } /* headers */
.textItalic { font-style: italic; }
.textNormal { color: #000; font-weight: normal; }
.textPurple { color: #909; } /* purple */
.textRed { color: #C30;  } /* red */
.textStrong { color: #000; font-weight: bold; } /* bold */
.textStrongSmall { color: #000; font-size: 7pt; font-weight: bold; } /* bold smaller */
.textSubtitle { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0; padding: 0; text-align: right; width: 100%; }
.textWhite { color: #FFF; } /* white */
.textWhiteStrong { color: #FFF; font-weight: bold; } /* white bold */

/***** div ids *****/

#customformnavigationwrapper { background: #FFF url(../images/form_blue_box_top.gif) no-repeat left top; }
#customformnavigation { background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 10px; }

#dropmenudiv { background-color: #FFF; filter: alpha(opacity=90);-moz-opacity: .90;opacity: .90; position:absolute;	z-index:300; }

#edsubpanel { background-color: #9AC9DF; font-size: 7pt; position: absolute; width: 174px; z-index: 1; }
#edsubpanel div { overflow: hidden; padding: 5px; }

#emailpageformbox { background-color: #E8F0F4; border: 1px solid #D6DBDF; display: none; height: 50px; margin-bottom: 10px; padding: 10px; }
#emailpagemsgbox { padding: 0 0 10px 0; text-align: right; }

#footercopyright { color: #FFF; display: inline; }
#footerlegal { color: #FFF; }
#footerlinkssecondary { }
#footerphone { color: #FFF; display: inline; }
#footerprivacy { color: #FFF; display: inline; }
#footershadow { }
#footerterms { display: inline; }
#footerprimary { background-color: #FFF; margin-left: auto; margin-right: auto; padding: 4px 0 6px 0; text-align: center; width: 750px; }
#footersecondary {  background-color: #FFF; background-image:url(../images/ftr_orange.gif); background-repeat: no-repeat; clear: both; height: 17px; margin-left: auto; margin-right: auto; padding-top: 66px; text-align: center; width: 750px; }
#footersecondaryhp {  background-color: #FFF; background-image:url(../images/ftr_grey.gif); background-repeat: no-repeat; clear: both; height: 17px; margin-left: auto; margin-right: auto; padding-top: 66px; text-align: center; width: 750px; }
#footerbarprimary { background-color: transparent; clear: both; margin-left: auto; margin-right: auto; text-align: center; width: 762px; }
#footerbarsecondary { background-color: transparent; clear: both; margin-left: auto; margin-right: auto; text-align: center; width: 762px; }

#forgotpasswordbox { display: none; }

#headernavcontainerwrapper { background: transparent url(../images/hdr_logo_utopy.gif) no-repeat left 23px; height: 106px; padding: 0; } /* must have a height of headernavcontainer + headersecondarylinks!!! */
#headernavcontainer { height: 29px; margin-bottom: 24px; width: 750px; }
#headernavcontainer ul { clear: both; color: #FFF; float: right; font-family: Verdana, Arial; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-left: 0; }
#headernavcontainer ul li { display: inline; }
#headernavcontainer ul li a { background-color: transparent; background-image:url(../images/nav_tab.gif); color: #6E6C6E; float: left; font-family: Verdana, Arial; font-size: 7.5pt; font-weight: bold; height: 21px; margin-left: 2px; padding-right: 4px; padding-top: 8px; text-align: right; text-decoration: none; width: 106px; }
#headernavcontainer ul li a:hover, #headernavcontainer ul li a.current, #headernavcontainer ul li a.current:hover { background-color: transparent; background-image:url(../images/nav_tab_over.gif); color: #EE8107; float: left; font-family: Verdana, Arial; font-size: 7.5pt; font-weight: bold; height: 21px; margin-left: 2px; padding-right: 4px; padding-top: 8px; text-align: right; text-decoration: none; width: 106px; }
#headerlogo { background-color: transparent; float: left; }
#headersecondarylinks { background: transparent url(../images/hdr_grad_grey_bkg.gif) top center fixed repeat-y; color: #6E6C6E; float: right; font-family: Verdana, Arial; height: 20px; margin-bottom: 23px; padding: 7px 10px 3px 0; text-align: right; width: 740px;}

#headerbanner { height: 49px; position: relative; }
#headerinfo { position: absolute; top: 23px; left: 200px; }
#headerinfodivision { display: inline; }
#headerinfolinks { display: inline; }
#headerlogo { position: absolute; top: 12px; left: 14px; }
#headerlogoandinfo { border-top: 1px solid #D6DBDF; height: 66px; position: relative; }
#headerlogoinfoseparator { position: absolute; top: 20px; left: 178px; }
#headerprimary { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; }
#headersecondary { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; }

#hp-banner-placeholder { position: relative; left: 0px; top: 0px; width: 750px; height: 327px; }
#hp-banner-placeholder-animation-01 { position:absolute; left: 0px; top: 0px; width: 502px; height: 226px; }
#hp-banner-placeholder-animation-02 { position:absolute; left: 502px; top: 0px; width: 248px; height: 327px; }
#hp-banner-placeholder-animation-03 { position:absolute; left: 0px; top: 226px; width: 502px; height: 101px; }

#hpmailinglist { position: relative; margin-left: auto; margin-right: auto; width: 750px; z-index: 1001; }
#hpmailinglistbox { background-color: transparent; height: 70px; position: absolute; top: 345px; left: 210px; width: 290px; z-index: 1; }

/* logo link */
#logolink { position: relative; margin-left: auto; margin-right: auto; width: 750px; z-index: 1000; }
#logolinkbox { background-color: transparent; height: 52px; position: absolute; top: 30px; left: 0px; width: 193px; z-index: 1; }

/* logo print */
#logoprint { display: none; }

/* regular layout */
#mainwrapper1 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 wrapper */
#mainwrapper2 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 1/3 2/3 wrapper w/o background */
#mainwrapper3 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 wrapper */
#mainwrapper4 { background: #FFF url(../images/hp_vertical_grad.gif) repeat-x top left; margin-left: auto; margin-right: auto; padding-top: 2px; width: 750px; } /* homepage wrapper */
#maincontent { background-color:transparent; float: left; padding: 0 13px 0 37px; width: 457px; } /* 2/3 area for 2/3 1/3 layout */
#maincontent2 { background: transparent url(../images/dsh_vertical_270.gif) no-repeat left 18px; float: left; padding: 0 30px 0 13px; width: 457px; } /* 2/3 area for 1/3 2/3 layout (overview) */
#maincontent3 { background: transparent url(../images/dsh_vertical_270.gif) no-repeat left 45px; float: left; padding: 0 30px 0 13px; width: 457px; } /* 2/3 area for 1/3 2/3 layout (division homepage) */

#maincontent4left { background-color:transparent; float: left; width: 375px; }
#maincontent4leftcopy { background-color: transparent; margin: 15px 18px 0 37px; width: 320px; }
#maincontent4leftevent { background-color: #EE8107; margin: 0; padding-left: 10px; padding-right: 10px; width: 300px; }
#maincontent4lefteventwrapper { }
#maincontent4leftpromo { }

#maincontent4right { background-color:transparent; float: left; width: 375px; }
#maincontent4rightcopy { background-color: transparent; margin: 15px 37px 0 18px; width: 320px; }
#maincontent4rightnews { padding: 0 0 3px 0; width: 320px; }

#maincontentcopy { line-height: 150% } /* copy within 2/3 area */

#mainnavigation { background-color: transparent; float: left; padding: 0 30px 0 13px; position: relative; width: 200px; z-index: 200; } /* 1/3 area for 2/3 1/3 layout */ /* added the relative here to put the absolute positioned div in a sub div */ /* height 600 put here to extend height to a min height of 600px */
#mainnavigation2 { background-color:transparent; float: left; padding: 0 13px 0 37px; position: relative; width: 200px; z-index: 200; } /* 1/3 area for 1/3 2/3 layout */ /* added the relative here to put the absolute positioned div in a sub div */ /* height 600 put here to extend height to a min height of 600px */
#mainnavigationcopy { line-height: 150% } /* copy within 1/3 area */

/* wide layout */
#mainwidewrapper { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* wide wrapper */
#mainwide { background-color: transparent; float: left; padding: 0 37px 0 37px; width: 676px; } /* wide area */
#mainwidecopy { } /* copy within wide area */

/* navigational hierarchy */
#navigationalhierarchy { padding-bottom: 16px; }
#navigationalhierarchyextra { padding-bottom: 16px; }

/* page titles and subtitles */
#pagesubtitle { line-height: 150%; padding-bottom: 8px; }
#pagetitle { line-height: 180%; padding-bottom: 8px; }
#pagetitleextra { line-height: 180%; padding-bottom: 8px; }

/* print and email box */
#printandemailbox { background-color: transparent; padding: 2px 0px; width: 200px; text-align: right; }

/* promo box */
#promonavigationwrapper { margin-top: 10px; }
#promonavigation { border-left: 2px solid #D4D5D5; border-right: 2px solid #D4D5D5; padding-left: 10px; padding-right: 10px; } 

/* pull quotes */
#pullquote { border-bottom: 2px solid #EE8107; border-top: 2px solid #EE8107; background-color: transparent; margin: 4px 0 0 0; padding: 4px 0; width: 198px; }
#pullquotecopy { color: #777; font-size: 10pt; font-weight: bold; line-height: 130%; margin-bottom: 4px; text-align: center; }

/* quote area */
#quote { background: transparent url(../images/bkg_quote.gif) no-repeat left top; margin: 0 0 8px 0; padding: 10px 0 0 1px; width: 199px; }
#quotecopy { color: #5082B9; font-size: 8pt; font-weight: bold; line-height: 120%; margin-bottom: 8px; text-align: right; }
#quoteinfo { color: #000; font-weight: normal; text-align: right; }
#quoteprop { float: right; height: 139px; min-height: 139px; width: 1px; } /* first part of minimum height prop hack for quotes */
#quotepropclear { clear: both; height: 1px; overflow: hidden; } /* second part of minimum height prop hack for quotes */

/* related information and videos */
#relatedinformation { border-left: 2px solid #D4D5D5; border-right: 2px solid #D4D5D5; padding-left: 10px; padding-right: 10px; } 
#relatedvideofeeds { border-left: 2px solid #D4D5D5; border-right: 2px solid #D4D5D5; padding-left: 10px; padding-right: 10px; }

/* search box */
#searchboxwrapper { position: relative; margin-left: auto; margin-right: auto; width: 750px; z-index: 1000; }
#searchbox { background-color: #E8F0F4; border: 1px solid #D6DBDF; font-size: 7pt; position: absolute; top: 30px; right: 0px; width: 180px; z-index: 1; }
#searchbox div { overflow: hidden; padding: 5px; }

/* side navigation */
#sidenavigation1 { }
#sidenavigation2 { }
#sidenavigation3 { }
#sidenavigation4 { }
#sidenavigation5 { }

/* top of page */
#topofpagewrapper1 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 top of page wrapper */
#topofpagewrapper2 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 1/3 2/3 top of page wrapper w/o background */
#topofpagewrapper3 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 top of page wrapper */
#topofpagewidewrapper { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* wide wrapper */
#topofpage { padding: 0 0 12px 37px; }

/* wrapper */
#wrapper { background: transparent url(../images/bkg_shadow.gif) top center fixed repeat-y; }