@charset "UTF-8";
*{
margin:0;
padding:0;
}

body{
font-family:'Open Sans',sans-serif;
background-color: #EFEFEF;
}

#nav{
background-color:#000;
font-weight:400;
width:100%;
min-width:1000px;
}

#nav_wrapper{
width:1000px;
margin: 0 auto 0 auto;
}

#nav ul {
list-style-type:none;
padding:0;
margin:0;
position:relative;
}

#nav ul li{
display:block;
float:left;
-webkit-transition: background-color 0.5s;
}

#nav ul li.right{
float:right;
}



#nav ul li:hover{
background-color:#333;
-webkit-transition: background-color 0.5s;
}

#nav ul li a,visited{
font-size:16px;
color:#ccc;
display:block;
padding:15px;
line-height:23px;
text-decoration:none;
}



#nav ul li a.first{
    color:#FFCC00;
   
}

#nav ul li a:hover{
color:#ccc;
text-decoration:none;
}

#nav ul li:hover ul{
display:block;
z-index:3;

}
#nav ul ul {
display:none;
position:absolute;
background-color:#333;
min-width:300px;

}

#nav ul ul li{
display:block;
float:none;
}

#nav ul ul li a,visited{
color:#ccc;
}

#nav ul ul li a:hover{
color:#FFCC00;
-webkit-transition: color 0.5s;
}
/*Here are the styles for the login bar on the nav_before_login page */

#nav input{
    height:14px;
    padding:2px;
    border-radius:2px;
    border:solid 1px #ccc;
    width:150px;
    margin-right:10px;
    font-family:'Open Sans',sans-serif;
}

#nav form#signIn{
    display:block;
    padding:15px;
   float:right;
}

#nav ul form#signIn a.login{
    color:#ccc;
}

#nav ul form#signIn a.login:hover{
    color:#FFCC00;
}

/* here are the styles for the page */
#main_container{
width:1000px;
padding-top:20px;
margin:0 auto 0 auto;
}


.page_title{
font-size:25px;
margin-bottom:20px;
}

.clear{
clear:both;
}