﻿
h1#skiplinks { position: relative; top: -20px; }

#main-outer { clear: both; width: 100%; }
#right-live-outer { float: right; }

#right-live-outer { float: right; width: 125px; text-align: right; }
#right-edit-outer { float: right; width: 105px; text-align: right; }
#right-inner { width: 100%; overflow: hidden; text-align: right; }

.template-outer { float: left; width: 850px; }
.template-inner { width: 100%; overflow: hidden; }

.quick-finder-outer { float: left; width: 180px; }
.quick-finder-inner { width: 170px; overflow: hidden; }

.masthead-right-outer { float: left; width: 661px; text-align: left; }
.masthead-right-inner { width: 100%; overflow: hidden; }

.top-banners-outer { clear: both; width: 661px; }
.top-banners-inner { width: 100%; overflow: hidden; }

#content-outer { float: left; width: 850px; }
#content-live-outer { float: left; width: 850px; }
#content-live-inner { width: 838px; overflow: hidden; }

#content-edit-outer { float: left; width: 850px; }
#content-edit-inner { width: 838px; overflow: hidden; }

/* Columns Alpha */
.element-columns-alpha-outer { clear: none; float: left; width: 658px !important; }
.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 { }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; margin-bottom: 10px; border-bottom: 1px solid #84bece; padding-bottom: 10px; margin-bottom: 10px; }
.element-panel-alpha-inner { width: 100%; overflow: hidden; }

.element-panel-alpha-header-outer { background: 0; padding: 0; color: #000; text-align: left; }
.element-panel-alpha-header-inner { }

.element-panel-alpha-body-outer { }
.element-panel-alpha-body-inner { }

.element-panel-alpha-body-content-outer { background: 0; padding: 0; }
.element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left: .75em; margin-left: .75em; list-style-type: disc; }
div.element-panel-alpha-body-content-inner li { color: #174d7e; padding-top: 3px; padding-bottom: 3px; }

/* Panel Beta */
.element-panel-beta-outer { clear: both; margin-bottom: 10px; float: left; width: 180px !important; }
.element-panel-beta-inner { width: 170px !important; overflow: hidden; background: #DAECF0; }

.element-panel-beta-icon-outer { }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { background: #DAECF0 url("/EasySiteWeb/EasySite/StyleData/PHUK_Master/Images/bg_quickfinderheader.gif") top right no-repeat; color: #174D7E; text-transform: uppercase; padding: 3px; text-align: left; border-bottom: #83BFCE solid 2px; font-size: 1em; font-weight: bold; padding-left: 10px; }
.element-panel-beta-header-inner { }

h2.element-panel-beta-header { color: #174D7E; text-transform: uppercase; font-size: 1em; font-weight: bold; margin: 0; padding: 3px; padding-bottom: 0; }
h2.element-panel-beta-header a:link, h2.element-panel-beta-header a:visited { color: #ffffff; text-decoration: none; background: transparent; }
h2.element-panel-beta-header a:hover, h2.element-panel-beta-header a:active { color: #ffffff; text-decoration: underline; background: transparent; }

.element-panel-beta-body-outer { background: #ECF5F7; padding-bottom: 100px; }
.element-panel-beta-body-inner { width: 100%; overflow: hidden; }

.element-panel-beta-body-content-outer { font-weight: bold; color: #174D7E; }
.element-panel-beta-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-beta-body-content-inner ul { list-style-type: none; padding: 0; margin: 0; }
div.element-panel-beta-body-content-inner li { list-style-type: none; padding: 10px; margin: 0; border-bottom: 2px #fff solid; }

div.element-panel-beta-body-content-inner li a.oLinkInternal:link, div.element-panel-beta-body-content-inner li a.oLinkInternal:visited { text-decoration: none; }

hr { height: 1px; color: #84bece; background: #84bece; padding: 0; margin-top: .5em; margin-bottom: .5em; line-height: 1px; border: 0; }

.footer-container-outer { clear: both; margin-top: 10px; }
.footer-container-inner { width: 100%; }

#footer-outer { clear: none !important; margin-top: 0; margin-left: 180px; margin-right: 125px; text-align: center; }
#footer-alpha-outer { clear: none; }

.hons-container { float: left; width: 170px; position: relative; }
.hons-outer { margin-top: 0; border: 1px solid #cccccc; padding: 5px; position: absolute; top: -480px; }

.hons-outer {} 
.hons-inner {}
