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

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.)
	_______________________________________________________________________
	>>> Any colors marked "LAYOUT - EDIT" can be edited if necessary. <<<
	_______________________________________________________________________

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: "Lao MN", "Times New Roman", Arial;
	/* Color */ color: #000; 
	/* Color - RCC */ background-color: #09096e;}
#wrapper {
	/* Layout */ position: relative;
	/* Style */ min-width: 900px; padding: auto; margin: auto; overflow: hidden;}
#fixed-background {
	/* Layout */ position: fixed; z-index: -999999999;
	/* Style */ width: 100%; height: 100%;}
#container {
	/* Styles */ width: 900px; margin: 0 auto; padding: 30px 0 0 0;}
a {
	/* Text */ text-decoration: none;
	/* Color */ color: #fff;}
a:hover {
	/* Color - RCC */ color: #6C70FF;}


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

	CLASSES/UTILS FOR THE HTML

-------------------------------------------------- */
.fl {
	/* Layout */ float: left;}
.fr {
	/* Layout */ float: right;}
.mb {
	/* Layout */ margin-bottom: 30px;}
.bs {
	/* Style */ box-shadow: 2px 2px 2px #000;}
.tac {
	/* Text */ text-align: center;}
.ts {
	/* Text */ text-shadow: 2px 2px 2px #000;}
.mfc {
	/* Color */ color: #fff;}
.bc {
	/* Color - RCC */ border-color: #1b0482;}



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

	HEADER GRAPHICS

-------------------------------------------------- */
#logo img {
	/* Layout */ display: block; 
	/* Style */ width: 358px; height: 362px; outline: none;}

/* -------------------------
Banner
 ------------------------- */
#bannerWrapper {
	/* Style */width: 542px; height: 362px; overflow: hidden;}
#slideshow-wrapper {
	/* Layout */ position: relative;
	/* Style */ width: 542px; height: 362px; overflow: hidden;}
#slideshow-wrapper > img {
	/* Layout */ position: absolute; top: 0px; left: 0px; z-index: 10;}
#slideshow-container {
	/* Layout */ position: absolute; top: 0px; left: 0px; z-index: 0;
	/* Style */ width: 542px; height: 362px; overflow: hidden;}
#slideshow-container img {
	/* Layout */ position: absolute;
	/* Style */ min-width: 542px; max-width: 542px; min-height: 362px;}


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

	HEADER INFO

-------------------------------------------------- */
#headerInfo {
	/* Style */ width: 898px; height: 58px; border-width: 1px; border-style: solid; overflow: hidden;}
#homeIcon, #memberIcon {
	/* Layout */ display: block;
	/* Style */ width: 58px; height: 58px; outline: none;
	/* Text */ text-indent: -9999px;}

/* -------------------------
Marquee
 ------------------------- */
#Marquee {
	/* Style */ width: 782px; height: 48px; margin: 10px 0 0 0; overflow: hidden;
	/* Text */ white-space: nowrap;}
#Marquee span {
	/* Style */ width: 782px; height: 48px;
	/* Text */ line-height: 48px; font-size: 26px;}

/* -------------------------
Snap
 ------------------------- */
#snap-buttons {
/* Change display inline-block to none if client is not using Snap! and vice versa. */
	/* LAYOUT - EDIT */ display: inline-block; 
	/* Style */  border-width: 1px; border-style: solid;}
#snap-buttons a {
	/* Layout */ display: block;
	/* Style */ width: 298px; height: 56px;  border-right-width: 1px; border-right-style: solid;
	/* Text */ font-size: 18px; line-height: 56px; text-decoration: none;
	/* Color - RCC */ background-color: #3108e7;}
#snap-buttons a:last-child {
	/* Style */ width: 299px; border-right: none;}


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

	MIDDLE

-------------------------------------------------- */
#colOne {
	/* Style */ width: 250px; margin: 0 29px 0 0;}
#colTwo {
	/* Style */ width: 619px; padding: 1px 0; border-left-width: 1px; border-left-style: solid;
	/* Color */ border-left-color: #858d8f;/* background-color: #fff;*/}

/* -------------------------
vertical Nav
 ------------------------- */
ul#verticalNav {
	/* Style */ width: 250px; min-height: 1px; padding: 0;}

ul#verticalNav li a {
	/* Layout */ display: block;
	/* Style */ width: 208px; padding: 24px 20px;  border-width: 1px; border-style: solid;
	/* Text */ font-size: 18px; line-height: 25px; text-decoration: none;
	/* Color - RCC */ border-color: #1b0482; background-color: #3108e7;}

/* -------------------------
Social Icons Plugin
 ------------------------- */
#colOne-extras {
	/* Style */ padding: 38px 0 27px 0;  border-width: 1px; border-style: solid; border-top: none;
	/* Color - RCC */ background-color: rgba(47, 7, 225, 0.75);}

/* -------------------------
company box
 ------------------------- */
#companyBox {
	/* Style */ width: 168px; height: 114px; padding: 14px 13px 12px 13px; margin: 28px auto 0 auto;}

#companyBox a img {
	/* Layout */ display: block;
	/* Style */ width: 160px; height: 106px; border: 4px solid;
	/* Color */ border-color: #000;}

/* -------------------------
Page Title
 ------------------------- */
h2#pageTitle {
	/* Style */ width: 560px; padding: 29px 30px 27px 29px; overflow: hidden;
	/* Text */ font-size: 26px; line-height: 32px;}

/* -------------------------
	CONTENT AREA
 ------------------------- */
 #cms-content {
	/* Style */ width: 560px; min-height: 300px; padding: 0 30px 29px 29px; overflow: hidden;
	/* 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: #0b0b72;}
#cms-content a:visited {
	/* Color - RCC */ color: #00004f;}
#cms-content a:hover {
	/* Color */ color: #848484;}
#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.25em;}
.contentEdit h2 {font-size: 2em;}
.contentEdit h3 {font-size: 1.75em;}
.contentEdit h4 {font-size: 1.5em;}
.contentEdit h5 {font-size: 1.25em;}
.contentEdit h6 {font-size: 1em;}
#cms-content img {
	/* Style */ border-width: 5px; border-style: solid;
	/* Color- RCC */ border-color: #0b0b72;}
#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: 27px !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: #090972; 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: 12px ! 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: 10px;}
#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;}


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

	FOOTER

-------------------------------------------------- */
#footer {
	/* Style */ width: 840px; padding: 29px; border-width: 1px; border-style: solid;
	/* Text */ line-height: 24px; font-size: 22px;
	/* Color - RCC */ background-color: rgba(11, 11, 114, 0.5);}
#companyLogoBox {
	/* Style */ width: 203px; height: 30px; padding: 50px 0 0 0;}
a#companyLogo {
	/* Layout */ display: block;
	/* Style */ width: 203px; height: 30px; overflow: hidden; outline: none;
	/* Text */ text-indent: -9999px;}
#copyright {
	/* Style */ height: 78px;
	/* Text */ line-height: 78px; font-size: 14px;}