/*************************************/
/** Copyright to GeryJohnson        **/
/** http://geryjohnson.atw.hu       **/
/** email: geryjohnson@hotmail.com  **/
/*************************************/

.body{
width:650px;
height:auto;
padding:15px down;
margin:auto;
}

#menu{
margin:auto;
width:650px;
height:35px;
border:1px solid #CCCCCC;
background-color:white;
}

#menu li{
float:left;
margin-left:5;
padding:0;
list-style-type:none;
}

#menu li a{
border:1px solid #000000;
display:block;
float:left;
margin-left:3;
padding:5px;
text-decoration:none;
list-style-type:none;
font:bold 19px arial;
color:#2875DE;
}

#menu li a:visited{
text-decoration:none;
}
#menu li a:link{
text-decoration:none;
}

#menu li a:hover{
background-color:#CCCCCC;
border:1px solid #CCCCCC;
color:black;
}

/******************/
/**** DropDown ****/
/******************/

#menu div{
position:absolute;
width:150px;
height:210px;
visibility:hidden;
margin-top:38;
padding:0;
color: #2875DE;
border:1px solid #CCCCCC;
background-color:white;
}

#menu div a{
width:149px;
height:30;
border: 1px solid #CCCCCC;
font:18px Arial;
text-decoration:none;
position:relative;
float:left;
margin-left:0;
margin-top:2;
margin-bottom:2;
padding:0;
color:#2875DE;
text-align:left;
}

#menu div a:hover{
background-color:#CCCCCC;
margin-left:15;
width:134px;
color:#111111;
}