﻿body { background: #efefef url(../images/bg_tile.gif) top left repeat-x; font-family:Tahoma,Arial,sans-serif; padding: 0px; margin: 0px; font-size: 81.25%; font-weight:normal; line-height: 1.25; }
#PageWrapper { width: 960px; margin: 0 auto; text-align: left; padding: 0px 4px 0px 4px; background: url(../images/contentBody_home.png) top left repeat-y; }
#container { width: 960px; background: #FFFFFF;}
/* common elements START */

H1.new, H2.new, H3.new, H4.new, H5.new, H6.new,caption { color: #0A3A64; margin: 0; padding: 1.25em 0 0; }
H1.new { font-size: 2em; padding-top:0.5em;}
H2.new { font-size: 1.85em; }
H3.new { font-size: 1.55em; }
H4.new { font-size: 1.5em; font-weight: normal; }
H5.new { font-size: 1.35em; font-weight: normal; }
H6.new { font-size: 1.15em; font-weight: normal; }
P { margin: 0; padding: 1em 0 0; }

H1 { font-family: Arial; font-size: 18pt; padding: 0px 0px 10px 0px; margin: 0px; color: #0a3a64; }
H2 { font-family: Arial; font-size: 12pt; padding: 0px 0px 10px 0px; margin: 15px 0px 0px 0px; color: #0a3a64; }
H3 { font-family: Arial; font-size: 10pt; padding: 15px 0px 5px 0px; margin: 0px; color: #0a3a64; }

UL { list-style: none; padding: 0px; margin: 15px 0px 15px 0px; }
UL LI {  padding: 0px 0px 6px 15px; }

FORM { padding: 0px; margin: 0px; }

.fl { float: left; }
.fr { float: right; }
.tal { text-align: left; }
.tar { text-align: right; }

HR { height: 1px; width: 90%; border-top: 1px dotted #b8b8b5; border-bottom: none; text-align: left; margin: 20px 0px 20px 0px; }

IMG { border: none; }

/* common elements END */

#header { background-image: url(../images/header_background.png); border-bottom: 1px solid black; height: 80px; margin: 0px; padding: 0px 15px 0px 15px; overflow: hidden; clear: both; }
#headerWatermark { background-image: url(../images/header_watermark.png); background-position: center center; background-repeat: no-repeat; height: 80px; padding: 0px; margin: 0px; }
#headerLogo { float: left; margin: 0px; padding: 0px; height: 80px; }
#headerLinks { float: right; margin: 0px; padding: 0px; }
#headerLinks UL { padding: 0px; margin: 0px; list-style: none; }
#headerLinks UL LI { display: inline; padding: 0px; margin: 0px; }
#headerLinks UL LI A:link, #headerLinks UL LI A:visited { display: inline-block; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0px 11px 0px 10px; margin: 0px; background: url(../images/divider_headerlink.gif) right 0px no-repeat; }
#headerLinks UL LI A.last:link, #headerLinks UL LI A.last:visited { padding-right: 0px; background: none; }
#headerLinks UL LI A:hover { text-decoration: underline; }
#headerSearch { float: right; margin-top: 20px; font-size: 10pt; color: #ffffff; width: 230px; clear:right;}
#headerSearch .searchText { line-height: 23px; }
#headerSearch .searchInput { padding: 1px 4px 0px 2px; }
#headerSearch INPUT.textBox { border: 1px solid #000000; width: 145px; height: 17px; line-height: 23px; }

#headerNav { background: url(../images/nav_tile.gif); height: 36px; margin: 0px; padding: 0px; border-top: 1px solid #cbccd0; overflow: hidden; }
#headerNavLeft { background: url(../images/nav_left.gif) top left no-repeat; margin: 0px; padding: 0px; width:100%; }
#headerNavRight { background: url(../images/nav_right.gif) top right no-repeat; margin: 0px; padding: 0px; width:100%; }

#headerPrintLogo {display:none}
#headerPrint {display:none}

/* new navigation START*/

#navigation-container { position: absolute; width: 960px; float:left; height: 36px; font-size: 10pt; z-index: 10000; }

/* Root Menu */
ul#navmenu { margin: 0; list-style: none; }
ul#navmenu A:link, ul#navmenu A:visited { padding: 0px 19px 0px 19px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #FFFFFF; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ background: url(../images/divider_nav.gif) right 3px no-repeat; font-family: Tahoma; }
ul#navmenu A.last:link, ul#navmenu LI A.last:visited { background-image: none; }
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { color: #000000; background-color: #bedbdb; }
ul#navmenu li { margin: 0px; padding: 0px; float: left; /*For Gecko*/ display: block; list-style: none; position: relative; line-height: 36px; }
ul#navmenu li.right { float: right; }
ul#navmenu li.right A:link, ul#navmenu LI.right A:visited { background-image: none; }

/* 2nd Menu */
ul#navmenu ul { background: #0A3A64; margin: 0px 0px 0px 15px; padding: 0; width: 230px; list-style: none; display: none; position: absolute; top: 36px; left: 0; z-index: 9999; border: 1px solid #bedbdb; }
ul#navmenu LI.right ul { margin: 0px 0px 0px -143px; }
ul#navmenu ul a { padding: 0px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #FFFFFF; text-decoration: none; height: auto !important; }
ul#navmenu ul:after /*From IE 7 lack of compliance*/ { clear: both; display: block; height: 0; visibility: hidden; }
ul#navmenu ul li { width: 230px; line-height: 130%; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ background: none; border-top: 1px dotted #025b8c; }
ul#navmenu ul li.first { border-top: none; }
ul#navmenu ul li A:link, ul#navmenu ul li A:visited { padding: 0px; background: none; padding: 4px 18px 4px 18px; }
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; color: #FFFFFF; }
* html ul#navmenu li:hover li a,* html ul#navmenu li.iehover li a { margin-top: -1px; }
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { color: #000000; background: #ffd15e; border-right: 4px solid #ff9900; }
ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 230px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }

/* new navigation END */

#contentWrapperHomepage { margin: 0 auto; width: 960px; text-align: left; float:left}
#contentColumnHomepage { float: left; width: 693px; font-size:10pt; margin: 0px; min-height:600px; padding: 23px 7px 0px 0px; background: url(../images/bg_contentColumnHomepage_tile.gif) top right repeat-y; }
#rightColumnHomepage { float: left; width: 259px; margin: 0px 0px 0px -7px; padding: 23px 0px 0px 0px; font-size: 10pt; overflow:hidden; text-align: left; background: url(../images/bg_contentColumnHomepage_tile.gif) top left repeat-y; }

#contentWrapper { margin: 0; min-height: 100%; float:left; width:960px}

#contentColumn { z-index: 1; position: relative; margin: 16px 0 0 5px; width: 550px; float: left; }

#panelBoxContainer {  border-bottom: 1px dotted #bdb9b5; padding: 0px 0px 18px 0px; margin: 0px 0px 10px 0px; text-align: center; }
#panelBoxWrapper {  }

#homepageBoxLeft { position: relative; float: left; background: url(../images/homepageBoxLeft_center.gif); width: 31%; height: 195px; margin: 0px 20px 0px 0px; padding: 0px; overflow: hidden; text-align: left; }
#homepageBoxLeft_left { background: url(../images/homepageBoxLeft_left.gif) top left no-repeat; height: 195px; margin: 0px; padding: 0px; width:100%; }
#homepageBoxLeft_right { background: url(../images/homepageBoxLeft_right.gif) top right no-repeat; height: 175px; margin: 0px; padding: 10px 20px 10px 20px; }

#homepageBoxCenter { position: relative; float: left; background: url(../images/homepageBoxCenter_center.gif); width: 31%; height: 195px; margin: 0px 20px 0px 0px; padding: 0px; overflow: hidden; text-align: left; }
#homepageBoxCenter_left { background: url(../images/homepageBoxCenter_left.gif) top left no-repeat; height: 195px; margin: 0px; padding: 0px; width:100%; }
#homepageBoxCenter_right { background: url(../images/homepageBoxCenter_right.gif) top right no-repeat; height: 175px; margin: 0px; padding: 10px 20px 10px 20px; }

#homepageBoxRight { position: relative; float: left; background: url(../images/homepageBoxRight_center.gif); width: 31%; height: 195px; margin: 0px; padding: 0px; overflow: hidden; text-align: left; }
#homepageBoxRight_left { background: url(../images/homepageBoxRight_left.gif) top left no-repeat; height: 195px; margin: 0px; padding: 0px; width:100%; }
#homepageBoxRight_right { background: url(../images/homepageBoxRight_right.gif) top right no-repeat; height: 175px; margin: 0px; padding: 10px 20px 10px 20px; }

#homepageBoxLeft_right B, #homepageBoxCenter_right B, #homepageBoxRight_right B { height: 40px; }
#homepageBoxLeft_right P, #homepageBoxCenter_right P, #homepageBoxRight_right P  { height: 125px; }
#homepageBoxLeft_right IMG, #homepageBoxCenter_right IMG, #homepageBoxRight_right IMG { position: relative; right: -20px; }
#homepageBoxLeft_right A:link, #homepageBoxLeft_right A:visited, #homepageBoxCenter_right A:link, #homepageBoxCenter_right A:visited, #homepageBoxRight_right A:link, #homepageBoxRight_right A:visited { color: #000000; }

.homepageBoxHeading { height: 38px; font-size: 11pt; font-weight: bold; padding: 0px 25px 0px 0px; display: inline; }

#purposeStatementWrapper { float: left; width: 100%; }
#purposeStatement { margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ padding: 0px 0px 0px 10px; }
#threepillars { font-size: 9pt; height: 287px; width: 375px; /*Width of right column*/ margin: 0px 0px 0px 324px; padding: 13px 25px 10px 37px; /*Set left marginto -(RightColumnWidth)*/ background: url(../images/bg_callout.gif) top left no-repeat; line-height: 130%;}
#newsRotator { float: left; }

#top { margin: 0 auto; width: 960px; height: 118px; z-index:100; text-align: left; }

#contentPadding { padding-left: 12px; padding-right: 12px; padding-bottom: 40px; border-left:1px dotted #BDB9B5; border-right:1px dotted #BDB9B5; min-height: 600px; position:relative; }

#leftColumn { font-size: 10pt; z-index: 100; position: relative; float: left; left: -1px; padding: 0; margin-top: 16px; }

#rightColumn {word-wrap:break-word; font-size: 10pt; position: relative; width:190px; float: right; left: 1px; margin-top: 16px; }
#rightColumnHome { font-size: 10pt; position: relative; width:214px; float: right; margin-right: -213px;  _margin-right: -105px; left: 1px; margin-top: 16px; }

#rightPanel { padding-right: 12px; margin-bottom: 85px; }
#rightPanel h2.new {font-size:1.2307em;font-weight:bold;}
#rightPanel h3.new {font-size: 1.0807em;}
#rightPanel h4.new {font-size: 1em;}
#rightPanel ul {margin:0;padding:1em 0 0;list-style-type:none;}
#rightPanel li {background: url(../images/bg_homepageRHS_bul.gif) no-repeat scroll .75em 0.4em transparent;padding: 0 0.5em 1em 1.5em;}

#leftColumn UL, #rightColumn UL { margin: 0px 0px 15px 0px; }

#dinkaSpecial {background: url(../images/dinkaHome.gif) no-repeat bottom right;float:left;padding:0;margin:0} 
#dinkaHome { float:right; position: relative; top: -150px; margin-bottom: -140px; left: -1px; width:219px }
#dinka {float:right; position: relative; top: -150px; margin-bottom: -140px; left: -5px; width:185px}

.whatsnewContainer { padding: 0 0 10px ; }
.whatsnewContainer UL { list-style: none; padding: 0px; margin: 0px 0px 15px 0px; }
.whatsnewContainer UL LI { background: url(../images/divider_dots_tile_h.gif) bottom left repeat-x; padding: 5px 0px 5px 0px; }
.whatsnewContainer UL LI A:link, UL.whatsnew LI A:visited { font-size: 10pt; /*text-decoration: none;*/ }
.whatsnewContainer UL LI.end { background: none; font-size: 10pt; }
.whatsnewContainer UL LI.end A:link, .whatsnewContainer UL LI.end A:visited { font-size: 10pt; text-decoration: underline; }

UL.register { padding: 0px 0px 20px 0px; }
UL.register LI { background: url(../images/icon_register.png) 0px 3px no-repeat; padding: 0px 0px 0px 20px; }
UL.register LI A:link, UL.register LI A:visited { font-size: 10pt; /*font-weight: bold; color: #343c4f; text-decoration: none;*/ }

.crosslinksContainer { padding: 12px 16px 10px 16px; }
.homepageBrandingContainer { width: 182px; padding: 20px 0px 10px 0px; text-align: center;  position:absolute; bottom: 20px; right: 0;}

/* Old table - REMOVE ONCE ALL TABLES ARE UPDATED TO NEW */
table.datatable { border-top: 1px solid #99cccc; border-right: 1px solid #99cccc; border-bottom: 1px solid #99cccc; border-left: 1px solid #99cccc; }
table.datatable TH { vertical-align: text-top; color: #003366; font-weight: bold; border-bottom: 1px solid #99cccc; background-color: #daebeb; padding: 5px 13px 5px 13px; text-align: left; }
table.datatable TR:first-child TD { vertical-align: text-top; color: #003366; font-weight: bold; border-bottom: 1px solid #99cccc; background-color: #daebeb; padding: 5px 13px 5px 13px; text-align: left; }
table.datatable TH.col1 { width: 50%; }
table.datatable TH.col2 { width: 25%; }
table.datatable TH.col3 { width: 25%; }
table.datatable TR { background-color: #ffffff; }
table.datatable TR.rowCol2 { background-color: #fafafa; }
table.datatable TD { vertical-align: text-top; padding: 8px 13px 8px 13px; border-right:1px dotted grey; border-bottom:1px dotted grey; }
table.datatable TR TD:last-child { vertical-align: text-top; padding: 8px 13px 8px 13px; border:none; border-bottom:1px dotted grey; }
table.datatable TR:last-child TD { border-bottom:none; }

/* new table */
table.tabular-data {border: 1px solid #99cccc;}
table.tabular-data thead th, table.tabular-data tfoot td {vertical-align: text-top;color: #003366;font-weight: bold;border-bottom: 1px solid #99cccc;background-color: #daebeb;padding: 5px 13px 5px 13px;text-align: left;}
table.tabular-data td {vertical-align: text-top;padding: 8px 13px 8px 13px;border-right:1px dotted #808080;border-bottom:1px dotted #808080;}
table.tabular-data td:last-child, table.tabular-data tfoot td {vertical-align: text-top;padding: 8px 13px 8px 13px;border:none;border-bottom:1px dotted #808080;}
table.tabular-data tr:last-child td {border-bottom:none;}

caption {font-size: 1.15em;font-weight:bold;}

table.stdtable  { border-top: 1px solid #99cccc; border-right: 1px solid #99cccc; border-bottom: 1px solid #99cccc; border-left: 1px solid #99cccc; }
table.stdtable  TH { vertical-align: text-top; color: #003366; font-weight: bold; border-bottom: 1px solid #99cccc; background-color: #daebeb; padding: 5px 13px 5px 13px; text-align: left; }
table.stdtable  TH.col1 { width: 50%; }
table.stdtable  TH.col2 { width: 25%; }
table.stdtable  TH.col3 { width: 25%; }
table.stdtable  TR { background-color: #ffffff; }
table.stdtable  TR.rowCol2 { background-color: #fafafa; }
table.stdtable  TD { vertical-align: text-top; padding: 8px 13px 8px 13px; border-right:1px dotted grey; border-bottom:1px dotted grey; }
table.stdtable  TR TD:last-child { vertical-align: text-top; padding: 8px 13px 8px 13px; border:none; border-bottom:1px dotted grey; }
table.stdtable  TR:last-child TD { border-bottom:none; }

/* LHS side navigation START */
dl#menu, dt.submenuTopLevel, dd.submenuSubLevel { list-style-type: none; margin: 0; padding: 0; }
dl#menu { width: 198px; background: #bedbdb; left: 0; position: relative; top: 0; margin: 0px 0px 20px 7px; }
dl#menu DT.header, dl#menu DT.header:hover { background: url(../images/lhsNavHeader.gif) top left no-repeat; padding: 9px 5px 9px 9px; height: 32px; font-size: 10pt; color: #0a2943; font-weight: bold; line-height: 120%; border: none; }
dl#menu A:link, dl#menu A:visited { text-decoration: none; color: #000000; font-size: 8pt; }
dl#menu A:hover { text-decoration: underline; }

dl#menu DT { border-top: 1px dotted #8c9691; padding: 3px 6px 3px 16px; line-height: 140%; }
dl#menu DT.submenuTopLevelActive { background: #FFFFFF url(../images/lhsNavActiveTile.gif) top right repeat-y; font-weight:bold; }
dl#menu DT.submenuTopLevelUp { background: url(../images/lhsNavBullet.gif) 5px 9px no-repeat; }
dl#menu DT.submenuTopLevelDown { background: url(../images/lhsNavBulletDwn.gif) 5px 12px no-repeat; font-weight:bold; }
dl#menu DT.submenuTopLevelActiveDown { background: #FFFFFF url(../images/lhsNavActiveTileSubmenuActiveDown.gif) top left no-repeat; font-weight:bold; }
dl#menu DT:hover, dl#menu DT.submenuTopLevelActive:hover { background: #FFD15E url(../images/lhsNavHoverTile.gif) top right repeat-y; border-top: 1px dotted #8c9691; }
dl#menu DT.submenuTopLevelUp:hover { background: #FFD15E url(../images/lhsNavActiveTileSubmenuUp.gif) top left no-repeat; border-top: 1px dotted #8c9691; }
dl#menu DT.submenuTopLevelDown:hover { background: #FFD15E url(../images/lhsNavActiveTileSubmenuDown.gif) top left no-repeat; border-top: 1px dotted #8c9691; }
dl#menu DT.submenuTopLevelActiveDown:hover { background: #FFD15E url(../images/lhsNavActiveTileSubmenuDown.gif) top left no-repeat; font-weight:bold; }
dl#menu DT.footer { height: 60px; border-bottom: none; background: url(../images/lhsNavFooter.gif) bottom left no-repeat; padding: 5px 0px 5px 0px; }
dl#menu DT.footer:hover { background: url(../images/lhsNavFooter.gif) bottom left no-repeat; }

dl#menu DD { background: #daebeb; border-top: 1px dotted #8c9691; margin: 0px; padding: 0px; }
dl#menu UL { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px 0px 0px 16px; padding: 0px; }
dl#menu UL LI { font-family: Tahoma, Arial, sans-serif; border-top: 1px dotted #8c9691; background: none; padding: 3px 4px 3px 12px; line-height: 140%; }
dl#menu UL LI.first { border-top: none; }
dl#menu UL LI.selected { background: #FFFFFF url(../images/lhsNavActiveTile.gif) top right repeat-y; font-weight:bold; }
dl#menu UL LI:hover { background: #FFD15E url(../images/lhsNavHoverTile.gif) top right repeat-y; }

/* LHS side navigation END */
#eventsCalendar { margin-top: 30px; }
#eventsCalHeader { height: 34px; border-bottom: 1px dotted #0a406f; background: url(../images/eventsCalHeaderTile.gif) top left repeat-x; font-family: Arial; color: #000000; }

#eventsCalCurrentWrapper { float: left; width: 100%; }
#eventsCalCurrent { margin: 0px 160px 0px 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ padding: 0px 0px 0px 0px; text-align: center; line-height: 34px; font-size: 14pt; font-weight: bold; }
#eventsCalPrev { float: left; width: 156px; /*Width of left column*/ margin-left: -100%; padding: 0px 0px 0px 4px; font-size: 10pt; background: url(../images/eventsCalHeaderLeft.gif) top left no-repeat; }
#eventsCalPrev A:link, #eventsCalPrev A:visited { display: block; background: url(../images/eventsCalArrowLeft.gif) center left no-repeat; padding: 0px 0px 0px 50px; font-size: 10pt; color: #000000; text-decoration: none; line-height: 34px; }
#eventsCalNext { float: left; width: 156px; /*Width of right column*/ margin: 0px 0px 0px -160px; /*Set left marginto -(RightColumnWidth)*/ padding: 0px 4px 0px 0px; background: url(../images/eventsCalHeaderRight.gif) top right no-repeat; text-align: right; }
#eventsCalNext A:link, #eventsCalNext A:visited { display: block; background: url(../images/eventsCalArrowRight.gif) right center no-repeat; padding: 0px 50px 0px 0px; font-size: 10pt; color: #000000; text-decoration: none; line-height: 34px; }

#eventsCalBody { background: #e7f3f3; padding: 20px 24px 20px 24px; }
.eventRowContainer { clear: both; }
.eventRowContainer .date { font-size: 8pt; color: #0A3A64; font-weight: bold; line-height: 150%; }
.eventRowContainer .time { font-size: 8pt; color: #0A3A64; line-height: 150%; margin-bottom: 10px; }
.eventRowContainer .heading { float: left; vertical-align: text-bottom; font-size: 12pt; font-weight: bold; color: #0A3A64; }
.eventRowContainer .location { float: left; vertical-align: text-bottom; font-size: 8pt; color: #0A3A64; padding-top: 4px; }
.eventRowContainer P { clear: both; color: #000000; }
.eventRowContainer .contact { padding: 10px 0px 0px 0px; }
.eventRowContainer .contact A:link, .eventRowContainer .contact A:visited { display: block; background: url(../images/icon_register.png) 0px 3px no-repeat; padding: 0px 0px 0px 20px; font-size: 8pt; font-weight: bold; color: #343c4f; text-decoration: none; line-height: 16px; }
.eventRowContainer .website { padding: 10px 0px 0px 0px; }
.eventRowContainer .website A:link, .eventRowContainer .website A:visited { display: block; background: url(../images/icon_link.png) 0px 0px no-repeat; padding: 0px 0px 0px 20px; font-size: 8pt; font-weight: bold; color: #343c4f; text-decoration: none; line-height: 16px; }

UL.register LI { background: url(../images/icon_register.png) 0px 3px no-repeat; padding: 0px 0px 0px 20px; }
/*UL.register LI A:link, UL.register LI A:visited { font-size: 10pt; font-weight: bold; color: #343c4f; text-decoration: none; }*/
UL.register LI A:hover { text-decoration: underline; }

#eventsCalBody HR { height: 1px; width: 100%; border-top: 1px dotted #b8b8b5; border-bottom: none; text-align: left; margin: 10px 0px 20px 0px; }

#eventsCalBodyFooter { background: #e7f3f3; height: 10px; margin: 0px; padding: 0px; overflow: hidden; clear: both; }
#eventsCalBodyFooterLeft { background: url(../images/eventsCalBodyFooterLeft.gif) bottom left no-repeat; margin: 0px; padding: 0px; float: left; }
#eventsCalBodyFooterRight { background: url(../images/eventsCalBodyFooterRight.gif) bottom right no-repeat; margin: 0px; padding: 0px; float: right; }

/* Media Gallery specific CSS START */

#mediaTabNavContainer { height: 28px; background: url(../images/mediaTabBG.gif) top left repeat-x; padding: 0px 0px 0px 20px; }
#mediaTabContentContainer { border: 1px solid #85a9c4; border-top: none; padding: 18px; background: #e7f3f3; }

#contentPadding .mediaTabs { padding: 0px; margin: 0px; list-style: none; text-align: left; }
#contentPadding .mediaTabs UL { list-style: none; padding: 0px; margin: 0px; }
#contentPadding .mediaTabs LI { display: inline; margin: 0; padding: 0px; color: #000000; }
#contentPadding .mediaTabs LI A:link, .mediaTabs LI A:visited { display: inline-block; width: 154px; height: 28px; text-decoration: none; position: relative; z-index: 1; padding: 0px 10px 0px 20px; margin: 0px; color: #FFFFFF; background: #0a3a64 url(../images/mediaTabInactive.gif) top left no-repeat; line-height: 28px; }
#contentPadding .mediaTabs LI A:hover { text-decoration: underline; }
#contentPadding .mediaTabs LI A.selected:link, .mediaTabs LI A.selected:visited { position: relative; width: 156px; background: #b2d3eb url(../images/mediaTabActive.gif) top left no-repeat; color: #000000; }
#contentPadding .mediaTabs LI A.selected:hover { /*selected main tab style */ text-decoration: none; }
.tabcontent { display:none; }

@media print {.tabcontent {display:block !important;}}

#mediaSearchBoxContainer { width: 324px; height: 110px; background: url(../images/mediaSearchBoxBG.gif) top left no-repeat; padding: 10px 15px 0px 15px; margin: 0px 0px 15px 0px; }
#mediaSearchBoxContainer .searchRow { clear: both; height: 37px; }
#mediaSearchBoxContainer .searchRow .text { float: left; width: 52px; font-size: 10pt; font-weight: bold; color: #0a3a64; line-height: 23px; }
#mediaSearchBoxContainer .searchRow .input { float: left; width: 229px; color: #666666; }
#mediaSearchBoxContainer .searchRow .input INPUT { width: 212px; color: #666666; font-size: 8pt; border: 1px solid #000000; height: 17px; padding: 4px 4px 0px 4px; }
#mediaSearchBoxContainer .searchRow .input SELECT { width: 222px; color: #666666; font-size: 8pt; border: 1px solid #000000; height: 24px; padding: 3px 2px 2px 2px; line-height: 24px; }
#mediaSearchBoxContainer .searchRow .input OPTION { padding: 3px 2px 2px 2px; }
#mediaSearchBoxContainer .searchRow .button { float: left; }

.pagination { color: #0a3a64; padding: 10px 0px 10px 0px; line-height: 17px; clear: both; }
.pagination A:link,  .pagination A:visited { color: #0a3a64; text-decoration: none; border-right: 1px solid #92c0e7; padding: 0px 6px 0px 4px; margin: 0px; }
.pagination A.selected:link,  .pagination A.selected:visited { font-weight: bold; }
.pagination A.end:link, .pagination A.end:visited { border-right: none; }

#resultsContainer { padding: 25px 0px 60px 0px; clear: both; }
#resultsContainer .resultBox { position: relative; float: left; width: 340px; padding: 0px 20px 0px 0px; margin-bottom: 20px; height: 145px; overflow: hidden; }
#resultsContainer .resultBox .imageContainer { float: left; width: 150px; height: 100px; margin-right: 15px; background: #ffffff; padding: 4px; border: 1px solid #CCCCCC; }
#resultsContainer .resultBox .textContainer { float: left; width: 165px; }
#resultsContainer .resultBox .textContainer .title { font-family: Arial; font-size: 11pt; color: #0a3a64; font-weight: bold; padding: 2px 0px 4px 0px; }
#resultsContainer .resultBox .textContainer .date { font-size: 9pt; padding: 0px 0px 4px 0px; }
#resultsContainer .resultBox .textContainer .description { font-size: 9pt; line-height: 140%; }
#resultsContainer .resultBox .videoPlay { position: absolute; top: 95px; left: 12px; height: 37px; width: 20px; }
#resultsContainer .resultBox .videoPlay A:active { border: none; }
/* Media Gallery specific CSS END */

/* Search Page specific CSS START */
#searchResults .resultsBox {padding: 25px 0px 25px 0px; clear: both;}
#searchResults .resultsBox .resultsItem { margin-bottom: 10px; word-wrap:break-word;}
/* Search Page specific CSS END */

.imgJS { margin:0 5px -2px 0; border:0;}
.imgJSArrow { margin:0 0px 0px 5px;border:0;}
img.external { padding-left:6px;}

/* LOGIN PAGE */
.loginBoxes { width: 100%; padding: 25px 0px 50px 10%; height: auto; }
.loginBox {  float: left; vertical-align:top; width:300px; padding: 0px 10px 5px 10px; margin-right: 10px; border:1px solid black; margin-bottom: 20px; height: 250px; }
.loginBox p { padding-right: 5px; }
.loginBox p.create { text-align:right; width: 95%; }
.loginBox div.formLabel { width: 50px; }
/* LOGIN PAGE END */

/* CONTENT IMAGES START */
img.contentImage { border: 2px solid black; float: left; margin-right: 15px; margin-bottom: 15px; display:inline; }
/* CONTENT IMAGES END */

/* media item */
.mediaReturn {width: 95%; padding-right: 20px; text-align:right; }
.GalleryPhoto { float: left; margin-right: 60px; padding-bottom: 40px;  }
.mediaDetails { float: left; display: block; padding-bottom: 60px; }
.mediaDetails h2 {padding-top:0px; margin-top:0px;}
/* media item end */

/* Footer CSS START */
#footer { background: #013965; height: 22px; padding: 0px; font-size: 8pt; color: #ffffff; overflow: hidden; position: relative; clear: both; width: 960px; margin: 0 auto; }
#footer A:link, #footer A:visited { color: #ffffff; text-decoration: none; margin: 0px 7px 0px 12px; }
#footer A:hover { text-decoration: underline; }
#footerLeft {  margin: 0px; padding-left: 16px; line-height: 22px; float: left; width:200px;}
#footerRight { margin: 0px; padding-right: 16px; line-height: 22px; float:right; text-align:right; width:200px;}
#footerCenter {line-height: 22px; text-align:center; float:left; position:relative; width:490px;  }
/* Footer CSS END */

.homepageRHScontainer { width: 239px; background: url(../images/bg_homepageRHS_tile.gif) top right repeat-y; color: #297276; }
.homepageRHScontainer UL { width: 232px; padding: 6px 0px 20px 0px; margin: 0px; background: #eeeff0 url(../images/bg_homepageRHS_list.gif) bottom left repeat-x; list-style: none; border-left: 1px solid #f5f5f5; }
.homepageRHScontainer UL LI { padding: 5px 10px 5px 36px; margin: 0px; background: url(../images/bg_homepageRHS_bul.gif) 19px 10px no-repeat; line-height: 100%; }
.homepageRHScontainer UL LI A { font-size: 10pt; }
.homepageRHScontainer UL LI.nobgi { background: none; }
.homepageRHScontainer H2 { width: 213px; font-family: tahoma, arial; font-size: 10pt; padding: 10px; border-top: 2px solid #033c69; color: #000000; background: #a6c1ca; margin: 0px; }
.homepageRHScontainer A.rssLink { display: inline-block; font-size: 7pt; color: #134872; line-height: 17px; background: url(../images/bg_linkRSS.gif) top left no-repeat; text-decoration: none; padding: 0px 0px 0px 20px; }
.homepageRHScontainer A.registerLink { font-size: 8pt; text-decoration: none; }
.homepageRHScontainerFooter { width: 239px; height: 12px; font-size: 1pt; overflow: hidden; background: url(../images/bg_homepageRHSfooter.gif) top right repeat; }

#rotator { width: 299px; height: 300px; padding: 0px 9px 0px 9px; overflow: hidden; }
#title { color: #0d406a; font-size: 15px; font-weight: bold; line-height: 26px; padding-left: 2px; }
.imageHolder { width: 288px; height: 163px; padding: 4px; background: url(../images/bg_rotatorImageHolder.gif) top left no-repeat; }
.textHolder { width: 288px; padding: 3px 4px 2px 4px; height: 95px; font-size: 10pt; }
.textHolder .title { padding: 5px 0px 3px 0px; font-size: 14px; font-family: tahoma, arial; color: #013965; font-weight: bold; }
.textHolder a { color: #013965; cursor: hand; text-decoration: none; }
.textHolder a:hover {text-decoration: underline; }

#sliderNavContainer { height: 21px; padding: 0px; margin: 0px; }
#sliderNavTabs { padding: 0px; list-style-type: none; height: 21px; margin: 0px; position: relative; }
#sliderNavTabs li { float: left; margin: 0px; padding: 0px 3px 0px 0px; }
#sliderNavTabs li a { display: inline-block; text-decoration: none; position: relative; z-index: 1; padding: 2px 6px 2px 6px; margin: 0px; background: #dddddd; color: #8d8d8d; font-weight: bold; text-align: center; }
#sliderNavTabs li a:hover, #sliderNavTabs li a.selected { text-decoration: none; background: #013965; color: #ffffff; }
#sliderNavTabs li a.selected:hover { text-decoration: none; }
#sliderNavTabs LI.tabNavPrev, #sliderNavTabs LI.tabNavNext { color: #007AA9; text-align: center; background: none; }
#sliderNavTabs LI.tabNavNext { padding: 0px; }
#sliderNavTabs LI.tabNavPrev A { padding: 0px; margin: 0px; background: url(../images/slideTabPrev_home_n.gif) top left no-repeat; height: 18px; width: 18px; overflow: hidden; }
#sliderNavTabs LI.tabNavNext A { padding: 0px; margin: 0px; background: url(../images/slideTabNext_home_n.gif) top left no-repeat; height: 18px; width: 18px; overflow: hidden; }
#sliderNavTabs LI.tabNavPrev A:hover { text-decoration: underline; background: url(../images/slideTabPrev_home_o.gif) top left no-repeat; }
#sliderNavTabs LI.tabNavNext A:hover { text-decoration: underline; background: url(../images/slideTabNext_home_o.gif) top left no-repeat; }

#pillarContainer { float: left; width: 345px; padding: 0px 10px 20px 0px; }
#pillarContainer A:hover {text-decoration:underline;}
.pillarItemFirst { width: 345px; overflow: hidden; padding: 0px 0px 10px 0px; }
.pillarItemFirst .pillarItemHeading { font-size: 14pt; font-family: tahoma; color: #013965; font-weight: bold; padding: 0px 0px 10px 0px; }
.pillarItemFirst .pillarItemHeading A, .pillarItem .pillarItemHeading A { color: #013965; text-decoration: none; }
.pillarItemFirst .pillarItemHeading A:hover, .pillarItem .pillarItemHeading A:hover { text-decoration: underline; }
.pillarItemFirst .pillarItemImage { width: 71px; height: 71px; background: url(../images/bg_pillarItemImage.gif) top left no-repeat; float: left; padding: 4px; }
.pillarItemFirst .pillarItemText { float: left; width: 256px; padding: 3px 0px 0px 10px; font-size: 10pt; }
.pillarItem { width: 345px; clear: both; font-size: 10pt; }
.pillarItem .pillarItemHeading { color: #013965; font-weight: bold; padding: 0px 0px 5px 0px; }
.pillarItem .pillarItemText { padding: 0px 0px 15px 0px; }

.pillarItem UL {margin:0px}
.pillarItem UL LI { padding: 5px 1px 15px 20px; margin: 0px; background: url(../images/bg_homepageRHS_bul.gif) 0px 10px no-repeat; line-height: 100%;}
.pillarItem UL LI A { text-decoration:none;color:#013965;font-weight:bold;}
.pillarItem UL LI.nobgi { background: none; }

.pillarItemFirst UL { width: 232px; padding: 6px 0px 20px 0px; margin: 0px; background: #eeeff0 url(../images/bg_homepageRHS_list.gif) bottom left repeat-x; list-style: none; border-left: 1px solid #f5f5f5; }
.pillarItemFirst UL LI { padding: 5px 10px 5px 36px; margin: 0px; background: url(../images/bg_homepageRHS_bul.gif) 19px 10px no-repeat; line-height: 100%; }
.pillarItemFirst UL LI A { font-size: 10pt; }
.pillarItemFirst UL LI.nobgi { background: none; }

.tandrBoxContainer { width: 669px; background:#d1dde5 url(../images/bg_tandrbox_tile.gif) top left repeat-x; clear: both; padding: 0px 0px 0px 24px; }
.tandrBoxContainer H2 { font-family: tahoma; font-size: 12pt; color: #ffffff; padding: 14px 0px 6px 0px; margin: 0px; }
.tandrBox { width: 200px; float: left; padding: 0px 20px 15px 0px;}
/* NEW HEADING STYLES TO BE INCLUDED WHEN DCCEE ARE READY
.tandrBox H4 { font-size: 1.5em; font-weight: normal;  }
.tandrBox H4.toprow  { padding: 20px 0 0 0px; margin:0;}
.tandrBox H4 A{ font-size: 10pt; padding: 0px 0px 0px 0px; margin: 0px; color: #013965; text-decoration:none; }
.tandrBox H4 A:hover {text-decoration: underline; }*/
.tandrBox H4 {padding: 0px 0px 5px 0px; margin: 0px;}
.tandrBox H4.toprow  { padding: 20px 0 0 0px; margin:0;}
.tandrBox H4 A{ font-size: 10pt; padding: 0px 0px 0px 0px; margin: 0px; color: #013965; text-decoration:none; }
.tandrBox H4.toprow A { text-decoration:none;}
.tandrBox H4 A:hover { text-decoration:underline;}
.tandrBox .p { font-size: 10pt; padding: 0px; margin: 0px; }
.tandrRow {margin:0}

.RHScontainer{padding-right:3px;}
.clL{clear:left;}
.clear{clear:both;}

.breadcrumbContainer { margin-bottom: 10px; line-height: 18px; clear: both; font-family:Tahoma,Arial,sans-serif; font-size: 11px; font-weight: normal;}
.breadcrumbContainer A { color: #134872; text-decoration: none; }
.breadcrumbContainer A.active { color: #000000; }
.breadcrumbContainer A.active:hover { color: #000000;text-decoration: none; }
.breadcrumbContainer A:hover { text-decoration: underline; }

#singleColumnWrapper { margin: 0px 0px 29px 0px; left:0; min-height: 100%; width:960px;float:left}
#singleColumnWrapper #contentColumn{ font-size: 10pt; position: relative; width: 960px; padding: 0; margin-top: 16px; padding-bottom:140px;}
#singleColumnWrapper #contentColumn #contentPadding {border-left: none; border-right:none; }

#twoColumnWrapper { margin: 0px 0px 29px 0px; min-height: 100%; width:960px; float:left}
#twoColumnWrapper #leftColumn{ font-size: 10pt; position: relative; width: 213px; float: left; padding: 0; margin-top: 16px;}
#twoColumnWrapper #rightColumn{ font-size:10pt; z-index: 1; position: relative; margin: 16px -1px; width: 747px; float: left; padding-bottom:140px;border-left:1px dotted #BDB9B5;}
#twoColumnWrapper #rightColumn #contentPadding {border-left: none; border-right:none; }

#contentPadding UL { list-style: none; padding: 0px; margin: 15px 0px 15px 0px; }
#contentPadding UL LI { background: url(../images/bullet.gif) 0px 5px no-repeat; padding: 0px 0px 6px 15px;}

.dynamicButton { float: right;vertical-align: bottom;margin-top: 12px;}
div.calendarAddLink {float: right;width: auto;}
.warning {color: red;}

.PublicationTop 	{ float: left; width: 100%; clear: both; margin-bottom: 15px; }
.PublicationImage 	{ width: auto; margin-right: 20px; float: left; }
.PublicationText 	{ float: left; width: 60%; vertical-align: top; clear:right; height:auto; }
.PublicationDownload { width: 100%; clear:both; float: left; margin:10px 0px 20px 0px; padding: 10px 0px 10px 0px; border-bottom: 1px dotted grey; border-top: 1px dotted grey; }
.publication { display: block; float: left; width: 45%; margin-right: 20px; margin-bottom: 30px; height:auto;}
.thumbnail { float: left; padding-right: 10px; padding-bottom: 5px; }
.paging { clear: both; }

/* A-Z Listing Page */
.itemAlpha		{ font-size: 1.25em; padding-bottom: 3px; padding-top: 10px; }
.itemBlock		{ display: inline-block; vertical-align: top; margin: 10px 20px; }

.itemFilter 	{ border-bottom: 1px dotted grey; margin-bottom: 10px; clear: both; }
.itemCount	 	{ margin-bottom: 20px; }
.itemNavigation { margin: 15px 0px 15px 0px; width: 98%; clear: both;}
.itemPagination { float: left; padding: 0px 0px 0px 10px; margin: 0px 0px 20px 0px; width: 40%; text-align: center; }
.itemNavLeft 	{ float: left; padding: 0px 0px 0px 10px; margin: 0px 0px 20px 0px; width: 27%; }
.itemNavRight 	{ float: right; width: 27%; padding: 0px 10px 0px 0px; margin: 0px 0px 20px 0px; text-align: right; }
.itemList 		{ display: block; }

.formRow 		{ display: table-row; }
.formLabel 		{ display: table-cell; width: 150px; }
.formControl 	{ display: table-cell; padding: 5px; }

.DynamicTop 	{ padding:0px; margin:0px; margin-left: 20px; clear:both; width:90%; }
.DynamicTopLeft { width:45%; float:left; display:block; clear:left; }
.DynamicTopLeft img { float:left; width:100%; }
.DynamicTopRight { float:right; margin-right: 40px; width:41%; clear:right; }
.DynamicTopRight p { padding:0px; }
.DynamicMiddle { clear: both; }
.DynamicBottom	{ margin-top: 20px; border-top: 1px dotted grey; padding-top: 20px; }
.DynamicColumn 	{ padding:0px; margin:0px; float: left; width:49.5%; vertical-align: top; }
.dynamicShortcut { display: block; float: left; margin: 0px 10px 30px 20px; height:auto; vertical-align: top; }
.dynamicShortcut .thumbnail { float: left; padding-right: 10px; padding-bottom: 5px;}

.downloadBlock { margin-bottom: 15px; border-bottom: 1px dotted grey; padding-bottom: 15px;}
.itemLineBlock { padding: 1px 0px 5px 0px; margin-left: 20px; }

div.itemShortcut{width: 80%;clear: both;margin: 20px 0px 20px 10%;}
div.itemShortcutImage {float: left;display: inline-block;padding-right: 10px;padding-bottom: 10px;width: 160px;}
div.itemShortcutDetails {display: inline-block;float: right;width: 45%;}
div.itemShortcutTitle {font-weight: bolder;float: left;clear: both;}
div.itemShortcutText {float: left;}

div.leftColumn {width: 50%;display: inline-block;}
div.rightColumn {width: 49%;display: inline-block;}
.mChildren {clear: right;margin-bottom: 20px;}
.mI {display: inline-block;margin-right: 5px;padding: 1px;float: left;}
.itemImage{width: 200px;display: inline-block;}
.itemDetails{width: 145px;display: inline-block;}

.highlightBox {background:#ffefcb; margin:15px 0 15px 0;font-family: Arial, sans-serif;width:524px;}
.highlightBox .header {line-height:9px;margin:0; width:524px;background:url(../images/highlightBox_top.png) no-repeat top left;}
.highlightBox .footer {margin:0;width:524px;background:url(../images/highlightBox_bottom.png) no-repeat bottom left;}
.highlightBox H1, .highlightBox H2, .highlightBox H3, .highlightBox H4, .highlightBox H5, .highlightBox H6  {margin:0;color: #0A3A64;padding: 1px 15px 10px 15px;background:#ffe6a6;border-bottom: dotted 1px #a1a4b7;}
.highlightBox H1 a:hover, .highlightBox H2 a:hover, .highlightBox H3 a:hover, .highlightBox H4 a:hover, .highlightBox H5 a:hover, .highlightBox H6 a:hover {color: #0A3A64; text-decoration:underline;}
.highlightBox H1 a, .highlightBox H2 a, .highlightBox H3 a, .highlightBox H4 a, .highlightBox H5 a, .highlightBox H6 a{color: #0A3A64; text-decoration:none;}
.highlightBox p {padding:10px 15px;}

#contentColumn dt, #rightColumn dt {font-weight:bold;padding:1em 0 0;}
#contentColumn dd p:first-child, #rightColumn dd p:first-child {padding:0;}

#sitemap {margin:0 !important;padding:0 !important; list-style:none outside none !important;}
#sitemap ul li {margin-top:10px}
#sitemap ul li ul {margin-bottom:5px;margin-top:5px}
#sitemap ul li ul li {margin:0}
