/* ---------------------------------------------------------------------------

NOTES: This slyle sheet breaks each element down 
into the following categories...

LAYOUT - formatting and flow of elements 
	(properties - display, float, position, 
	visibility, z-index, ect.)

STYLE - visual styling of the elements
	(properties - background, border, height, 
	margin, overflow, padding, width, etc.)

TEXT - all things related to typogaraphy 
	(align, font, line-hight, text, word, etc.)

COLOR - all things related to assigning color values
	(colors for any styles or text)
	_______________________________________________________________________
	>>> Any colors marked "Color - RCC" must be edited upon alteration. <<<
	_______________________________________________________________________

 --------------------------------------------------------------------------- */


/* --------------------------------------------------

	TOP LEVEL 

-------------------------------------------------- */
body {
/* Text */ font-family: georgia, times, helvetica;
/* Color */ color: #3e3e3e; background-color: #333;}
a {
/* Text */ text-decoration: none;
/* Color */ color: #666666;}
a:hover {
/* Color */ color: #000;}


/* --------------------------------------------------

	CLASSES/UTILS FOR THE HTML

-------------------------------------------------- */
.container {
	/* Styles */ width: 998px; margin: 0 auto;}
.fl {
	/* Layout */ float: left;}
.fr {
	/* Layout */ float: right;}
.ttu {
	/* Text */ text-transform: uppercase;}
.tac {
	/* Text */ text-align: center;}
.ti {
	/* Text */ text-indent: -9999px;}


/* --------------------------------------------------

	TOP WRAPPER 

-------------------------------------------------- */
#topWrapper {
	/* Layout */ position: relative;
	/* Styles */ min-width: 998px;}
#topWrapper, #topWrapper .container { 
	/* Color */ background-color: #fff ! important;}

/* -------------------------
	HEADER NAV
 ------------------------- */
#headerNav {
	/* Layout */ z-index: 1; position: relative; 
	/* Style */ height: 137px; padding: 0 0 0 30px;}
#logo img {
	/* Layout */ display: block; 
	/* Style */ width: 318px; height: 137px; outline: none;}
#headerContent {
	/* Style */ width: 620px; padding: 25px 0 0 0;}
#headerIcons {
	/* Style */ padding: 0 0 10px 0;}
.headerIcon {
	/* Layout */ display: block; 
	/* Style */ width: 40px; height: 40px;}
.social-icons-plugin-wrapper {
	/* Style */ height: 24px; padding: 8px 0 0 0;}
.social-icons-plugin a {
	/* Styles */ margin-left: 7px;}
ul#Primary {
	/* Layout */ display: inline-flex; display: -webkit-inline-flex; justify-content: space-between; -webkit-justify-content: space-between;
	/* Style */ width: 620px;}
.ie10 ul#Primary {
	/* Layout */ display: -ms-inline-flex; -ms-flex-pack: justify;}
ul#Primary li {
	/* Layout */ position: relative; display: block;
	/* Text */ text-align: center;}
.ie10 ul#Primary li {
	/* Style */ width: auto; max-width: 124px;}
ul#Primary ul {
	/* Layout */ display: none; position: absolute; top: 100%; 
	/* Style */ border: 1px solid; 
	/* Color */ background-color: #FFF; border-color: #666; }
ul#Primary li:last-child>ul {
	/* Layout */ right: 0;}
ul#Primary li a {
	/* Layout */ display: block; 
	/* Style */ height: 37px; padding: 25px 7px 0;
	/* Text */ line-height: 18px; font-size: 16px; text-transform: uppercase; font-weight: bold;
	/* Color */ color: #666;}
ul#Primary li a:hover {
	/* Color */ color: #000;}
ul#Primary li:hover > ul {
	/* Layout */ display: block;}
ul#Primary ul li {
	/* Layout */ float: none;}
ul#Primary ul li a {
	/* Layout */ display: block; 
	/* Style */ width: 108px; height: auto; padding: 5px 10px 10px 10px; overflow: hidden;
	/* Text */ text-align: center; word-wrap: break-word; text-transform: none; font-weight: normal;}
ul#Primary ul li.ddFirst a {
	/* Style */ padding: 10px;}
ul#Primary ul li.ddLast a {
	/* Style */ padding: 5px 10px 15px 10px; background: none;}
ul#Primary ul li a:hover {
	/* Style */ }

/* -------------------------
	HEADER GRAPHIC
 ------------------------- */
#headerGraphic {
	/* Layout */ z-index: 0; position: relative; 
	/* Style */ padding: 22px 242px 13px 242px; width: 514px; height: 342px;}
#slideshow-wrapper {
	/* Layout */ position: relative; 
	/* Style */ width: 512px; height: 340px; border-width: 1px; border-style: solid; overflow: hidden;
	/* Color */ border-color: #c6c6c6;}
#slideshow-wrapper > img {
	/* Layout */ position: absolute; top: 0; left: 0; z-index: 10;}
#slideshow-container {
	/* Layout */ position: absolute; top: 0; left: 0; z-index: 0;
	/* Style */ width: 512px; height: 340px; overflow: hidden;}
#slideshow-container img{
	/* Layout */ position: absolute; 
	/* Style */ min-width: 512px; max-width: 512px; min-height: 340px;}

/* -------------------------
	HEADER MARQUEE
 ------------------------- */
#marquee {
	/* Layout */ position: relative;
	/* Text */ line-height: 45px; font-size: 18px; font-weight: bold;
	/* Color */ color: #737373;}



/* --------------------------------------------------

	MAIN 

-------------------------------------------------- */
#main {
	/* Layout */ position: relative;
	/* Style */ padding: 0 30px;
 	/* Color */ background-color: #fff;}

/* -------------------------
	CONTENT AREA
 ------------------------- */
#cms-content {
	/* Text */ line-height: normal;}
.contentEdit {
	/* Text */ line-height: normal; word-wrap: break-word;}
#cms-content a, .contentEdit a {
	/* Text */ text-decoration: underline;
	/* Color - RCC */ color: #1c6490;}
#cms-content a:visited {
	/* Color - RCC */ color: #00426b;}
#cms-content a:hover {
	/* Color */ color: #727272;}
#cms-content p {
	/* Style */ padding-bottom:10px;
	/* Text */ line-height:22px;}

#cms-content h1, #cms-content h2, #cms-content h3, #cms-content h4, #cms-content h5, #cms-content h6,
.contentEdit h1, .contentEdit h2, .contentEdit h3, .contentEdit h4, .contentEdit h5, .contentEdit h6 {font-weight: normal; margin: 20px 0; background-image: none !important;}

.contentEdit h1 {font-size: 2.75em;}
.contentEdit h2 {font-size: 2.5em;}
.contentEdit h3 {font-size: 2.25em;}
.contentEdit h4 {font-size: 2em;}
.contentEdit h5 {font-size: 1.75em;}
.contentEdit h6 {font-size: 1.5em;}

#cms-content h1, #cms-content h3, #cms-content h5 {
	/* Color - RCC */ color: #005283;}
#cms-content h2, #cms-content h4, #cms-content h6 {
	/* Color - RCC */ color: #737373;}

#cms-content img {
	/* Style */ border: 5px solid;
	/* Color */ border-color: #4c4c4c;}
#cms-content ul {}
#cms-content ul ul {}
#cms-content ol, #cms-content dl {}
#cms-content ol ol {
	/* Style */ margin: 0 10px;}
#cms-content dl dt, #cms-content dl dd {
	/* Style */ padding-bottom: 3px;}
#cms-content dl dd {
	/* Style */ margin-left: 10px;}
#cms-content blockquote {
	/* Style */ margin: 20px; 
	/* Text */ font-size: 18px;}
#cms-content ol li {}
#cms-content li {}
#cms-content hr {
	/* Style */ height: 30px !important; border: none;}
#cms-content input, #cms-content textarea {
	/* Text */ font-size: inherit;}
#cms-content input[type='text'], #cms-content input[type='password'], #cms-content textarea {
	/* Layout */ display: block; 
	/* Style */ width: 100%; padding: 5px; border: 1px solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	/* Color */ background: #FFF; border-color: #CCC;}
#cms-content input[type='submit'] {
	/* Layout */ display: inline-block;
	/* Style */ margin: 10px 0; padding: 7px 15px; border: none; cursor: pointer;
	/* Text */ text-transform: uppercase;
	/* Color - RCC */ background-color: #1c6490; color: #fff;}
#cms-content input[type='submit']:hover {
	/* Color */ background-color: #000; color: #FFF;}

/* components/component fixes */
#cms-content #calendardiv table, #cms-content #calendardiv table tr.link_9 td {
	/* Style & Color */ border: 1px solid #EEE !important;}
#cms-content #calendardiv table tr.link_9 td p {
	/* Style */  padding: 0;  
	/* Text */ line-height: 14px ! important;}
#cms-content #calendardiv table tr.link_9 td p.calendarItem {
	/* Text */ word-break: keep-all ! important;}
#cms-content #calendardiv table tr.link_9 td p.calendarItem a.link_9Link {
	/* Text */ font-size: 12px;}
#cms-content #calendardiv .white_9Bold td {
	/* Style */ padding: 10px 0; 
	/* Color */ color: #FFF;}
#cms-content fieldset dl dd {
	/* Style */ margin-left: 0;}
#cms-content .vB-iconTitle {
	/* Style */ display: inline; border: none;}
#cms-content img.vB-productImage {
	/* Layout */ float: none; 
	/* Style */ margin: 0 auto 0.5em;}

/* For both main comp and possible spotlight */
.comp-pollResults table {
	/* Color - RCC */ background-color: #1c6490 !important;}
.comp-pollResults .body_10 span {
	/* Color */ color: #000 !important;}
.comp-pollResults div {
	/* Color */ border-color: #000 !important;}

/* -------------------------
	PAGE TITLE
 ------------------------- */
#cms-content h1#pageTitle {
	/* Style */ padding: 0 0 15px 0;
	/* Text */ line-height: 46px; font-size: 24px; text-align: center;
	/* Color */ color: #000;}


/* --------------------------------------------------

	SPOTLIGHTS

-------------------------------------------------- */
/* -------------------------
	ALL
 ------------------------- */
.spotlights {
	/* Layout */ position: relative;
	/* Style */ padding: 30px 0 0 30px;}
.spotlight {
	/* Style */ padding: 0 30px 0 0; width: 280px;}
.spotlight h2 {
	/* Style */border-bottom: 1px dashed;
	/* Text */ font-size: 18px; line-height: 24px;
	/* Color */ color: #444; border-color: #d3d3d3;}
.spotlight .compZone {
	/* Style margin: 15px 0;*/}
.spotlight .vB-icontd {
	/* Layout */ display: none;}
.spotlight tr.vB-homeRow {
	/* Style */ padding: 5px 0; border-bottom: 1px dashed;
	/* Color */ border-color: #d3d3d3;}
.spotlight td.vB-itemtd {
	/* Style */ padding: 5px 0; padding-left: 0;
	/* Text */ font-weight: normal;}
.spotlight a.moreLink {
	/* Layout */ display: inline-block;
	/* Style */ margin: 10px 0 0 0; padding: 10px; padding-left: 10px; border: 1px solid; border-radius: 3px;
	/* Text */ font-size: 14px;
	/* Color - RCC */ color: #fff; border-color: #004a80; background-color: #336aa1;}
.spotlight a.moreLink:hover {
	/* Color - RCC */ color: #fff; background-color: #5188c2;}
/* -------------------------
	LINKS
 ------------------------- */
 .spotlight td.vB-itemtd {
	/* Text  vertical-align: middle;*/}
.spotlight td.vB-itemtd a {
	/* Layout */ display: block; 
	/* Style */ padding: 0 0 0 63px; min-height: 58px;
	/* Text */ font-size: 14px;}
/* -------------------------
	CALENDAR
 ------------------------- */
.spotlight div.calendarHome, .spotlight div.calendarHome td.vB-itemtd a {
	/* Text */ font-size: 14px;}
.spotlight tr.calendarDate td {
	/* Style */ padding: 5px 0;
	/* Color */ color: #444;}
.spotlight div.calendarHome tr.vB-homeRow td.vB-itemtd a {
	/* Style */ padding: 0; min-height: 14px; background: none ! important;}
/* -------------------------
	PHOTOS
 ------------------------- */
.spotlight * img {
	/* Layout */ display: block; 
	/* Style */ margin: 10px auto 0 auto; padding: 5px; border: 10px solid; border-radius: 3px; max-width: 250px; height: auto; max-height: 170px;
	/* Color */ background: #000; border-color: #e2e1e1;}
/* -------------------------
	RSS
 ------------------------- */
.spotlight div#vB-rssHome {
	/* Text */ text-transform: uppercase;}
.spotlight div#vB-rssHome tr.vB-homeRow {
	/* Style */ border-bottom: 1px dashed;
	/* Color */ border-color: #d3d3d3;}
.spotlight div#vB-rssHome tr.vB-homeRow:first-child {}
.spotlight div#vB-rssHome tr.vB-homeRow .dataBlockThree {
	/* Style */ padding: 0;}
.spotlight div#vB-rssHome p.vB-homeRssTitle {
	/* Text */ font-size: 14px; font-weight: bold;
	/* Color */ color: #444;}
.spotlight div#vB-rssHome p.vB-homeRssDate {
	/* Style */ padding: 5px 0 5px 15px;
	/* Text */ font-size: 12px;
	/* Color */ color: #444;}
.spotlight div#vB-rssHome div.vB-homeRssContent {
	/* Style */ margin: 0 auto 5px;
	/* Text */ font-size: 12px;}
.spotlight div#vB-rssHome td.vB-itemtd p.vB-homeRssLink a {
	/* Style */ margin: 0 0 0 15px; padding: 0; min-height: auto; background: none ! important;
	/* Text */ font-size: 12px; font-weight: bold; text-transform: none;}
/* -------------------------
	TEXTBODY
 ------------------------- */
.spotlight .contentEdit {
	/* Layout */ display: block; 
	/* Style */ padding: 10px; 
	/* Text */ word-wrap: break-word;}
.spotlight .contentEdit h1, .spotlight .contentEdit h2, .spotlight .contentEdit h3, .spotlight .contentEdit h4, .spotlight .contentEdit h5, .spotlight .contentEdit h6 {
	/* Style */ margin: 0.25em 0; 
	/* Text */ font-size: 123.1%;}
.spotlight .compZone * img {
	/* Style */ padding: 0; margin: 0; background: none;}
.spotlights .compZone * iframe {
	/* Layout */ z-index: 0; position: relative;}
.spotlight .vB-textBodyOther .body_10 .contentEdit {
	/* Style */ width: 100% !important;}

/* --------------------------------------------------
	SPOTLIGHTS STYLE ONE
-------------------------------------------------- */
.sl-styleOne .spotlight {}
 .sl-styleOne .spotlight .container {}
.sl-styleOne .spotlight .compZone { 
	/* Color */ border-color: #444;}
.sl-styleOne, .sl-styleOne a {
	/* Color */ color: #000;}
.sl-styleOne a:hover {
	/* Color */ color: #444;}
.sl-styleOne .spotlight td.vB-itemtd, .sl-styleOne .spotlight div.calendarHome, .sl-styleOne .spotlight div.calendarHome td.vB-itemtd a, .sl-styleOne .spotlight div#vB-rssHome {}
.sl-styleOne .spotlight td.vB-itemtd a {
	/* Style */ border: 1px solid transparent;}
.sl-styleOne .spotlight td.vB-itemtd a:hover {
	/* Color - RCC */ color: #1c6490; }

/* --------------------------------------------------

	FOOTER

-------------------------------------------------- */
#footer-copyright {
	/* Style */ padding: 50px 0 0 0; 
	/* Text */ line-height: 50px; font-size: 14px;}
#footer {
	/* Layout */ position: relative;
	/* Style */ border-top: 10px solid;
	/* Color */ border-color: #4c4c4c;}
#footer .container { 
	/* Style */ padding: 30px 0;
	/* Text */ line-height: 20px; font-size: 16px;
	/* Color */ color: #666;}
#footer-colOne {
	/* Style */ padding: 20px 0 0 90px;
	/* Text */ word-wrap: break-word;}
#footer-colTwo {
	/* Style */ padding: 0 90px 0 0;}
.footer-col a img {
	/* Style */ padding: 3px; border: 12px solid; border-radius: 3px;
	/* Color */ background: #000; border-color: #e2e1e1;}
#footer a { 
	/* Text */ text-decoration: none;
	/* Color */ color: #666;}
#footer a:hover {
	/* Color - RCC */ color: #1c6490;}
#footer a#company-logo {
	/* Layout */ display: inline-block; 
	/* Style */ margin: 45px 0; width: 203px; height: 29px; overflow: hidden;}