@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family:raleway
}

#container { 
	width: 960px; 
	margin: auto;	
	text-align:left; 
}

#content-left{
	float:left;	
	width:195px;
	margin-right:5px;
	_margin-right:2px;
}

span {
color:red
}
h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:300px;
float:left;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px;
margin-left:30%;
}
input[type=text],input[type=password] {
width:95%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:100%;
background-color:#578ef1;
color:#fff;
border:2px solid #1fabfd;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-top:8px;
margin-bottom:15px
}
#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}

.submenu2, .submenu1 {border-left: 1px solid #E8E8E8;box-shadow: 2px 2px 3px -1px #888888;}
.submenu1 > li > a {padding-left: 20px;}
.submenu1 .separate:not(:last-child) {border-bottom: 1px solid #E8E8E8;}
.submenu2 {background-color: white;left: -999999px;min-width: 100%;position: absolute;top: 0;}
.submenu2 > li > a {padding-left: 20px;padding-right: 20px;}
.submenu1 > li:hover > span ~ .submenu2, .submenu1 > li:hover > a ~ .submenu2 {left:199px;}