/* css by Andrew Hungerford, standing on the shoulders of other designers, including Jonny Blair, http://www.jonnyblair.co.uk/ */

/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/2.0/  */
      
/*  ----------------------------------- Main Page */

body {
   margin: 0;
   padding: 0;
   background-color: #191919;
   text-align: center;
   width: 100%;
   height: 100%;
   font-family: "verdana", "arial", sans-serif;
   color: #333;
}

a:link {
   background-color: transparent;
   color: #860d01;
   text-decoration: none;
}

a:hover {
   background-color: transparent;
   color: #ccc; 
   text-decoration: underline;
}

a:visited {
   background-color: transparent;
   color: #666;
   text-decoration: none;
}

ul {
   margin: 0;
   padding: 0;
}
acronym {
   cursor: help;
}
acronym:hover {
   border-bottom: 1px solid #870b01;
}

#container {
   border: 1px solid #ccc;
   border-bottom: 1px;
   background-color: transparent;
   position: relative;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0px;
   text-align:left;
   voice-family: "\"}\""; 
   voice-family: inherit;
   width: 953px;
   height: 984px;
}
#intro {
   padding: 0;
}
#logo {
   background-color: #000;
   height: 120px;
   Position: relative;
   border-right: 5px solid #171717;
  
}
#pageHeader {
   position: absolute;
   left: 235px;
   top: 0px;
   height: 130px;
}
#supportingText {
   position: relative;
   left: 240px;
   width: 523px;
   color: #777;
}

#pageHeader h1 {
   border: 1px solid white;
   font-size: x-small;
   margin-left: 5px;
   padding: 0px;
   display: none;
}
#pageHeader h2 {
   border: 1px solid white;
   font-size: x-small;
   margin: 0px;
   padding: 0px;
   display: none;
}

#preamble {
   position:relative;
   left: 239px;
   top: 6px;
   padding: 0px;
   width: 712px;
   height: 645px; 
   font-size: x-small;
   display: block;
   border-bottom: 1px solid #000;
   border-right: 0px solid #000;
   background-color: #080808;
   color: #fff;
}
#preamble h3 {
   margin-top: 0px;
   text-indent: 20px;
   font-size: medium;
   height: 20px;
   border-bottom: 1px solid #ccc;
   padding: 0px;
   color: #fff;
}
#preamble p {
   margin-top: 0px;
   text-align: justify;
   margin-left: 10px;
   margin-right: 20px;
   padding: 0px;
   line-height: 1.6em;
}


#preamble:hover {

   color: #fff;
}

/*  ----------------------------- top menu */

#footer {
   margin: 0px;
   width: 100%;
   height: 2em;
   line-height: 2em;
   font-size: x-small;
   text-align: center;
   background-color: #000;
   margin-top: 0px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #000;
   border-bottom: 1px solid #ccc; 
   position:relative;
   left: 5px;
}

#footer a:link, #footer a:active, #footer a:visited {
   color: #fff;
}

#footer ul li { display: inline; }

#footer ul li a
{
padding: 0.2em 3em;
}

#footer li.active {background-color:#333;
}

#footer ul li a:hover { text-decoration:none; 
background-color:grey;
}

/*  ----------------------------- framing menu */

#linkList {
   position: absolute; 
   top: 127px;
   left: 0px;
   margin: 0 0 0 0px;
   border-left: 0px solid #000;
   border-bottom: 0px solid #000;
   border-right: 0px solid #000;
   border-top: 0px;
}

#linkList ul {
   list-style: none;
   margin: 0px;
   padding-bottom: 0px;
   left: 0px;
   border-bottom: 0px solid #000;
   border-right: 0px solid #000;
}

#lselect {
   margin: 0px;
   font-size: 7pt;
}

#lselect li {
   padding: 0px;
   border-bottom: 3px solid #171717;
   height: 90px;
   line-height: 1.4em;
   width: 235px;
   color: #c63;
}

#lselect li.l1 {background: transparent url(trans_b2.jpg);}
#lselect li.l2 {background: transparent url(bare_b2.jpg);}
#lselect li.l3 {background: transparent url(winter_b.jpg);}
#lselect li.l4 {background: transparent url(K2_b.jpg);}
#lselect li.l5 {background: transparent url(militant_b.jpg);}
#lselect li.l6 {background: transparent url(mnd_b2.jpg);}
#lselect li.l7 {background: transparent url(ari_b2.jpg);}


#lselect a {
   width:235px; 
   height:0px;  
   text-decoration:none; 
   padding-top: 90px; 
   display:block;
   overflow:hidden;
   
}

/* hack for older versions of IE with incorrect box model */

* html #lselect a:link, * html #lselect a:visited {height:90px; height:0;}


#lselect a#item1 {background: transparent url(trans_bt.jpg) -235px no-repeat;}
#lselect a#item2 {background: transparent url(bare_bt.jpg) -235px no-repeat;}
#lselect a#item3 {background: transparent url(winter_bt.jpg) -235px no-repeat;}
#lselect a#item4 {background: transparent url(K2_bt.jpg) -235px no-repeat;}
#lselect a#item5 {background: transparent url(militant_bt.jpg) -235px no-repeat;}
#lselect a#item6 {background: transparent url(mnd_bt.jpg) -235px no-repeat;}
#lselect a#item7 {background: transparent url(ari_bt.jpg) -235px no-repeat;}


#lselect a#item1:hover {background-position: top right; z-index:50;}
#lselect a#item2:hover {background-position: top right; z-index:50;}
#lselect a#item3:hover {background-position: top right; z-index:50;}
#lselect a#item4:hover {background-position: top right; z-index:50;}
#lselect a#item5:hover {background-position: top right; z-index:50;}
#lselect a#item6:hover {background-position: top right; z-index:50;}
#lselect a#item7:hover {background-position: top right; z-index:50;}

#bottomlist {
   position: absolute;
   display:block;
   Width:960px;
   height:192px;
   left:0px;
   padding-top:10px;
   border-bottom:0px;
}


#bottomlist li {
   float:left;
   list-style-type: none;
   padding: 0px;
   border-bottom:3px solid #171717;
   border-right:4px solid #171717;
   display:inline;
   height: 90px;
   width: 235px;
}

#bottomlist li.l1 {background: transparent url(galileo_b2.jpg);}
#bottomlist li.l2 {background: transparent url(life_b2.jpg);}
#bottomlist li.l3 {background: transparent url(figaro_b.jpg);}
#bottomlist li.l4 {background: transparent url(dance_b2.jpg);}
#bottomlist li.l5 {background: transparent url(shape_b2.jpg);}
#bottomlist li.l6 {background: transparent url(dj_b2.jpg);}
#bottomlist li.l7 {background: transparent url(lights_b2.jpg);}
#bottomlist li.l8 {background: transparent url(pinter_b2.jpg);}

#bottomlist a {
   display:block;
   width:235px; 
   height:0px; 
   overflow:hidden; 
   text-decoration:none; 
   padding-top:90px; 
}


/* hack for older versions of IE with incorrect box model */

* html #bottomlist a:link, * html #bottomlist a:visited {height:90px; he\ight:0;}

#bottomlist a#bl1 {background: transparent url(galileo_bt.jpg) -235px no-repeat;}
#bottomlist a#bl2 {background: transparent url(life_bt.jpg) -235px no-repeat;}
#bottomlist a#bl3 {background: transparent url(figaro_bt.jpg) -235px no-repeat;}
#bottomlist a#bl4 {background: transparent url(dance_bt.jpg) -235px no-repeat;}
#bottomlist a#bl5 {background: transparent url(shape_bt.jpg) -235px no-repeat;}
#bottomlist a#bl6 {background: transparent url(dj_bt.jpg) -235px no-repeat;}
#bottomlist a#bl7 {background: transparent url(lights_bt.jpg) -235px no-repeat;}
#bottomlist a#bl8 {background: transparent url(pinter_bt.jpg) -235px no-repeat;}

#bottomlist a#bl1:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl2:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl3:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl4:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl5:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl6:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl7:hover {background-position: 0 0; z-index:50;}
#bottomlist a#bl8:hover {background-position: 0 0; z-index:50;}


/*  ------------------------------ tag */

#footer2 {
   margin: 0px;
   width: 953px;
   height: 2em;
   line-height: 2em;
   font-size: x-small;
   text-align: center;
   background-color: #000;
   margin-top: 0px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc; 
   position:relative;
   left: 0px;
   top: 198px;
}