/* The index.css file applies to the SPLASH and INDEX (homepage) pages.
 (incorporates the 
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/includes/css/global.css");


/* Slider 
----------------------------------------*/
* :focus { outline:none }
* {padding:0;margin:0;border:0}
.slider{ /*width:1000px*//*width:980px;*/width:980px; height: 20px; background: url(/images/sliderbkgnd_980.jpg) no-repeat center; margin:0 auto; padding:0; display:none}/*position:relative;*/
.handle{position:relative; z-index:100; cursor: pointer; height: 20px; width: 130px; background: url(/images/slider.png) no-repeat;
    margin:0; padding:0; text-align:center; vertical-align:bottom; text-align:center; font-size:.8em; font-weight:bold; color:#000;
    text-decoration:none;line-height:2.25em;}
.slider a:hover{text-decoration:none;}
.noJsSlider{/*width:980px;*/width:976px; height: 20px; margin:0 auto; padding:0;}
#prevTimeline {float:left; width:100px; height:20px}
#noJsDate {margin:0 auto; width:560px; height:20px; float:left; font-size:9px;padding-top:5px;}
#nextTimeline {float:left; width:100px; height:20px}

/* index.aspx (Home page)
----------------------------------------*/
#event{/*width:980px;*/width:960px;min-width:960px;text-align:left;margin:0 auto; height:430px; z-index:1;background-color:#000;}/**/
#eventPhoto {background-repeat:no-repeat; position:relative; z-index:2; margin:0 auto;}
.tl{position:absolute;z-index:1; /*width:980px;*/width:960px;min-width:960px; height:430px; margin:0 auto;}
.tlBox{height:430px; /*width:980px;*/width:960px;min-width:960px; margin:0 auto;z-index:1;}

/* Mask and titles used while using timeline bar
----------------------------------------*/
#tlMask {visibility:hidden; height:430px; /*width:980px;*/width:960px;min-width:960px;z-index:2;}
#tlMaskTxtBox {text-align:center; /*font-family:Verdana;*/ margin:0 auto;  position:relative; top:200px; visibility:hidden;z-index:2;}
#tlMaskDate {font-size:20px; color:#eee;position:relative; top:15px; z-index:13}/*font-family:Verdana; */
#tlMaskTitle {font-size:42px; font-weight:bold; color:#ffcc33; position:relative; z-index:12}

/* Event Archive button to call up page listing events
----------------------------------------*/
#eventArchive {position:relative; top:-50px; right:-890px; font-size:10px;font-weight:bold; padding-right:5px; }/*float:right;*/
#eventArchive a:link, #eventArchive a:visited {text-decoration:none; color:#fff;}

/* Event info on top of large photo
----------------------------------------*/
#eventInfoBox {position:relative; width:350px; margin:0; padding:12px;
               float:left;z-index:5;background-image:url(/images/mask_darker.png);
               color:#fff; overflow:hidden; border:1px solid #555;}
#eventInfoBox p {line-height:14px;margin:0 0 5px 0; padding:0;}
.eventInfoBox1 {top:20px; left:20px;}
.eventInfoBox3 {top:20px; left:300px;}
.eventInfoBox5 {top:20px; left: 560px;}
.eventInfoBox2 {top:265px; left:20px;}
.eventInfoBox4 {top:265px; left:300px;}
.eventInfoBox6 {top:265px; left:560px;}
.title {text-decoration:none; font-weight:bold; font-size:14px; line-height:14px; color:#c69f31;}
.date, .desc {font-size:11px; line-height:14px; margin:5px 0 0 0;}
#eventInfoButtons {margin:0; padding:0;}
#eventInfoButtons ul {list-style:none; margin:0; padding:0;}
#eventInfoButtons li {padding:4px; border: solid 1px #aaa; float:left; background-color:#000; margin:6px 6px 0 0;}/*font-weight:bold;*/
#eventInfoButtons li a {text-decoration:none; color:#aaa;}
#eventInfoButtons li a:hover {color:#777;}

/* Bubble Tooltip
----------------------------------------*/
.bubble {background: url(/images/tooltipBubble.png) no-repeat; height:236px; width:236px;position:absolute;z-index:99; display:none;}
.inside {height:108px; width:147px; margin:36px 47px 84px 42px; text-align:center; color:#000; font-weight:bold;}
.inside h3 {color:White;}
.inside p {font-size:14px; line-height:15px;}


/* Boxes
----------------------------------------*/
/*#boxes {/*width:980px;*//*width:960px;min-width:960px; margin:0 auto;}*/
#bottomBoxes {width:960px;min-width:960px;margin:0 auto 10px auto;background-color:#fff;}
#feature1, #feature2, #feature3, #feature4 {width:213px; height:140px; border:solid 1px #aaa; float:left;  
                                            margin:20px 0 10px 20px; padding:0; overflow:hidden;}
#feature2.stretch3 {width:679px;}
#feature1 {overflow:auto;}
#mediaItems {}
#feature1 h2 {font: bold 1.2em Verdana, sans-serif; text-align:center; font-variant:small-caps;letter-spacing:.15em; line-height:1em;
              border-bottom: 3px solid #ddd; margin:0; padding:0; background-color:#ddd; color:#000;
              }
  

#feature1 ul {margin:0 2px; padding:0 2px;list-style:none;}
.subcat {font-size:.6em;  line-height:1.5em;padding-top:4px; font-weight:bold; text-transform:uppercase;}
.mediadoc {margin:0; padding-bottom:4px; border-bottom: dotted 1px #ccc; font-size:.9em; line-height:1.1em;}
#feature1 ul li {}
#feature1 ul li a {margin:0; padding:0; text-decoration:none; color:#000;}
/*#feature1 p {margin:0; padding:0; font-size:10px; line-height:10px;}*/
.all {text-decoration:none; color:#000; font-weight:bold; padding:2px; float:left; font-size:9px; }
.rss {color:#ff693a; float:right; font-weight:bold; font-size:9px; padding:2px; }

/* PROMO BOX SPRITES
----------------------------------------*/
/*#feature2 a{float:left; width:213px; display:block; background:url('/images/mexguatcosta_eng.jpg') no-repeat; min-height:35px;}*/
/*#feature3 a{float:left; width:213px; display:block; background:url('/images/mexguatcosta_eng.jpg') no-repeat;}*/
/*#feature3.engpromo a{float:left; width:213px; display:block; background:url('/images/cvedc_eng.jpg') no-repeat; min-height:40px;}
#feature3.frapromo a{float:left; width:213px; display:block; background:url('/images/cvedc_fra.jpg') no-repeat; min-height:40px;}*/
/*4 x 35px bands*/
/*a#promosprite1_4:link, a#promosprite1_4:visited{background-position:0px 0px;}
a#promosprite1_4:hover{background-position:0px -140px;}
a#promosprite2_4:link, a#promosprite2_4:visited{background-position:0px -35px; }
a#promosprite2_4:hover{background-position:0px -175px;}
a#promosprite3_4:link, a#promosprite3_4:visited{background-position:0px -70px; }
a#promosprite3_4:hover{background-position:0px -210px;}
a#promosprite4_4:link, a#promosprite4_4:visited{background-position:0px -105px; }
a#promosprite4_4:hover{background-position:0px -245px; }*/

/*3 x 40px + 1 x 20px bands*/
/*a#promosprite1_3:link, a#promosprite1_3:visited {background-position: 0px 0px;}
a#promosprite1_3:hover {background-position: 0px -140px;}
a#promosprite2_3:link, a#promosprite2_3:visited {background-position: 0px -40px; }
a#promosprite2_3:hover	{background-position: 0px -180px;}
a#promosprite3_3:link, a#promosprite3_3:visited	{background-position: 0px -80px;}
a#promosprite3_3:hover {background-position: 0px -220px;}
a#promosprite4_3:link, a#promosprite4_3:visited {background-position: 0px -120px; min-height:20px;}
a#promosprite4_3:hover {background-position: 0px -260px; min-height:20px;}*/