html {
background-color: #6666FF;
}
.banner {
background-color:#00FFFF;
color:#2E2EFE;
font-size:25px;
width:400px;
padding-right:15px;
padding-left:15px;
border:2px solid #FFFFFF;
}
ul li a:link, ul li a:visited{
color: #6600FF;
border-bottom: none;
font-weight: bold;
width: 350px;
}
ul li selected{
background-color: #99FFCC;
}
body {
background-color: #7fffd4;
color:#B8B6F7;
font-family:'Poiret One', cursive;
}
.box2 {
width: 1300px;
height: 415px;
border: 0px solid #61A8E3;
}
.dropdown_menu {
background: #61A8E3;
padding:0px;
margin:0px;
list-style-type:none;
height:48px;
}
.dropdown_menu li {
float: left;
}
.dropdown_menu li a {
padding: 11px 30px;
display: block;
color: #ffffff;
text-decoration: none;
font-family: 'Poiret One', cursive;
font-size: 25px;
}
.dropdown_menu ul {
position: absolute;
left: -100px;
top: -100px;
list-style-type:none;
}
.dropdown_menu li:hover{
position: relative;
background: #61A8E3;
}
.dropdown_menu li:hover ul {
left:0px;
top:40px;
background: #61A8E3;
padding:0px;
margin-right:100px;
width:175px;
}
.dropdown_menu li:hover ul li a {
display:block;
width: 100px;
text-indent:15px;
background:#61A8E3;
}
.dropdown_menu li:hover ul li a:hover {
background: #61A8E3;
}
#link a:link {
text-decoration:none;
color:white;
}
#link a:visited {
color:white
}
#link a:hover {
color:white;
text-decoration:underline;
}
.box3 {
width:200px;
height:40px;
border:0px solid #61A8E3;
}
.box4 {
width:1210px;
height:300px;
border: 6px solid #61A8E3;
}
/*navigation bar*/
ul {
text-align:center;
background-color:white;
width:1800px;
margin:5px 5px 5px 5px;
list-style:none;
padding:5px;
font:kevin;
font-size:22px;
border:2px solid #61A8E3;
}
ul li{
display:inline;
padding: 5px;
}