/* CSS Document */
/* HTML styles */
body, html {background-color: #A5A5A6; text-align: center; font: 100% Arial, Helvetica, sans-serif; color: #000; z-index: 1; margin: 0; padding: 0;}
/* Form Styles - These form elements will remain the same throughout every application */
label {cursor: pointer; font-weight: bold;}
fieldset {border: 3px double #999; padding: 3px;}
legend {display: none;}
input {border: 3px double #AAA;}
select {}
textarea {border: 3px double #AAA;}
form {margin: 0px;}
/* Custom Form Related Classes/IDs - These are tobe used in conjuction with the elements above in 'Form Styles' */
/* Don't forget only one instance of an ID can be used on one page this has to be enforced or the page will not be XHTML compliant */
.required {color: #CC3300; cursor: help;}
.button {background: #999; color: #FFF;}
#form-errors {border: 1px solid #CC3300; padding: 4px; margin-bottom: 3px;}
/* Global Custom Styles */
.hide {display: none;}
/* Shared Styles + Common Elements */
/* body {font: 12px Arial, Helvetica, sans-serif;}*/
strong {}
.cms-text ul {font: 100% Arial, Helvetica, sans-serif; color: #000; list-style-image: url(../images/content/bullet_arrow.gif);}
/*li {}*/
hr {height: 1px; color: #A5A5A6;}
/* Used only once in a page and is hidden by default */
h1 {display: none;}
/* Can be used to seperate content such as headers, navigation and footers, again hidden by default*/
h2 {display: none;}
/* The rest of the headings are to be used in the content area */
h3 {color: #CC3333; font-size: 130%; padding: 10px 0; margin: 0;}
h4 {color: #CC3333; font-size: 120%; padding: 10px 0; margin: 0;}
h5 {color: #CC3333; font-size: 110%; padding: 10px 0; margin: 0;}
/* Wrapper */
#wrapper {background-color: #A5A5A6; text-align: left; margin: 0 auto; padding: 0; width: 760px; font-size: .75em; z-index: 2; position: relative;}
/* Banner */
#banner {background: #130234 url(../images/banner/logo_background.jpg) no-repeat top left; width: 760px; padding: 0; margin: 5px 0 0 0;}
.main_logo {float: left;}
#banner_right {background-color: #130234; width: 285px; text-align: right; margin: 0; padding: 0; float: right;}
#utility_nav {color: #666; margin: 0; padding: 10px 10px 10px 0; text-align: right; font-size: 95%;}
#utility_nav a {color: #A5A5A6; text-decoration: none;}
#utility_nav a:hover, #utility nav a:active {text-decoration: underline;}
.banner_logos {padding: 0; margin: 8px 10px 13px 10px;}
#red_gradient {background: #130234 url(../images/banner/red_gradient.jpg) no-repeat; margin: 0; padding: 10px 10px 10px 0; color: #FFF;}
#red_gradient a {color: #FFF; font-size: 100%; font-weight: bold; text-decoration: none; margin: 0; padding: 0;}
#red_gradient a:hover, #red_gradient_text a:active {text-decoration: underline;}
#red_gradient_on {text-decoration: underline; font-weight: bold;}
#bottom_shadow {background: #A5A5A6 url(../images/banner/bottom_shadow.jpg) no-repeat; margin: 0; padding: 0; clear: both; height: 12px;}
/* Left Column */
#left_col {width: 168px; padding: 0; margin: 0 10px 0 0; float: left; background-color: #A5A5A6; vertical-align: top;}
/* Navigation Styles */
/* #nav-heading {width:150px; display:block; font-weight:bold; text-transform:uppercase; background: #CCC; color:#FFF; padding: 2px 5px;}*/
/* Level 1 Navigational Styles */
#level1_nav {font-weight: bold; padding: 0; margin: 0;}
#level1_nav ul {list-style-type: none; padding: 0; margin: 0;}
#level1_nav a {display: block; background: #FFF url(../images/navigation/button_up.jpg) no-repeat; padding: 10px; margin: 2px 0 0 0; color: #A5A5A6; text-decoration: none}
#level1_nav a:hover {background: #CC3333 url(../images/navigation/button_on.jpg) no-repeat; color: #FFF; text-decoration: none}
#active a {background: #CC3333 url(../images/navigation/button_on.jpg) no-repeat; color: #FFF; text-decoration: underline}
/* Level 2 Navigational Styles */
#level2_nav {padding: 0; margin: 0;}
#level2-nav ul {padding: 0; margin: 0;}
#level2-nav a {color: #FFF; font-weight: normal; text-decoration: none; background: #CC3333 url(../images/content/bullet.gif) no-repeat 5% 30%; margin: 0; padding: 0 10px 10px 16px;}
#level2-nav a:hover {text-decoration: underline; background: #CC3333 url(../images/content/bullet.gif) no-repeat 5% 30%;}
#active_2 a {text-decoration: underline; background: #CC3333 url(../images/content/bullet.gif) no-repeat 5% 30%;}
.image_border {border: #FFF 1px solid; padding: 0; margin: 10px 0 0 0;}
/* Focus On */
#focus_area {background-color: #666; padding: 0; margin: 10px 0 0 0; border-bottom: #130234 2px solid;}
#focus_header {font-weight: bold; text-align: center; color: #FFF; margin: 0; padding: 10px 0;}
#focus_text {text-align: center; color: #FFF; margin: 0; padding: 10px;}
/* Main Column */
#main_col {padding: 0; margin: 0; width: 760px; background: #FFF url(../images/content/content_bg.gif) repeat-y;}
#cms-content_pad {width: 582px; background-color: #FFF; padding: 0; margin: 0; float: right;}
#cms-content {padding: 20px; margin: 0;}
#contentbanner {width: 582px; margin: 0; padding: 0; float: right;}
/* Footer */
#footer {clear: both; margin: 0; padding: 0; background: #A5A5A6 url(../images/footer/footer_top.gif) no-repeat; width: 760px;}
#footer_text {font-size: 85%; color: #666; margin: 0; padding: 20px 0; text-align: left;}
#footer_text a {color: #FFF; text-decoration: none;}
#footer_text a:hover, #footer_text a:active {text-decoration: underline;}
/* --------------------------- CMS Styles --------------------------- */
/* Global Links Styles */
/*a:link {color: #0033FF; text-decoration: none; }
a:hover {text-decoration: underline;}
a:active {color: #0033FF; text-decoration: none; }
a:visited {color: #9933CC; text-decoration: none; }*/
/*
-------------------------------------------------------------------------------------------
Custom CMS Styles
-------------------------------------------------------------------------------------------
*/
#column-middle-breadcrumb {padding: 5px 1px; border-bottom: 1px solid #A5A5A6; margin-bottom: 5px;}
#column-middle-breadcrumb a {color: #CC3333; text-decoration: underline;}
#column-middle-breadcrumb a:hover, #column-middle-breadcrumb a:active {text-decoration: none;}
/* TEXT snippet style */
.cms-heading h1 {font: 110% Arial, Helvetica, sans-serif; color: #FC7323; display: inline;}
.cms-textandimage {margin-bottom: 2px;}
.cms-textandimage img {margin: 3px;}
.cms-text {padding: 0; margin-top: 0px;}
/* IMAGE snippet style */
.cms-image {margin: 3px;}
.image-box {margin: 0; color: #666; text-align:center;}
.image-box-text {padding-left: 5px; padding-right: 5px;}
/* LINK snippet style */
.cms-links {padding: 0px 4px;}
.cms-links a {color: #CC3333; text-decoration: underline;}
.cms-links a:hover, .cms-links a:active {text-decoration: none;}
/* BOX styles */
.cms-boxtitle {display: block; margin-top: 0px; background: #130234; color: #FFF; font-weight: bold; padding: 5px;}
.cms-boxtext {padding: 3px; border: 1px solid #EEE; display: block; font: bold 11px Arial, Helvetica, sans-serif; color: #666; background-color: #EEE;}
/* DOCUMENTS snippet style */
.cms-documents {padding: 5px; display: block; margin: 5px 0px; border-bottom: 1px solid #A5A5A6; border-top: 1px solid #A5A5A6; width: 98%;}
.cms-documents a {color: #CC3333; text-decoration: underline;}
.cms-documents a:hover, .cms-documents a:active {text-decoration: none;}
/* FLASH snippet style */
.cms-flash {padding: 10px; display:block; width: 95%;}
.cms-flash-text img {text-align: center;}
.cms-flash object {display:block; border: 1px solid #CCC;}
.cms-flash-text {display: block; margin-top: 6px; padding: 0px 6px;}
.cms-flash-text em {display: block; padding: 0px 10px; color: #666;}
/* HIGHLIGHTED AREA snippet style */
.cms-highlight {color: #FFF; display: block; background: #130234; padding: 10px; margin: 10px;}
/* MEDIA snippet style */
.cms-media {padding-top: 4px; padding-bottom: 4px; width: 98%;}
.cms-media a {color: #CC3333; text-decoration: underline;}
.cms-media a:hover, .cms-media a:active {text-decoration: none;}
/* MAGAZINE BOX OUT style */
.cms-tips {padding: 10px; margin: 10px; width: 194px; float: right; background: #CCC; font-weight: bold;}
/* FEEDBACK FORM style */
.cms-feedback {}
.cms-feedback-input {border: 1px solid #DDD; width: 230px;}
.cms-feedback-required {border: 1px solid #C30;}
.cms-feedback-button {border: 1px solid #444; color: #444; background: #DDD; font-weight: bold;}
/*
-------------------------------------------------------------------------------------------
Custom NEWS Styles
-------------------------------------------------------------------------------------------
*/
/* Special News Row - These are the rows with images that appear at the top of the list */
.news-special-row {padding: 2px 4px 4px 4px; border-bottom: 1px solid #000; vertical-align: top; margin-top: 4px; clear:both; height: 85px;}
.news-special-image {float: left; border: 1px groove #999; padding: 2px; width: 75px; height: 75px; margin-right: 4px;}
.news-special-align {padding-left: 90px; margin-top: 0px; padding-top:0px;}
.news-special-align a {text-decoration: none; font-weight: bold; color:#0033CC;}
/* Normal News Row - These are the rows that appear on all generic pages and those under the special rows */
.news-normal-row {padding: 4px 4px 4px 4px; border-bottom: 1px solid #999; margin-top: 2px;}
.news-normal-row a {text-decoration: none; color:#0033CC;}
.news-normal-image {border: 1px groove #999; padding: 2px; width: 75px; height: 75px; margin-right: 4px;}
.news-normal-newsflash {color: #CC3300; font-weight:bold;}
.news-normal-align {margin-top: 0px; padding-top:0px;}
.news-normal-align a {text-decoration: none; color:#0033CC;}
/* News Categories - This is bar that contains the category lists */
.news-categories {background: #EFEFEF; border: 1px solid #666; padding: 3px; margin: 4px 0px;}
.news-categories a {text-decoration: none; color:#990000; font-weight: bold;}
.news-categories-footer {text-align: right; background: #EFEFEF; border: 1px solid #666; padding: 3px; margin: 0px; border-top: 0px;}
/* Navigation Control - These are the bars that appear above and below news list and conatin the links to navigate */
.news-results-nav-top {border: 1px solid #999; padding: 4px; margin-top: 0px; background: #EFEFEF;}
.news-results-nav-top a {text-decoration: none; color:#990000; font-weight: bold;}
.news-results-nav-bottom {border: 1px solid #999; padding: 4px; margin-top: 0px; background: #EFEFEF; border-top: 0px;}
.news-results-nav-bottom a {text-decoration: none; color:#990000; font-weight: bold;}
/* News Details Styles - Applies a border to the news details image and aligns to the right*/
.align-right {float: right;}
.news-imagebox {float: right; color: #999; font-weight: bold; text-align:center; border: 1px solid #EFEFEF;}
/*
-------------------------------------------------------------------------------------------
Custom EFLYER/EBLAST Styles
-------------------------------------------------------------------------------------------
*/
/* Login Page */
.loginbox {}
.loginerror {color: #CC0000; font-weight: bold; border: 1px solid #CC0000; display:block; background: #FFF; padding: 4px;}
.sublink {color: #0066FF; font: 0.85em Arial, Helvetica, sans-serif;}
.username {}
.password {}
.loginbutton {width: 100px; height: 50px; background: #006699; color:#FFF; font-weight:bold;}
/* Register - Profile Style Options */
.fieldset-title {color: #0066CC; font: bold 0.95em Arial, Helvetica, sans-serif;}
.fieldset-required {color: #CC3300; cursor: help;}
/*
-------------------------------------------------------------------------------------------
Custom FAQS Styles
-------------------------------------------------------------------------------------------
*/
/* The styles below are key to the FAQS presentation - edit with care */
#faq-search {padding: 4px;}
#faq-table {border: 3px double #666; padding: 4px; margin-bottom: 2px;}
#faq-info {border: 3px double #666; padding: 4px; margin-bottom: 2px;}
#faq-helpful-response {border: 3px double #666; padding: 4px;}
/* These style are used for controlling row layout in the list pages + Various miscallaneous styles */
.page-row {border: 1px solid #666; padding: 3px; margin: 3px; margin-bottom: 10px; background: #EFEFEF;}
.faq-table-nav {padding: 4px; border: 1px solid #666; margin: 3px;}
.contentwidth {}
.fieldset-required {color: #CC3300;}
.tab {display: block; width: 80px; border: 1px solid #666; padding: 3px; margin: 3px; font-weight: bold;}
/*
-------------------------------------------------------------------------------------------
Custom EVENTS Styles
-------------------------------------------------------------------------------------------
*/
#faq-search {padding: 4px;}
.page-row {border: 1px solid #666; padding: 3px; margin: 3px; margin-bottom: 10px; background: #EFEFEF;}
.contentwidth {}
/*
-------------------------------------------------------------------------------------------
Custom DOCUMENT LIBRARY Styles
-------------------------------------------------------------------------------------------
*/
/* Due to Christians over enthusiastic use of the style #faq-search you'll find this style crops up on a number of applications */
#faq-search {padding: 4px;}
#mainTable {background: #FFF;}
#faq-table-nav {padding: 4px; border: 1px solid #666; margin: 3px;}
#doc-table-nav {padding: 4px; border: 1px solid #666; margin: 3px;}
/* These classes control the look of the table rows for the list pages */
.TableTitle2 {text-align:left; padding-left:10px;}
.tableRight {background: #EEE; padding:5px 5px 5px 10px;}
.TableOdd {background: #EFEFEF;}
.TableEven {background: #FFF;}