*
{

margin:0px;
padding:0px;
}


.container
{
width:100%;

}
.wrapper
{
width:900px;

margin:auto;
}
.dark
{
 background-color:red;
color:white;
}
.light
{
background-color:#222755;
}
#top_left
{
display:inline-block;

}
#top_right
{ 
float:right;
}
 #top_div
{
height:40px;
line-height:40px;
}
#c_left
{
display:inline-block;


}
#c_right
{
float:right;
margin-top:50px;
}
#textstyle
{
height:30px;
border-radius:8px;
}
#button
{
background-color:green;
color:white;
padding:7px;
border-radius:8px;
width:70px;
border:1px solid green;
}
#clear
{
clear:both;
}
ul
{
}
ul li
{
width:170px;
display:inline-block;
height:35px;
line-height:35px;
text-align:center;
}
ul li a
{
color:white;
text-decoration:none;
display: block;


}
ul li a:hover
{
background-color:orange;
color:black;
}