@charset "utf-8";



body{

background:black;

}


#container{

background:#ff66cc;

width:900px;

margin:auto;

padding:5px;

font-family:"Courier New", Courier, monospace;

height:100%;

}


#header{

border-top:15px solid black;

border-bottom:15px solid black;

color:white;

background: #cc3399;

width:890px;

margin:auto;

margin-bottom:20px;

padding:5px;

}

#header h2{

text-align:right;

}

#navbar{

color:black;

width:200px;

float:left;


}

#navbar h1{

font-weight:bold;

font-size:large;

background-color:black;

color:white;

border-top: 10px solid #cc3399;

border-left: 10px solid #cc3399;

}


#navbar ul{

margin:0;

padding:0;

}


#navbar li {

list-style-type:none;

border-top: 10px solid black;

border-left: 10px solid black;



background: #cc3399;

margin: 15px;

padding:2px;

color:black;


}

#navbar li:hover {

list-style-type:none;

border-top: none;

border-left: none;

border-bottom: 10px solid black;

border-right: 10px solid black;


}


#navbar a{

text-decoration:none;

font-style:normal;

font-weight:bold;

color:black;

}


#content{

border:20px solid #cc3399;

background:#ff77cc;

color:black;

margin-left:225px;

padding:5px;


}

#content h2 a{

t-decoration:none;

font-style:normal;

font-weight:bold;

color:black;

}