/****************************** 
    Border Gray: #a9a8a8
    Background Gray: #c7c8cb
    Blue Text: #0e4398
    Main Border: #808080
******************************/

/*  NAVIGATION
**************************************************************************************/
#expo-top-nav { height: 18px; }
#expo-nav { border-top: 3px dashed #a9a8a8; height: 206px; }
#expo-nav ul { list-style: none; }
#expo-nav li { margin: 15px 0 0 20px; }
#expo-nav li a { 
    color: #0e4398; 
    font: 13px arial, helvetica, sans-serif; 
    font-weight: bold;
    text-decoration: none; 
}
#expo-nav li a:hover { color: #c7c8cb; }

/*  HOME
**************************************************************************************/
#home-top-left { float: left; width: 185px;  }
#home-top-right {
    background: url('../images/expos/home-top-right.gif') no-repeat;
    background-position: center;
    border-left: 3px dashed #a9a8a8;
    height: 245px;
    margin-left: 185px;
    position: relative;
}
#home-top-right-text { 
    color: #000;
    font: 12px arial, helvetica, sans-serif;
    height: 90px;
    line-height: 20px;
    position: absolute;
    top: 140px;
    left: 47px;
    width: 490px;
}
#home-top-right-text a { color: #0e4398; font: 13px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; }
#home-top-right-text a:hover { color: #c7c8cb; }
#home-top-right-text h4 { color: #0e4398; font: 14px arial, helvetica, sans-serif; font-weight: bold; }
#home-bottom { border-top: 3px dashed #a9a8a8; margin-top: 10px; }
#home-bottom-left {
    float: left;
    height: 208px;
    width: 363px;
}
#home-bottom-right {
    border-left: 3px dashed #a9a8a8;
    height: 208px;
    margin-left: 363px;
}

/* Schedule area */
#home-schedule {    
    background: url('../images/expos/home-schedule.gif') no-repeat; 
    background-position: center; 
    height: 180px; 
    position: relative;
}
#home-schedule a { 
    color: #000;
    display: block; 
    font: 13px arial, helvetica, sans-serif;    
    text-decoration: none;
    position: absolute;
    top: 20px;
    left: 140px;
}
#home-schedule a:hover { color: #c7c8cb; }
#home-schedule a strong { font-weight: bold; }
#home-schedule-bottom { 
    background: #c7c8cb; 
    height: 30px;
    border-right: 1px solid #808080;
}

/* Weather kit area */
#home-weather-kit {
    background: url('../images/expos/home-weather-kit.gif') no-repeat; 
    background-position: center;
    border-bottom: 3px dashed #a9a8a8;
    height: 104px;
    position: relative;
}
#home-weather-kit a { 
    color: #000;
    display: block; 
    font: 12px arial, helvetica, sans-serif;
    line-height: 35px;
    text-decoration: none;
    position: absolute;
    top: 47px;
    left: 87px;
}
#home-weather-kit a:hover { color: #c7c8cb; }
#home-weather-kit a strong { font-weight: bold; }

/* Win makeover area */
#home-win-makeover {
    background: url('../images/expos/green-bkg.gif');
    border-bottom: 3px dashed #ffffff;
    border-left: 1px solid #808080;
    height: 62px;
    position: relative;
}
#home-win-makeover img { border: none; display: block; position: absolute; top: 15px; left: 20px; }
#home-win-makeover a {
    color: #fff;
    display: block;
    font: 32px arial, helvetica, sans-serif; 
    font-weight: bold;
    position: absolute;
    text-decoration: none;
    top: 14px;
    left: 70px;
}
#home-win-makeover a:hover { color: #c7c8cb; }

/* Rules & details area */
#home-details-rules {
    background: url('../images/expos/green-bkg.gif');
    border-left: 1px solid #808080;
    height: 39px;
    text-align: center;
}
#home-details-rules a {
    color: #fff;
    display: block; 
    font: 12px arial, helvetica, sans-serif;
    height: 100%;
    line-height: 35px;
    text-decoration: none;
    width: 100%;
}
#home-details-rules a:hover { color: #c7c8cb; }
#home-details-rules a strong { font-weight: bold; }

/*  SCHEDULE
**************************************************************************************/
#schedule-left { float: left; width: 185px; }
#schedule-nav { border-bottom: 3px dashed #a9a8a8; }
#schedule-left-disclaimer {
    background: url('../images/expos/green-bkg.gif');
    color: #ffffff;
    height: 330px;
    line-height: 16px;
    padding: 22px;
}
/* EVENTS / RIGHT */
#schedule-right {
    float: right;
    padding: 0 13px;
    width: 248px;
}
#schedule-right-top { 
    background: url('../images/expos/schedule-events.gif') no-repeat;
    background-position: center top;
    border-bottom: 3px dashed #a9a8a8; 
    height: 207px; 
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#schedule-events { height: 370px; overflow: auto; }
#schedule-events h2 { color: #0e4398; font: 18px arial, helvetica, sans-serif; font-weight: bold; margin-bottom: 8px; }
/* EXPOS / MIDDLE */
#schedule-right img, #schedule-middle img { display: block; margin: 0 auto 5px auto; }
#schedule-middle {
    border-left: 3px dashed #a9a8a8;
    border-right: 7px solid #c7c8cb;
    height: 600px;
    margin-left: 185px;
    margin-right: 274px;
    padding: 0 13px;
}
#schedule-middle-top { 
    background: url('../images/expos/schedule-expos.gif') no-repeat;
    background-position: center top;
    border-bottom: 3px dashed #a9a8a8; 
    height: 337px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#schedule-expos { height: 238px; overflow: hidden; }
#schedule-expos h2 { color: #0e4398; font: 18px arial, helvetica, sans-serif; font-weight: bold; margin-bottom: 8px; }
.event { margin: 0 0 10px 10px; }
.event h3 a { 
    color: #000;
    font: 15px arial, helvetica, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
}
.event h3 a:hover { color: #c7c8cb; }
.event h4 { font: 12px arial, helvetica, sans-serif; font-weight: bold; }
.event p { font: 12px arial, helvetica, sans-serif; }

/*  WEATHER KITS
**************************************************************************************/
#weather-top-left {
    border-right: 3px dashed #a9a8a8;
    height: 245px;
    width: 185px;
}
#weather-free {
    background: #fff url('../images/expos/free-stuff.gif') no-repeat; 
    background-position: center;
    border-top: 3px dashed #a9a8a8;
    border-left: 1px solid #808080;
    border-right: 3px dashed #a9a8a8;
    height: 180px;
    margin-top: 10px;
    position: relative;
    width: 375px;
    z-index: 6;
}
#weather-top-right {
    background: url('../images/expos/whats-in-kit.gif') no-repeat; 
    background-position: center top;
    display: block; 
    height: 436px;
    position: relative;
    text-indent: -9000px; 
    width: 550px;
    float: right;
}
#weather-top-right-green {
    background: url('../images/expos/green-bkg.gif'); 
    border-right: 1px solid #808080;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
#weather-footer {
    background: url('../images/expos/kit-disclaimer.gif') no-repeat; 
    background-position: center;
    border-top: 3px dashed #a9a8a8;
    height: 61px;
    width: 100%;
}

/*  WIN A MAKEOVER
**************************************************************************************/
#makeover-title {
    background: url('../images/expos/makeover-title.gif') no-repeat; 
    height: 33px;
    text-indent: -9000px;
}
#makeover-top-left {
    border-right: 3px dashed #a9a8a8;
    border-bottom: 3px dashed #a9a8a8;
    height: 250px;
    margin-right: 206px;
    width: 185px;
}
#makeover-rules a {
    background: url('../images/expos/makeover-rules-box.gif') no-repeat; 
    background-position: center;
    display: block;
    height: 195px;
    position: relative;
    text-indent: -9000px;
    width: 290px;
    z-index: 6;
}
#makeover-top-right {
    border-bottom: 3px dashed #a9a8a8;
    display: block; 
    height: 395px;
    text-indent: -9000px; 
    width: 550px;
    float: right;
}
#makeover-top-right div a { margin: 11px 0 0 95px; }
#grand-prize a {
    background: url('../images/expos/grand-prize.gif') no-repeat;
    display: block;
    height: 90px;
    width: 442px;
}
#second-prize a {
    background: url('../images/expos/second-prize.gif') no-repeat;
    display: block;
    height: 90px;
    width: 442px;
}
#third-prize a {
    background: url('../images/expos/third-prize.gif') no-repeat;
    display: block;
    height: 90px;
    width: 442px;
}
#makeover-disclaimer {
    background: url('../images/expos/makeover-disclaimer.gif') no-repeat;
    display: block;
    height: 70px;
    margin: 11px 0 0 95px;
    width: 442px;
}

/*  GLOBAL CLASSES
**************************************************************************************/
.clear { clear: both; }
.standard-copy { font: 12px arial, helvetica, sans-serif; }