@charset "utf-8";
/* CSS Document */

#main {
width: 722px;
height: 600px;
background-color:#36434d;
}

#leftColumn {
float: left;
width: 240px;
padding: 0;
margin: 0;
}

#rightColumn{
float: left;
width: 482px;
}

#text {
background: #eeeeee;
width: 240px; 
height: 360px; 
display: block;
}

.textText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
color: #2c2c2c;
padding: 14px 35px 30px 25px;
}

.textHeader {
color:#5A9A98;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:bold;
line-height:25px;
}


/***** VISTA SECTION *****/

#vistaOn {
background-image:url(/images/expansion_img/expansionHome/vista_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 239px; 
display: none;
float: left;
cursor:pointer;
}

#vista {
background-image:url(/images/expansion_img/expansionHome/vista_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 239px; 
display: block;
float: left;
cursor:pointer;
}

.vistaOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
cursor:pointer;
}

.vistaActive {
width: 200px;
cursor:pointer;
}


/***** END VISTA SECTION *****/

/***** SMITHSONIAN SECTION *****/

#smithonianOn {
background-image:url(/images/expansion_img/expansionHome/smithsonian_on.jpg);
background-repeat:no-repeat;
width: 358px; 
height: 239px;
float: left;
display: none;
cursor:pointer;
}

#smithonian {
background-image:url(/images/expansion_img/expansionHome/smithsonian_off.jpg);
background-repeat:no-repeat;
width: 358px; 
height: 239px; 
float: left;
display: block;
cursor:pointer;
}

.smithsonianOff {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-right:14px;
margin-top:30px;
cursor:pointer;
}

/***** END SMITHSONIAN SECTION *****/

/***** COMMON SECTION *****/

#commonOn {
background-image:url(/images/expansion_img/expansionHome/common_on.jpg);
background-repeat:no-repeat;
width: 122px; 
height: 239px; 
float: left;
display: none;
cursor:pointer;
}

#common {
background-image:url(/images/expansion_img/expansionHome/common_off.jpg);
background-repeat:no-repeat;
width: 122px; 
height: 239px; 
float: left;
display: block;
cursor:pointer;
}

.commonOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:8px;
margin-top:160px;
cursor:pointer;
}

/***** END COMMON SECTION *****/


/***** PLANETARIUM SECTION *****/


#planetariumOn {
background-image:url(/images/expansion_img/expansionHome/planetarium_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: none;
cursor:pointer;
}


#planetarium {
background-image:url(/images/expansion_img/expansionHome/planetarium_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: block;
cursor:pointer;
}


.planetariumOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:8px;
margin-top:40px;
cursor:pointer;
}


/***** END PLANETARIUM SECTION *****/


/***** IMAGINARIUM SECTION *****/


#imaginariumOn {
background-image: url(/images/expansion_img/expansionHome/imaginarium_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: none;
cursor:pointer;
}

#imaginarium {
background-image: url(/images/expansion_img/expansionHome/imaginarium_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: block;
cursor:pointer;
}

.imaginariumOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:8px;
margin-top:40px;
cursor:pointer;
}

/***** END IMAGINARIUM SECTION *****/

/***** CAFE SECTION *****/


#cafeOn {
background-image: url(/images/expansion_img/expansionHome/food_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
display: none;
float: left;
cursor:pointer;
}

#cafeHover {
background-image:url(/images/expansion_img/expansionHome/cafe_hover.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
float: left;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
cursor:pointer;
}

#cafe {
background-image: url(/images/expansion_img/expansionHome/food_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
display: block;
float: left;
cursor:pointer;
}

/***** END CAFE SECTION *****/

/***** SHOP SECTION *****/


#shopOn {
background-image: url(/images/expansion_img/expansionHome/shop_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
display: none;
float: left;
cursor:pointer;
}


#shopHover {
background-image:url(/images/expansion_img/expansionHome/shop_hover.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
float: left;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
cursor:pointer;
}

#shop {
background-image: url(/images/expansion_img/expansionHome/shop_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
display: block;
float: left;
cursor:pointer;
}

/***** END SHOP SECTION *****/


/***** SHARED TEXT STYLES *****/

.orangeHover {
color:#ea7f1e;
cursor:pointer;
}

.greyHover {
color:#455560;
cursor:pointer;
}

.HoverOff {
color:#ffffff;
cursor:pointer;
}

.shopActive {
margin-left:126px;
margin-right:6px;
margin-top:14px;
cursor:pointer;
}

.expnHeader {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight: bold;
cursor:pointer;
}

.date {
color: #5a9a98;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
cursor:pointer;
}

.dateBrown {
color: #3f2f00;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
cursor:pointer;
}


.whiteText{
color: #ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
cursor:pointer;
}

#readMore {
color: #ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
cursor:pointer;
padding-top: 8px;
}

#readMore a:link { 
color:#ffffff;
text-decoration:none;
}

#readMore a:active { 
color:#ffffff;
text-decoration:none;
} 

#readMore a:visited { 
color:#ffffff;
text-decoration:none;
}

#readMore a:hover { 
color:#ffffff;
text-decoration:underline;
}

/***** END SHARED TEXT STYLES *****/


.clearNoSpace {
  clear: both;
  height: 0;
}

