*{
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
}
*:focus {outline:0;}
body{
	background-image:url("../images/bkgrd_rand.png");
}

    /*Header background*/
header {
	background-color: darkblue; 
	padding:20px 0 20px 0;
	width:100%;
	height:125px;
	text-align:center;
	border-radius:5px;
}

    /*Name Image in Header*/
header a img#Name{
    float:left;
	height:65%;
	padding-bottom:15px;
}

    /*Logo in Header*/
header a img#Logo{
    float:right;
    height:100%;
	margin-right:10px;
	padding-bottom:10px;
}

    /*Navigation Blue Line*/
.Nav_line{
	height: 1px;
	border: none;
	background: #41b2e6;
    width:75%;
    float:left;
}

h1{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #696969;
}

p{
	color: #696969;
}

#container{
	width:65%;
	margin:0 auto;
	background:white;
    margin-top: 2em;
	padding-top:1em;
}
.percentInput {
    border: 1px inset #ccc;
}
.percentInput input {
    border: 0;
}

#gradeList{
	text-align:center;
}

#gradeList li{
	list-style:none;
}
.gradeInput{
	text-align:center;
}
.gradeInput input{   
	width: 49%;
	border:none;
    font-size: 3em;
}
.grade{
	width: 50%;
    border: none;
	font-size: xx-large;
}
#buttonContainer{
	text-align: center;	
    padding-bottom: 1em;
}
.listBtn{
	width: 50%;
    padding: 0.5em;
    cursor: pointer;
    background: white;
    border: none;
    font-size: 2em;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
#checkBtn{    
	cursor: pointer;
    width: 100%;
    padding: 1em;
    border: none;
    background: #f7f7f7;
    font-size: 2em;
    border-bottom: 1px solid black;
}
#checkBtn:hover{
	background: #ebebeb;
}

#msgOutput{    
    margin: 2em;
    border: 5px solid #d0d0d0;
    text-align: center;
    padding: 1.75em;
    background: white;
    font-size: 2em;
}
#removeInputBtn{
    background: #ffeaea;	
}
#addInputBtn{
    background: #e8ffe8;	
}
#removeInputBtn:hover{
    background: #f7c4c4;	
}
#addInputBtn:hover{
    background: #b3fcb3;	
}

    /*footer containing copywrite info*/
footer {
	font-size:small; 
	background-color:darkblue;
	font-family: Arial, sans-serif;
	color:white;
	width:98%;
	padding:1%;
	text-align:center;
	border-radius:5px;
	float:right;
}