/* this is the master css we will use for styling */

#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}

/* color changes text color and change background-color for a box effect */
#test{
	color: #9B976B;
	background-color:#2D2D2D;
}
#test:hover {
	background-color: black;
}

#section {
    width:650px;
    float:none;
    padding:20px;	
	margin-top: 20px;
	margin-left: 20%;
	font-size:18px;
	align:center;
	margin: auto;
    width: 60%;
    padding: 30px;
}
#section1 {
    width:650px;
    float:none;
    padding:20px;	
	margin-top: 20px;
	margin-left: 20%;
	font-size:18px;
	align:center;
    border: 3px solid #73AD21;
}
#credentials {
    width:1200px;
    float:left;
    padding:10px;	
	margin: 10px;
    font-size:18px;
}

#footer {
    background-color:#000000;
    color:white;
    clear:both;
    padding:5px;	 	 
    text-align:center;
    font-size:16px;
}
#nav {
    line-height:30px;
    height:38px;
    width:1050px;
    float:left;
    padding:25px;	
    font-size:14px;
    color:#C00000;
    background-color:#2D2D2D;
    padding:0 17px;	
	margin-left: 5%;
}

 ul.navlink{
padding:2px 0 21px 0;
margin:0;
float:left;
width:1050px;
display:block;
text-align:center;
border:0px solid #73AD21;
list-style-type: none;
}
ul.navlink li{
float:left;
width:auto;

}
ul.navlink li a{
font-size:12px;
line-height:29px;
color:#9B976B;
background-color:#2D2D2D;
padding:0 17px;
display:block;
}
ul.navlink li a:hover, ul.navlink li a.active{
color:#928F8F;
background-color:#161616;