/*CSS by Nadia - PerreLink 2004 not to be copied or distributed - Tennis Templates No 4*/
/* http://www.dreamweaverresources.com */

/* styles the menu table inside the flyout div*/
.menu{
border-top:1px solid #336699;
border-left:0px solid #336699;
width:150px;
color:#336699;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.menu a{
display:block;
color:#000033;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:link{
border-right:1px solid #336699;
border-bottom:1px solid #336699;
border-left:1px solid #336699;
padding:2px 2px 2px 2px;
color:#336699;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:visited{
border-right:1px solid #336699;
border-bottom:1px solid #336699;
border-left:1px solid #336699;
padding:2px 2px 2px 2px;
color:#333333;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:hover{
border-right:#336699 1px solid;
border-bottom:#336699 1px solid;
border-left:#336699 1px solid;
padding:2px 2px 2px 2px;
background:#E4EAEB;
color:#336699;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:active{
border-right:1px solid #336699;
border-bottom:1px solid #336699;
border-left:1px solid #336699;
padding:2px 2px 2px 2px;
color:#333333;
background:#FFE991;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
/* set the position of the nav bar table from the top */
/* if you change this you will need to adjust the flyout div positions to correspond */
.navtable{
margin-top:20px;
margin-left:12px ;
}

/*style for the left side bar area behind the menu buttons*/
.sidebarlft{
margin-left:20px ;     

width:165px;
height:650px;
background: #336699 url(../images/sidebar_back.jpg) repeat-y;
background-color: #173787;
}

/* styles the right news sidebar */
.sidebarright{
padding-left:7px;
padding-right: 10px;
    
width:100px;
color:#FFFFFF;
background-color:#7EA0BC;
}
.sidebarright a:link{
color:#000099;
font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;

text-decoration:underline;
}
.sidebarright a:hover{
color:#DBEEFF;
font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;

text-decoration:none;
}

.sidebarright h1{
margin-bottom:10px;
color:#003399;
font-size:14px;
text-decoration:underline;
text-align:center;

}
/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer{
margin-top:200px;
width:400px;
left:150px;
position:absolute;
visibility:hidden;
z-index:1;
}
/* FLYOUT DIV STYLES */
/*flyout 1 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown1{
width:153px;
position:absolute;
left:150px;
top:254px;
height:96px;
z-index:5;
visibility:hidden;
}
/*flyout 2 div change the co ordinates for left and top if you need to move the flyout  50px between flyouts*/
#dropdown2{
width:154px;
position:absolute;
left:150px;
top:350px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}
/*flyout 3 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown3{
width:153px;
position:absolute;
left:150px;
top:383px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown4{
width:153px;
position:absolute;
left:150px;
top:480px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown5{
width:153px;
position:absolute;
left:150px;
top:510px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown6{
width:153px;
position:absolute;
left:150px;
top:544px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown7{
width:153px;
position:absolute;
left:150px;
top:574px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown8{
width:153px;
position:absolute;
left:150px;
top:610px;/* this sets the top of the flyout  */
height:95px;
z-index:5;
visibility:hidden;
}