﻿/* Home Page
----------------------------------------------------------*/
#home_Flash { /* background:#e2202b;
    height: 250px;
    margin-bottom: 10px;
*/ }

div.accountInfo { width: 98%; }

.home_Login { background-color: #e2202b; color: #FFFFFF; width: 95%; padding-left: 6px; padding-top: 4px; padding-bottom: 4px; }
    .home_Login a { color: #FFFFFF; }
.home_Login_button { background-image: url("images/hp_login-button_up.gif"); display: block; }
    .home_Login_button:hover { background-image: url(images/hp_login-button_down.gif); }

.home_SectionTop { border-top: solid 1px #BBBBBB; height: 280px; }

.home_SectionQuarterFirst { float: left; height: 250px; margin: 20px 0; vertical-align: middle; }
.home_SectionQuarterFirst { width: 219px; }

.home_SectionQuarter { border-left: solid 1px #BBBBBB; float: left; height: 250px; margin: 20px 0; /*padding-left: 15px;*/ padding-left: 10px; vertical-align: middle; display: inline-block; }
.home_SectionQuarter { /*width: 219px;*/ width: 225px; }
    .home_SectionQuarter h6 { font-size: 1em; margin-bottom: 0px; padding-top: 2px; color: #888888; }
.home_Section { border-top: solid 1px #BBBBBB; height: 390px; }
.home_SectionHalfFirst { float: left; height: 300px; margin: 20px 0px 10px 0px; vertical-align: middle; }
.home_SectionHalfFirst { width: 454px; }

.home_SectionHalfTOP { border-left: solid 1px #BBBBBB; float: left; height: 360px; margin: 10px 0; padding-left: 15px; vertical-align: top; }
.home_SectionHalfTOP { /*width: 454px;*/ width: 480px; }

.home_SectionHalf { border-left: solid 1px #BBBBBB; float: left; height: 320px; margin: 10px 0; padding-left: 15px; vertical-align: middle; }
.home_SectionHalf { /*width: 454px;*/ width: 480px; }

.audience_menu { line-height: 2em; font-size: 14px; }
.joinNow { font-size: 18px; }

.h6_homepage { font-size: 1em; margin-bottom: 3px; padding: 5px 0px 0px 0px; color: #2D2D2D; font-weight: bold; }

a.audience_menu:link, a.audience_menu:visited { color: #808080; }
a.audience_menu:active { color: #525252; }
a.audience_menu:hover { color: #525252; text-decoration: none; }

.homepageh1 { font-size: 2.5em; font-weight: 500; color: #3B3B3B; line-height: 25px; padding: 0px; margin-bottom: 10px; vertical-align: middle; }

ul.quicklinks li { list-style-type: none; padding: 0 0 0 2px; margin-left: 0px; margin-bottom: 0px; margin-top: 6px; color: #808080; }
    ul.quicklinks li A:link { color: #808080; }
    ul.quicklinks li A:visited { color: #808080; }
    ul.quicklinks li A:active { text-decoration: none; color: #525252; background-color: #FFFFFF; }
    ul.quicklinks li A:hover { text-decoration: none; color: #525252; }

.eventLink { color: #000000; text-decoration: none; }
a.eventLink:link, a.eventLink:visited { color: #333333; text-decoration: none; }
a.eventLink:active { color: #666666; text-decoration: underline; }
a.eventLink:hover { color: #666666; text-decoration: underline; }
a.graylink:link, a.graylink:visited { color: #a0a0a0; }

a.graylink:active { color: #666666; }

a.graylink:hover { color: #666666; text-decoration: none; }
.marketImage { margin-bottom: 20px; }

.whatsNew { height: 245px; Overflow: Auto; margin-bottom: 15px; }
img.wp-post-image { width: 85px; height: 85px; margin-right: 8px !important; margin-bottom: 8px !important; }

.twtr-hd,
.twtr-ft { display: none; }

/* TouchSlider */
.touchslider-nav-item-current { background-position: center center; font-weight: bold; text-shadow: 1px 1px 5px #888888; color: #FF0000; background-image: url('../../Images/homebanner/reddot.gif') !important; background-repeat: no-repeat; }
.touchslider-nav-item { background-position: center center; margin: 5px 10px 20px 5px; padding: 3px; min-width: 20px; display: inline-block; cursor: pointer; background-image: url('../../Images/homebanner/graydot.gif'); background-repeat: no-repeat; }
.touchslider-viewport { width: 100%; height: 290px; overflow: hidden; }
.touchslider-item > a > img { border: 0px; }
.touchslider-prev, .touchslider-next { cursor: pointer; }

/* Slider - this is for the rotating image on the home page
---------------------------------------- */
#slider-wrapper { height: 506px; overflow: hidden; position: relative; margin-bottom: 20px; }
#slider { position: relative; width: 940px; height: 436px; background: url(images/loading.gif) no-repeat 50% 50%; }
    #slider img { position: absolute; top: 0px; left: 0px; display: none; }
    #slider a { border: 0; display: block; }

/* The Nivo Slider styles */
.nivoSlider { position: relative; }
    .nivoSlider img { position: absolute; top: 0px; left: 0px; }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; }
/* The slices in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; }
.nivo-box { display: block; position: absolute; z-index: 5; }
/* Caption styles */
.nivo-caption { position: absolute; right: 0; top: 0; background: url(images/caption_bg.gif) no-repeat 0 0 #ffc800; color: #fff; opacity: 1; /* Overridden by captionOpacity setting */ width: 100%; z-index: 89; width: 340px; height: 436px; }
    .nivo-caption p { padding: 140px 10px 0 30px; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 40px; line-height: 36px; text-transform: uppercase; color: #fff; }
        .nivo-caption p span { background: url(images/caption_bg.gif) no-repeat -30px -140px; display: block; }
    .nivo-caption .button { line-height: 20px; }
    .nivo-caption a.button { margin-top: 10px; }
    .nivo-caption a { display: inline-block !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 99; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { position: absolute; width: 940px; height: 17px; border-top: 1px solid #d7d9da; border-bottom: 1px solid #d7d9da; padding: 16px 0 16px 0; left: 0; bottom: -70px; text-align: center; }
    .nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; display: inline-block !important; width: 17px; height: 17px; overflow: hidden; font-size: 0; line-height: 0; text-decoration: none; color: #d7d9da; text-align: center; background: url(images/bullets.gif) no-repeat -18px 0; margin-left: 1px; }
        .nivo-controlNav a:hover,
        .nivo-controlNav a.active { font-weight: bold; background-position: 0 0; }

.nivo-directionNav { }
    .nivo-directionNav a { position: absolute; display: block; width: 36px; height: 35px; text-indent: -9999px; border: 0; top: 50%; background: url(images/direction_nav.png) no-repeat 0 0; }
a.nivo-nextNav { right: 0; background-position: -36px 0; }
    a.nivo-nextNav:hover { background-position: -36px -35px; }
a.nivo-prevNav { left: 0; background-position: 0 0; }
    a.nivo-prevNav:hover { background-position: 0 -35px; }

#slider .nivo-controlNav img { display: inline; /* Unhide the thumbnails */ position: relative; margin-right: 10px; width: 120px; height: auto; }

/* Important Information Popup */
div.importantInfoPopup { position: absolute; z-index: 1000; width: 700px; height: 600px; top: 10%; left: 5%; padding: 10px; background-color: white; }
div.importantInfoPopupButtons { position: absolute; top: 10px; right: 20px; padding: 3px; width: 170px; }

/* Social media sharing side bar */
#socialShareArea { width: 50px; }
