/*

READ ME!!!

There are 2 colors associated with this style

#0eabc5 - Primary
#0eabc5 - Secondary

In order to change it, just do a search and replace for it and everything should be good!
*/

html, body {}
body {font-family: 'Open Sans', sans-serif; color: #555;}
a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}

/* UTILS */
.container {width: 980px; margin: 0 auto;}

/* HEADER */
#header {background-color: #000; border-bottom: 4px solid #fff;}

#main-menu {padding: 33px 0; position: relative; z-index: 1001; float: left;}
#main-menu>ul {display: inline-block;}
#main-menu>ul>li {display: block; float: left; position: relative;}
#main-menu ul>li a {color: #0eabc5; font-size: 16px; line-height: 18px; text-decoration: none; padding: 10px 0; text-transform: uppercase;}
#main-menu>ul>li>a {margin-left: 25px;}
#main-menu>ul:first-child>li>a {margin-left: 0;}
#main-menu>ul:first-child {margin-top: -1px;}
#main-menu ul>li a:hover {color: #22c1db;}
#main-menu ul li ul {display: block; top: 24px; left: -9999px; position: absolute; background-color: #333;}
#main-menu>ul>li:hover ul {left: auto;}
#main-menu ul li ul li { display: block; border-top: 1px solid #000;}
#main-menu ul li ul li a {text-align: center; padding: 10px 20px; display: block;}

.social-icons-plugin-wrapper {float: right; margin-top: 27px;}
.social-icons-plugin a {margin-left: 7px;}



/* FEATURE - TOP AREA ON EVERY PAGE WITH BACKGROUND IMAGE AND PAGE TITLE */
.home #feature { padding: 50px 0;}
#feature {background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover; width: 100%; padding: 20px 0;}
#feature img {max-height: 150px; width: auto; }
.home #feature img {margin-bottom: 40px; max-height: none; width: auto;}
#feature h1, #feature h2 {text-transform: uppercase; padding: 0; color: #FFF; text-shadow: 0 0 5px #000; font-weight: normal; }
#feature h1 {font-size: 44px; }
#feature h2 {font-size: 24px; margin-top: 30px; }




/* LAYOUT */
#main {padding: 50px 0 100px 0;}



/* CONTENT AREA */
#cms-content {width: 600px; float: left; line-height: normal;}
.contentEdit { line-height: normal;}
#cms-content p {line-height:22px; padding-bottom:10px;}

#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.5em;}
.contentEdit h2 {font-size: 2.25em;}
.contentEdit h3 {font-size: 2em;}
.contentEdit h4 {font-size: 1.75em;}
.contentEdit h5 {font-size: 1.5em;}
.contentEdit h6 {font-size: 1.25em;}

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


/* components/component fixes */
#cms-content #calendardiv table, #cms-content #calendardiv table tr.link_9 td {border: 1px solid #EEE !important;}
#cms-content #calendardiv table tr.link_9 td p {
	padding: 0;  
	line-height: 12px ! important;}
#cms-content #calendardiv table tr.link_9 td p.calendarItem {
	word-break: keep-all ! important;}
#cms-content #calendardiv table tr.link_9 td p.calendarItem a.link_9Link {
	font-size: 10px;}
#cms-content #calendardiv .white_9Bold td {padding: 10px 0; color: #FFF;}
#cms-content .vB-iconTitle {display: none;}

div.toolBox .contentEdit h1, div.toolBox .contentEdit h2, div.toolBox .contentEdit h3, div.toolBox .contentEdit h4, div.toolBox .contentEdit h5, div.toolBox .contentEdit h6 {margin: .5em 0; font-size: 123.1%; }
div.toolBox .contentEdit h5, div.toolBox .contentEdit h6 {padding: 1em 0 0.75em 3.25em; }
div.toolBox div.vB-textBodyOther {padding: 13px 20px 7px 20px; }
div.toolBox div.vB-textBodyOther a {color: #fff; }
div.toolBox div.vB-textBodyOther a:focus, div.toolBox div.vB-textBodyOther a:hover {color: #000; }
div.toolBox .compZone * img {width: auto; max-width: 270px; height: auto; padding: 0; margin: 0; background: none; }

/* SIDEBAR */
#sidebar {width: 300px; float: right; line-height: normal;}
#sidebar a.members-link {display: block; background-color: #0eabc5; text-decoration: none; text-align: center; font-size: 18px; padding-top: 15px; padding-bottom: 15px; border: 5px solid #EFEFEF;}
#sidebar a.members-link:hover {border-color: #000; background-color: #000; color: #FFF;}
/* height of 225px is based on a 4x3 ratio and 300px width */
#slideshow-container {height: 225px; overflow: hidden;}
.company-box img {border: 5px solid #000;}
#sidebar .spotlight {margin-top: 40px; width: 300px;}
#sidebar .spotlight:first-child {margin-top: 0;}

/* SPOTLIGHTS */
#spotlights {padding-bottom: 30px;}
#spotlights .spotlight { width: 300px; float: left; margin-left: 40px; }
#spotlights .spotlight:first-child {margin-left: 0;}
#spotlights a {}
#spotlights a:hover {}
#spotlights div.calendarHome tr.vB-homeRow td.vB-itemtd {padding-left: 0;}
#spotlights h2 {color: #000; padding-bottom: 10px; border-bottom: 4px solid #0eabc5; font-size: 24px; text-transform: uppercase; margin-bottom: 15px;}
#spotlights a.moreLink {text-decoration: none; display: inline-block; margin: 10px 0; padding: 7px 15px; text-transform: uppercase; border: none; background-color: #0eabc5; color: #000;}
#spotlights a.moreLink:hover {background-color: #000; color: #FFF; text-decoration: none;}
#spotlights tr.calendarDate td {background-color: #EFEFEF; padding: 5px; color: #000;}
#spotlights .vB-homeRssTitle {color: #000; text-transform: uppercase;}
#spotlights .vB-homeRssDate {color: #999; font-size: small;}
#spotlights .vB-homeRssContent {margin-bottom: 5px;}
#spotlights td.vB-itemtd {padding: 5px;}
.comp-pollResults table {background-color: #0eabc5 !important;}
.comp-pollResults .body_10 span {color: #000 !important;}
.comp-pollResults div {border-color: #000 !important;}
#spotlights .vB-textBodyOther .body_10 .contentEdit {width: 100% !important;}
#spotlights h3 {color: #0eabc5; font-size: 24px; display: inline-block; line-height: 36px; }


/* FOOTER */
#footer {border-top: 4px solid #0eabc5; background-color: #000; padding: 20px 0; color: #FFF;}
#footer p {padding-bottom: 20px;}
#footer a {color: #FFF; text-transform: uppercase;}
#footer a:hover {text-decoration: none;}
#company-logo {display: inline-block; margin: 20px 0; width: 180px; height: 28px; overflow: hidden; background-repeat: no-repeat; text-indent: 200px;}
#company-logo:hover {background-position: center -28px;}