body {
background:#ffff;
font-family:Verdana, Tahoma, Arial, Sans-serif; font-size:11px;
overflow:auto;

}
h1,h2,h3
{padding-left:0%;
color:#ffff;}

p{
padding:2%;
color:#333439;
}

img{
text-align:center;
max-width:100%;
height:auto;
width:auto;
}

#wrapper{
margin:0 auto;
max-width:1020px;
width:98%
background:#fff;
border:10px solid #C2230E;
border-radius:2px;
box-shadow:0  0  10px 0px rgba(12, 3, 25, 0.8);
}
#callout {
      width: 100%;
      height: auto;
      background: #FD0F03;
      overflow: hidden;
}

#callout p {
text-align: right;
font-size: 13px;
padding:0.1% 5% 0 0;
color: #F1FOD1;
}

#callout p a {
color:#F1FOD1;
text-decoration: none;
}


header {
width: 96%;
min-height:25px;
padding: 5px;
text-align:center;
}


.border img{
width: 100%;
border-top:1px solid #CD0F0F;
border-bottom:1px solid #CD0F0F;

}

clearfix{
clearboth;
}

.left-col{
width: 55;
float: left;
margin: -2% 1% 1% 1% ;

}

.sidebar{
width: 40;
float: right;
margin: 1% ;
text-align: color;

}

.scholarship {
float:left;
margin: 0 auto;
width: 100%;
height: auto;
padding: 1%;
}

.section {
width: 29%;
float: left;
margin: 2% 2%;
text-align: center;
}


footer {
background: #FD0F03;
width:100%;
overflow:hidden;
}

footer p, footer h3{
color: #F1F0D1;
}

footer p a {
color: #F1F0D1;
text-decoration: none;
}

ur {
list-style-type: none;
margin: 0;
padding: 0;
}

Ul li img{
height:30px;
}

.button{
 text-decoration:none; 
 text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#40c73b; 
 background-image: -moz-linear-gradient(top, #40c73b 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #40c73b 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #40c73b 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #40c73b 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #40c73b 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }
nav ul {
list-style: none;
margin: 0;
padding-left:50px;
}
nav ul li {
     float: left;
    border; 1px Solid #878E63;
    width: 12%;
}
nav ul li a{
    background:#fff;
display: block;
padding:5% 12%;
font-weight: bold;
font-size: 18px;
color: #7E7D78;
text-decoration: none;
text-align: left;
}

nav ul li a:hover,  nav ul li.active a{
background-color:#fff;
color:#040101;

}


li {
display:inline;
}

/*----------------------MEDIA!!!---------------*/
@media screen and (max-width:478px){
nav {

width: 100%;
margin-bottom: 10px;
}

nav ul {
list-style: none;
margin: 0 auto;
padding-left: 0;

}

nav ul li {
text-align: center;
margin: left: 0 auto;
width: 100%;
border-top: 1px solid #878E63;
border-right: 0px solid #878E63;
border-bottom: 1px solid #878E63;
border-left: 0px solid #878E63;

}

nav ul li a {
padding: 8px 0;
font-size: 16px;
}

body
{font-size: 13px;

}

}

@media screen and (max-width:740px){



.left-col {
width: 100%;
}

.sidebar {
width: 100%;
}

.section {
float:left;
width: 100%;
margin: 0;
}

}
}