/***************************
V14 - Class Act Layout
***************************/

/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
html { font-size: 100%; background: #282828; height: 100%; }
body { margin: 0px; min-width: 1020px; background: #282828; }

/* Site Setup */
.site-bg-1 { background: #FFF url(../images/layout/site_bg_1.jpg) repeat-x center top; }
.site-bg-2 { background: url(../images/layout/site_bg_2.jpg) repeat-x center bottom; }
.site-bg-3 { background: url(../images/backgrounds/rotate.php) no-repeat center top; min-height: 210px; }
.site-header { background: url(../images/layout/site_logo.png) no-repeat left center; margin: auto; height: 190px; width: 1020px; position: relative; }

.site-menu-1 { height: 40px; background: url(../images/layout/menu_bg_1.png) no-repeat left top; z-index: 500; position: absolute; right: 15px; bottom: -10px; padding: 0px 0px 0px 20px; max-width:900px; }
.site-menu-2 { background: url(../images/layout/menu_bg_2.png) no-repeat right top; padding: 10px 20px 0px 0px; }

.page-bg-1 { background: url(../images/layout/page_bg_1.png) repeat-x center top; margin: auto; width: 1020px; }
.page-bg-2 { background: url(../images/layout/page_bg_2.png) no-repeat center bottom; padding: 20px 20px 100px; min-height: 800px; }




/* Panel Setup */
.panel-1 { border: 1px solid #dcdcdc; margin: 10px 0px 0px; padding: 10px; position: relative; background: #FFF url(../images/layout/panel_bg.jpg) repeat-x left top; color: #333; }
.panel-1 .c-1 { background: url(../images/layout/c1.gif) no-repeat left top; height: 6px; width: 6px; position: absolute; left: -1px; top: -1px; }
.panel-1 .c-2 { background: url(../images/layout/c1.gif) no-repeat right top; height: 6px; width: 6px; position: absolute; right: -1px; top: -1px; }
.panel-1 .c-3 { background: url(../images/layout/c1.gif) no-repeat left bottom; height: 6px; width: 6px; position: absolute; left: -1px; bottom: -1px; }
.panel-1 .c-4 { background: url(../images/layout/c1.gif) no-repeat right bottom; height: 6px; width: 6px; position: absolute; right: -1px; bottom: -1px; }

.panel-1 .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase;  margin-bottom: 6px; }
.panel-1 .content { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-1 .info { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-1 p { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; margin: 0px 0px 10px; }

.panel-2 { border: 1px solid #0090ff; margin: 10px 0px 0px; padding: 10px; position: relative; background: #FFF url(../images/layout/panel_bg.jpg) repeat-x left top; }
.panel-2 .c-1 { background: url(../images/layout/c2.gif) no-repeat left top; height: 6px; width: 6px; position: absolute; left: -1px; top: -1px; }
.panel-2 .c-2 { background: url(../images/layout/c2.gif) no-repeat right top; height: 6px; width: 6px; position: absolute; right: -1px; top: -1px; }
.panel-2 .c-3 { background: url(../images/layout/c2.gif) no-repeat left bottom; height: 6px; width: 6px; position: absolute; left: -1px; bottom: -1px; }
.panel-2 .c-4 { background: url(../images/layout/c2.gif) no-repeat right bottom; height: 6px; width: 6px; position: absolute; right: -1px; bottom: -1px; }

.panel-2 .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase; margin-bottom: 6px; color: #0090ff; }
.panel-2 .content { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-2 .info { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-2 p { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }

.panel-3 { border: 1px solid #2ba600; margin: 10px 0px 0px; padding: 10px; position: relative; background: #FFF url(../images/layout/panel_bg.jpg) repeat-x left top; color: #333; }
.panel-3 .c-1 { background: url(../images/layout/c3.gif) no-repeat left top; height: 6px; width: 6px; position: absolute; left: -1px; top: -1px; }
.panel-3 .c-2 { background: url(../images/layout/c3.gif) no-repeat right top; height: 6px; width: 6px; position: absolute; right: -1px; top: -1px; }
.panel-3 .c-3 { background: url(../images/layout/c3.gif) no-repeat left bottom; height: 6px; width: 6px; position: absolute; left: -1px; bottom: -1px; }
.panel-3 .c-4 { background: url(../images/layout/c3.gif) no-repeat right bottom; height: 6px; width: 6px; position: absolute; right: -1px; bottom: -1px; }

.panel-3 .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase; margin-bottom: 6px; color: #2ba600; }
.panel-3 .content { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-3 .info { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-3 p { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }

.panel-4 { border: 1px solid #ffc000; margin: 10px 0px 0px; padding: 10px; position: relative; background: #FFF url(../images/layout/panel_bg.jpg) repeat-x left top; }
.panel-4 .c-1 { background: url(../images/layout/c4.gif) no-repeat left top; height: 6px; width: 6px; position: absolute; left: -1px; top: -1px; }
.panel-4 .c-2 { background: url(../images/layout/c4.gif) no-repeat right top; height: 6px; width: 6px; position: absolute; right: -1px; top: -1px; }
.panel-4 .c-3 { background: url(../images/layout/c4.gif) no-repeat left bottom; height: 6px; width: 6px; position: absolute; left: -1px; bottom: -1px; }
.panel-4 .c-4 { background: url(../images/layout/c4.gif) no-repeat right bottom; height: 6px; width: 6px; position: absolute; right: -1px; bottom: -1px; }

.panel-4 .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase; margin-bottom: 6px; color: #ffc000; }
.panel-4 .content { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-4 .info { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-4 p { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }

.panel-5 { border: 1px solid #cf0000; margin: 10px 0px 0px; padding: 10px; position: relative; background: #FFF url(../images/layout/panel_bg.jpg) repeat-x left top; color: #cf0000; }
.panel-5 .c-1 { background: url(../images/layout/c5.gif) no-repeat left top; height: 6px; width: 6px; position: absolute; left: -1px; top: -1px; }
.panel-5 .c-2 { background: url(../images/layout/c5.gif) no-repeat right top; height: 6px; width: 6px; position: absolute; right: -1px; top: -1px; }
.panel-5 .c-3 { background: url(../images/layout/c5.gif) no-repeat left bottom; height: 6px; width: 6px; position: absolute; left: -1px; bottom: -1px; }
.panel-5 .c-4 { background: url(../images/layout/c5.gif) no-repeat right bottom; height: 6px; width: 6px; position: absolute; right: -1px; bottom: -1px; }

.panel-5 .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase; margin-bottom: 6px; }
.panel-5 .content { font: 14px/18px Arial, Helvetica, sans-serif; color: #cf0000; }
.panel-5 .info { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }

.panel-6 { border: 1px solid #dcdcdc; margin: 10px 0px 0px; padding: 10px; position: relative; background: #FFF url(../images/layout/panel_bg.jpg) repeat-x left top; color: #333; }
.panel-6 .c-1 { background: url(../images/layout/c1.gif) no-repeat left top; height: 6px; width: 6px; position: absolute; left: -1px; top: -1px; }
.panel-6 .c-2 { background: url(../images/layout/c1.gif) no-repeat right top; height: 6px; width: 6px; position: absolute; right: -1px; top: -1px; }
.panel-6 .c-3 { background: url(../images/layout/c1.gif) no-repeat left bottom; height: 6px; width: 6px; position: absolute; left: -1px; bottom: -1px; }
.panel-6 .c-4 { background: url(../images/layout/c1.gif) no-repeat right bottom; height: 6px; width: 6px; position: absolute; right: -1px; bottom: -1px; }

.panel-6 .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase;  margin-bottom: 6px; color: #333; }
.panel-6 .content { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-6 .info { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
.panel-6 p { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; margin: 0px 0px 10px; }


.ach { padding-left: 63px; }
.ach-icon { height: 50px; width: 50px; background: url(transparent) no-repeat left top; position: absolute; left: 6px; top: 6px; }

.requirements { margin: 10px auto auto; clear: both; width: 90%; font: 14px/20px Arial, Helvetica, sans-serif; color: #111111; }
.req { float: left; height: 20px; width: 50%; text-align: left; list-style: square; display: list-item; }


.portalshow { height: 300px; width: 670px; position: relative; text-align: center; }
.shownav { position: absolute; z-index: 1000; right: 5px; bottom: 5px; width: 60px; }
.shownav .b-prev { background: url(../images/slideshow/nav_square.png) no-repeat left top; height: 30px; width: 30px; float: left; }
.shownav .b-prev:hover { background: url(../images/slideshow/nav_square.png) no-repeat left bottom; }
.shownav .b-next { background: url(../images/slideshow/nav_square.png) no-repeat right top; height: 30px; width: 30px; float: left; }
.shownav .b-next:hover { background: url(../images/slideshow/nav_square.png) no-repeat right bottom; }

.clear { clear: both; }

/* Specials */
.site-event { background: url(../../../styles/v20/css/events.php) no-repeat right top; padding: 0px; position: absolute; z-index: 450; top: 0px; right: 0px; width: 550px; height: 200px; }