﻿/* without text */
#menu {display:block; height:119px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; display:block; width:156px; }
#menu li.list1 {background:transparent url("images/HdrW_r1_c1.jpg");}
#menu li.list2 {background:transparent url("images/HdrW_r1_c2.jpg");}
#menu li.list3 {background:transparent url("images/HdrW_r1_c3.jpg");}
#menu li.list4 {background:transparent url("images/HdrW_r1_c4.jpg");}
#menu li.list5 {background:transparent url("images/HdrW_r1_c5.jpg");}

#menu a {display:block; width:156px; padding-top:119px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:94px; he\ight:0;}

#menu a#item1 {background:transparent url("images/HdrB_r1_c1.jpg") -156px -119px no-repeat;}
#menu a#item2 {background:transparent url("images/HdrB_r1_c2.jpg") -156px -119px no-repeat;}
#menu a#item3 {background:transparent url("images/HdrB_r1_c3.jpg") -156px -119px no-repeat;}
#menu a#item4 {background:transparent url("images/HdrB_r1_c4.jpg") -156px -119px no-repeat;}
#menu a#item5 {background:transparent url("images/HdrB_r1_c5.jpg") -156px -119px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}

body {
        background-image: url("../images/bkg.gif");
        }


* html #menu a:hover {height:86px; height:0;}

     #wrapper {
        width: 780px; 
         margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		border: 2px #000000 solid;
		background-image: url("../images/wrapperbkg.jpg");
}
        
     #bar {
        width: 780px;
        height: 15px;
        background-color: #ff0000;		text-align: right;}
		
		#bar-left {
		float: left;
		width: 50px;		
		}
        
     #title {
        width: 780px;
        height: 90px;
		background-image: url("../images/title-bar.gif");}
        
     #content {width: 780px;
       }
            
       #content-right {
       float: right;
       width: 624px;
       }
       
       #content-left {
       float: left;
       padding-left: 10px;
       width: 145px;
       }

      
       #footer {
       clear: both;
       width: 780px;
       height: 100px;
       padding-top: 10px;
       background-image: url("../images/footer.gif");
       background-repeat: no-repeat;
       }
       
        #footer2 {
        width: 780px;
        height: 15px;
        background-color: #ff0000;		text-align: center;
		}
       
body {
        margin:0;
        padding:0;
        font: bold 12px Verdana;
		}
		
.p {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		margin-left: 10px;
		}  

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/* common styling */
.menu1{
float: left;
font-family: arial, sans-serif; width:156px; height:250px; position:relative; font-size:11px; margin:0px 0; background:#000066; padding:0px 0px; 
}
.menu1 ul {
padding:0; margin:0; list-style-type: none;
}
.menu1 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:99px;
}
.menu1 ul li {
float:left; position:relative;
}
.menu1 ul li a, .menu1 ul li a:visited {
display:block; float:left; text-decoration:none; color: #ffffff; height:25px; line-height:21px; font-size:11px; background:transparent; padding-left:35px;
font-weight: bold;}
* html .menu1 ul li a, .menu1 ul li a:visited {width:156px; width:115px;}

.menu1 ul li.news {background:url("../images/latestnews.gif");background-repeat: no-repeat;}
.menu1 ul li.folders {background:url("../images/folder.gif");background-repeat: no-repeat;}
.menu1 ul li.commercials {background:url("../images/tv.gif");background-repeat: no-repeat;}
.menu1 ul li.seecar {background:url("../images/car.gif");background-repeat: no-repeat;}
.menu1 ul li.fox1 {background:url("../images/fox.gif");background-repeat: no-repeat;}
.menu1 ul li.fox2 {background:url("../images/fox.gif");background-repeat: no-repeat;}
.menu1 ul li.fox3 {background:url("../images/new.gif"); background-repeat: no-repeat;}
.menu1 table {
border-collapse:collapse; border:0; margin:-1px; padding:0; font-size:1em;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{
text-decoration:underline; border:0;
color: #ffb50b;}
.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
visibility:visible; position:absolute; width:170px; height:auto; border:1px solid #606; z-index:10; background:#f8f8f8; overflow:visible;
}
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{
display:block; background:transparent; color:#000; width:135px; line-height:15px; padding:5px 0 5px 35px; height:auto; text-decoration:none;
}
* html .menu1 ul li a:hover ul li a {width:170px; w\idth:135px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
text-decoration:underline; border:0;
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:151px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:156px; height:auto; color:#000; padding:0; border:1px solid #888; list-style-type:none; background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
display:block; width:115px; background:transparent; color:#000;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:156px; w\idth:115px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; text-decoration:underline;
}

a:link {
color: #cccccc;} 

a:visited {
color: #cccccc;}

a:hover {
color: #000000;}

a:active {
color: #000000;}

.links a:link {
color: #003399;} 

.links a:visited {
color: #003399;}

.links a:hover {
color: #4687ff;}

.links a:active {
color: #4687ff;}
        
  
.whitelinks a:link {
color: #FFFFFF;
font-weight: normal;} 

.whitelinks a:visited {
color: #FFFFFF;
font-weight: normal}

.whitelinks a:hover {
color: #000000;
font-weight: normal}

.whitelinks a:active {
color: #000000;
font-weight: normal}


.redlinks a:link {
color: #FF0000;
font-weight: normal;} 

.redlinks a:visited {
color: #FF0000;
font-weight: normal}

.redlinks a:hover {
color: #000000;
font-weight: normal}

.redlinks a:active {
color: #000000;
font-weight: normal}
