/* CSS Document */

/* Headbar and Footbar */

#footleft {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #0000FF; position: relative; top:0; right:0; height:auto; background:#fff; padding:8px;}

#footmid {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; font-style: normal; font-stretch:ultra-expanded; color: #003399; position: relative; top:0; right:0; height:auto; background:#fff; padding:8px;}

#footright {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color: #0000FF; position: relative; top:0; right:0; height:auto; background:#fff; padding:8px;}

.footbar {filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.50; opacity:0.5; 
 }
 
.headbar {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000000; position: relative; top:0; right:0; height:auto; background:#fff; padding:5px;}
.headbar {filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.50; opacity:0.5;
}



/* Sidebar */

#info ul {padding:0; margin:25px auto 5px auto; list-style-type:none; width:160px; height:400px; position:relative;}

#info img {border:0;}

#info li {display:block; height:32px; width:160px; float:left; margin:1px;}

#info a {display:block; width:150px; height:32px; border:0px solid #000; line-height:32px; text-align:center; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; color: #FFFF00; font-weight:bold;}

#info a em, #info a span {display:none;}


/*
a#link1 {background-image: url(../images/navistone.png);}
a#link2 {background-image: url(../images/navistone.png);}
a#link3 {background-image: url(../images/navistone.png);}
a#link4 {background-image: url(../images/navistone.png);}
a#link5 {background-image: url(../images/navistone.png);}
a#link6 {background-image: url(../images/navistone.png);}
a#link7 {background-image: url(../images/navistone.png);}
a#link8 {background-image: url(../images/navistone.png);}
a#link9 {background-image: url(../images/navistone.png);}
a#link10 {background-image: url(../images/navistone.png);}
a#link11 {background-image: url(../images/navistone.png);}
a#link12 {background-image: url(../images/navistone.png);}
*/


/*a:hover#link1 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link1 span {display:block; position:absolute; left:-60px; top:70px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link1 em {display:block; position:absolute; left:153px; top:83px; width:30px; height:125px; border-top:1px solid #FFFBF0 ;  border-right:1px solid #000; line-height:2px;}

/*
a:hover#link1 span {display:block; position:absolute; left:120px; top:-27px; width:260px; height:160px; border:1px solid #000; background:#E8E8E8;}
a:hover#link1 em {display:block; position:absolute; left:75px; top:-18px; width:0px; height:20px;  border-left:1px solid #000; line-height:1px;}



a:hover#link2 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link2 span {display:block; position:absolute; left:-60px; top:100px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link2 em {display:block; position:absolute; left:-20px; top:52px; width:20px; height:150px; font-size:1px; overflow:hidden; border-top:1px solid  #FFFFFF; border-left:1px solid #000; line-height:1px; border-bottom-width:50px; border-bottom:1px solid #000;}

a:hover#link3 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link3 span {display:block; position:absolute; left:-60px; top:140px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link3 em {display:block; position:absolute; left:153px; top:83px; width:30px; height:125px; border-top:1px solid #000;  border-right:1px solid #000; line-height:1px;}

a:hover#link4 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link4 span {display:block; position:absolute; left:-60px; top:170px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link4 em {display:block; position:absolute; left:152px; top:120px; width:15px; height:55px; border-top:1px solid #000; border-right:1px solid #000; line-height:1px;}

a:hover#link5 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link5 span {display:block; position:absolute; left:-60px; top:-78px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link5 em {display:block; position:absolute; left:153px; top:85px; width:30px; height:70px; border-bottom:1px solid #000; border-right:1px solid #000; line-height:1px;}

a:hover#link6 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link6 span {display:block; position:absolute; left:-60px; top:-35px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link6 em {display:block; position:absolute; left:153px; top:115px; width:30px; height:75px; border-bottom:1px solid #000;  border-right:1px solid #000; line-height:1px;}

a:hover#link7 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link7 span {display:block; position:absolute; left:-60px; top:-12px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link7 em {display:block; position:absolute; left:-10px; top:170px; width:10px; height:50px; border-bottom:1px solid #000; border-left:1px solid #000; line-height:1px;} 

a:hover#link8 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link8 span {display:block; position:absolute; left:-60px; top:23px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link8 em {display:block; position:absolute; left:-10px; top:193px; width:10px; height:60px; border-bottom:1px solid #000; border-left:1px solid #000; line-height:1px;} 

a:hover#link9 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link9 span {display:block; position:absolute; left:-60px; top:85px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link9 em {display:block; position:absolute; left:-10px; top:175px; width:10px; height:65px; border-bottom:1px solid #fff; border-left:1px solid #fff; line-height:1px;} 

a:hover#link10 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link10 span {display:block; position:absolute; left:-70px; top:90px; width:260px; height:140px; border:1px solid #000; background:#E8E8E8;}
a:hover#link10 em {display:block; position:absolute; left:-10px; top:200px; width:10px; height:125px; border-bottom:1px solid #000; border-left:1px solid #000; line-height:1px;} 

a:hover#link11 {background-image: url(../images/flamie.gif); background-repeat:no-repeat; background-color:#A0A0A4; border: solid
1px #000; font-size:xx-small;}
a:hover#link11 span {display:block; position:absolute; left:-50px; top:55px; width:260px; height:180px; border:1px solid #000; background:#E8E8E8;}
a:hover#link11 em {display:block; position:absolute; left:152px; top:235px; width:10px; height:125px; border-bottom:1px solid #000; border-right:1px solid #000; line-height:1px;} */