/* ============================== START CSS Containers ============================== */

img { display: none; }

body { background: none; }
body, table, td, th, select, input, textarea { font-size: 1em; font-family: "arial", verdana, helvetica, sans-serif; }

/* Skip Links */
.skip { height: 1px; width: 1px; position: absolute; top: -9999px; left: -9999px; line-height: 1px; font-size: 1px; display: block; z-index: -99; overflow: hidden; }

/* Containers */
#page-outer { margin: auto; padding-top: 6px; background: transparent; }
#page-inner { margin-bottom: 10px; padding: 6px 12px 0px 15px; }
.PageWidthRelative { width: 90%; }
.PageWidthAbsolute { width: 980px; }
.fontSizeAdjustment { font-size: 94% }

#header-outer { float: left; width: 100%; background: #ffffff; }
#header-inner { overflow: hidden; background: transparent; }
#header-image { overflow: hidden; padding: 35px 6px 35px 6px; background: transparent; }

#logo-outer { float: left; width: 60%; }
#logo-inner { padding: 0px 0px 0px 10px; font-size: 2em; }

#main-outer { clear: both; width: 952px; padding-top: 6px; }
#main-inner { overflow: hidden; padding: 6px 6px 6px 6px; min-height: 420px; background: #dbece1; }
#main-container { overflow: hidden; clear: both; background: #ffffff; color: #000000; padding-bottom: 30px; min-height: 420px; }

#left-outer { float: left; padding-top: 10px; width: 175px; margin-left: 5px; border: 1px solid #c7eaea; background: transparent; }
#left-inner { overflow: hidden; padding-bottom: 10px; background: transparent; }
#left-center-outer { padding: 0px 4px 0px 4px; background: transparent; }
#left-center-inner { padding: 0px 3px 0px 3px; background: transparent; }

#content-outer { margin-left: 190px; padding-right: 10px; }
#content-inner { width: 100%; overflow: hidden; }

.element-content-outer { padding: 5px; }
.element-content-inner { }
.element-footer-options-outer { margin: 15px; }
.element-footer-options-inner { float: left; overflow: hidden; }

#footer-beta-outer { padding: 6px 0px 0px 0px; background: transparent; clear: both; margin-top: 0px; font-size: 0.94em; color: #ffffff; }
#footer-beta-inner { width: 100%; padding: 7px 0px 7px 0px; overflow: hidden; background: #0f939a; }
#strapline { float: left; padding: 7px 0px 0px 0px; } 
/* =============================== END CSS Containers =============================== */

/* ============================== START CSS Columns and Panels ============================== */

/* Columns Alpha */
.element-columns-alpha-outer { clear: both; }
.element-columns-alpha-inner { width: 100%; overflow: hidden; }

.element-column-left-alpha-outer { }
.element-column-left-alpha-inner { width: 100%; overflow: hidden; }
.element-column-left-alpha-content { }

.element-column-right-alpha-outer { }
.element-column-right-alpha-inner { width: 100%; overflow: hidden; }
.element-column-right-alpha-content { }

/* Columns Beta [With Right Hand Formatting in this example] */
.element-columns-beta-outer { clear: both; }
.element-columns-beta-inner { width: 100%; overflow: hidden; }

.element-column-left-beta-outer { }
.element-column-left-beta-inner { width: 100%; overflow: hidden; }
.element-column-left-beta-content { }

.element-column-right-beta-outer { }
.element-column-right-beta-inner { border: 1px solid #039; padding: 8px; background: #f7f7f7; }
.element-column-right-beta-content { width: 100%; overflow: hidden; }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; margin-bottom: 2em; padding: 0px 0px 0px 0px; background: transparent; border: 1px solid #c7eaea; }
.element-panel-alpha-inner { width: 100%; overflow: hidden; padding: 0px; background: transparent; }

.element-panel-alpha-icon-outer { display: none; }
.element-panel-alpha-icon-inner { display: none; }

.element-panel-alpha-header-outer { margin-top: 0px; display: block; border-left: 0px; border-right: 0px; padding-top: 5px; }
.element-panel-alpha-header-inner { border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; padding: 5px 20px 5px 20px; background: #039d9d; }

.element-panel-alpha-body-outer { overflow: hidden; background: transparent; }
.element-panel-alpha-body-inner { overflow: hidden; margin-left: 6px; background: transparent; }

.element-panel-alpha-body-content-outer { margin-bottom: 6px; margin-right: 6px; background: transparent; }
.element-panel-alpha-body-content-inner { padding: 5px 20px 20px 20px; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left: 1em; margin-left: 0em; list-style-type: none; list-style-image: url(/EasySiteWeb/EasySite/StyleData/WDC_Master/Images/bg-arrow-blu-trans.gif); }
div.element-panel-alpha-body-content-inner li { }

/* Panel Beta */
.element-panel-beta-outer { clear: both; margin-bottom: 2em; padding: 0px 0px 0px 0px; background: transparent; border: 1px solid #ccdbea; }
.element-panel-beta-inner { width: 100%; overflow: hidden; padding: 0px; background: transparent; }

.element-panel-beta-icon-outer { display: none; }
.element-panel-beta-icon-inner { display: none; }

.element-panel-beta-header-outer { margin-top: 0px; display: block; border-left: 0px; border-right: 0px; padding-top: 5px; }
.element-panel-beta-header-inner { border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; padding: 5px 20px 5px 20px; background: #003366; }

.element-panel-beta-body-outer { overflow: hidden; background: transparent; }
.element-panel-beta-body-inner { overflow: hidden; margin-left: 6px; background: transparent; }

.element-panel-beta-body-content-outer { margin-bottom: 6px; margin-right: 6px; background: transparent; }
.element-panel-beta-body-content-inner { padding: 5px 20px 20px 20px; overflow: hidden; }

div.element-panel-beta-body-content-inner ul { padding-left: 1em; margin-left: 0em; list-style-type: square; list-style-image: none; }
div.element-panel-beta-body-content-inner li { }

/* Panel Gamma */
.element-panel-gamma-outer { clear: both; margin-bottom: 2em; padding: 0px 0px 0px 0px; background: transparent; border: 1px solid #c6d7cc; }
.element-panel-gamma-inner { width: 100%; overflow: hidden; padding: 0px; background: transparent; }

.element-panel-gamma-icon-outer { display: none; }
.element-panel-gamma-icon-inner { display: none; }

.element-panel-gamma-header-outer { margin-top: 0px; display: block; border-left: 0px; border-right: 0px; padding-top: 5px; }
.element-panel-gamma-header-inner { border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; padding: 5px 20px 5px 20px; background: #7cb691; }

.element-panel-gamma-body-outer { overflow: hidden; background: transparent; }
.element-panel-gamma-body-inner { overflow: hidden; margin-left: 6px; background: transparent; }

.element-panel-gamma-body-content-outer { margin-bottom: 6px; margin-right: 6px; background: transparent; }
.element-panel-gamma-body-content-inner { padding: 5px 20px 20px 20px; overflow: hidden; }

div.element-panel-gamma-body-content-inner ul { padding-left: 1em; margin-left: 0em; list-style-type: square; list-style-image: none; }
div.element-panel-beta-body-content-inner li { }

/* For further columns / panels; use Beta / Gamma */

/* AZ Menu */
#az-outer { clear: both; padding: 5px 5px 15px 5px; }
#az-inner { width: 100%; overflow: hidden; }

.az-title { float: left; color: #08427b; padding: 4px 80px 5px 0px; font-weight: bold; background: #ffffff; }
.AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }
.az-letter { float: left; font-size: 1.1em; font-weight: bold; }
map.az-letter { float: right; display: block; }
.az-letter ul { display: inline-block; padding: 0px 0px 0px 10px; margin: 0px; overflow: hidden; }
.az-letter ul li { list-style-type: none; display: inline; padding: 0px 4px 0px 5px; border: 1px solid #012e59; margin-left: 1px; background: #084078; }
.az-letter a:link, .az-letter a:visited { text-decoration: none; color: #ffffff; }
.az-letter a:hover, .az-letter a:active { text-decoration: underline; color: #ffffff; }


/* =============================== END CSS Columns and Panels =============================== */

/* =============================== START CSS General Presentation =============================== */

/* Usability */
div.usability { float: left; width: 48%; }
map.usability { padding: 7px 0px 3px 240px; display: block; }

div.text-resizer { float: right; width: 12%; text-align: right; }
			
/* Main Menu */
#menu-outer { width: 100%; clear: both; float: left; margin-top: 6px; background: #009c9c; color: #fff; font-size: 1em; }
#menu-inner { width: 100%; overflow: hidden; }
map.main-menu { display: block; }
.main-menu ul { display: block; padding: 0; margin: 0; }
.main-menu ul li { list-style-type: none; display: block; float: left; text-align: center; }
a.menu-link:link, a.menu-link:visited { color: #fff; text-decoration: none; display: block; padding: 6px 27px 6px 27px; background: transparent; }
a.menu-link:hover, a.menu-link:active { background: #ffffff; color: #08427b; margin: 1px 1px 0px 0px; }

a.menu-theta:link, a.menu-theta:visited { border: 0; background: none; padding: 6px 29px 6px 29px; }
a.menu-theta:hover, a.menu-theta:active { border: 0; background: #ffffff; color: #08427b; margin: 1px 1px 0px 0px; }

/* Search Panel */
#search-panel-outer { width: 28%; float: right; margin-top: 10px; font-size: 1.05em; }
#search-panel-inner { overflow: hidden; width: 100%; }
#search-form-outer { }
#search-form-inner { overflow: hidden; width: 100%; }
.SearchFieldset { border: 1px solid #cccccc; padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.SearchLabel { color: #000000; font-weight: normal; padding: 1px 0 0 0; display: block; }
.SearchKeywords { width: 95%; float: right; margin: 0; line-height: 1.2em; padding-left: 3px; border: 1px solid #bdbdbd; }
.SearchButton { color: #000000; background: transparent; border: 0px; margin: 0; font-weight: bold; padding: 0 0px 0 0px; line-height: 1.2em; cursor: pointer; float: right; }

.oDataSearchFormLabel { display: block; float: left; width: 20%; }
.oDataSearchFormInputText { display: block; float: left; width: 66%; }
.oDataSearchFormButton { display: block; float: right; width: 8%;}

/* =============================== END CSS General Presentation =============================== */

/* Brand New Classes Nov 2006 MG */

.oRSSFeedContainerOuter { position: relative; background: transparent; border: 1px solid #c9ebeb; }
.oRSSFeedContainerInner { width: 100%; background: #ffffff; background: transparent; padding-top: 8px; }

.oRSSFeedHeaderOuter, .oBoxHeaderOuter { padding: 4px 4px 0px 4px; color: #039d9d; }
.oRSSFeedHeaderInner { padding: 4px 15px 4px 15px; background: #ffffff; }

.oRSSFeedBodyOuter, oBoxBodyOuter { border: 0px; background: transparent; }
.oRSSFeedBodyInner { width: 100%; padding: 0px 0px 10px 0px; border: 0px; background: transparent; }

ul.oHeadlineBoxList { padding: 0; margin: 0px 4px 4px 4px; padding-left: 0em; padding-top: 1em; color: #000000; background: transparent; }

li.oHeadlineBoxItem { list-style-type: square; list-style-image: none; list-style-position: outside; padding-left: 0em; margin: 0em 2em 1em 2.4em; text-indent: 0px; }

a.oHeadlineBoxLink:link, a.oHeadlineBoxLink:visited { text-decoration: underline; color: #08427b; }
a.oHeadlineBoxLink:hover, a.oHeadlineBoxLink:active { text-decoration: none; color: #08427b; background: none; }