body,html{
height:100%; 
background: #302B54 url("images/p2.jpg");

background-size: 200%;
  no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:white;
	line-height: 1.4;
	
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
	

}
a {
    color: white;
    margin-left:auto;
    margin-right:auto;
}

a:visited{color:grey;} 
a:hover {color: white;}
a:active {color:white;
text-underline: none; 

}

#container{

width:100%;
height: 100%;
padding:5px;
margin-left:2px;	
}

#content{

height:60%;

}

#announcements{

height:250px;
width:260px;

margin-left:1150px;
margin-right:50px;
border-style: solid;
}

#images{
float:left;
margin-left:200px;

border-bottom:2px;

}

#images2{

margin-left:200px;

}

#first{
margin-left:90px;
float:left;
text-align:left;
width: 700px;
}

}

#footer{
clear:left;
height: 10%;

}
h2{
margin-left:auto;
margin-right:auto;
}
h3{
margin-left:20%;
margin-right:20%;
}

h4{
display: block;

margin-left:28%;
margin-right:auto;

}

#notice{
margin-left:auto;
margin-right:auto;
}

#courses{
margin-left:90px;
float:left;
text-align:left;
width: 700px;
}

#picture{
margin-left:50%;
margin-right:auto;
}

#info{

margin-left:13%;
margin-right:	%
height:70px;
width:900px;
}

#info2{

margin-left:13%;
margin-right:	%
height:70px;
width:900px;
}


#header{
background-image:url("images/bannerf.jpg");

width:1245px;
height:325px;
margin-left:12%;
margin-right:auto;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;

}


#log{

    display: block;
    
    border-bottom:0;
    border-right:0;
    border-left:0;
    border-top:0;
    
margin-left:25%;
margin-right:auto;

}
#login{

margin-left:auto;
margin-right:auto;

}


#nav{
width: 100%;
height:5%;
text-align: center;
font-size:15px;
}