@charset "UTF-8";
/* CSS Document */

/*HOME PAGE*/
#image
{
	width: 100%;
}
#image ul {
	margin-top: 4px;
}
#image img
{
	width: 100%;
}

#links
{
	width: 100%;
	background-color: green;
}
#text
{
	padding: 10px;
}

header .nav-collapse ul li {
	text-align: right;
	font-size: 16px;
	border-right: solid 1px #fff;

}
header 
{
	min-height:60px;
	margin-top: 0px;
	/*padding-top: 25px;*/
	padding-bottom: 2px;
	background-color: #000;
	/*rule for gradient background*/
	background: -webkit-linear-gradient(black, #333, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#333 #999, #333); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#333 #999, #333); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#333 #999, #333); /* Standard syntax */
}
/*taken from responsive-nav.css. The original display was block*/
.nav-collapse li a{
	display: inline;
	padding: 20px;
}
header .nav-collapse ul li a{
	color: white;
	padding: 20px;
	}
	.nav-collapse li a:hover{
	color: #ff3333;
	padding: 10px;
	padding: 20px;
}
.box
{
	width: 28%;
	height: 360px;
	margin: 2%;
	background-color: #333;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	float: left;
	border-radius: 10px;
}
.box p
{
	margin-left: 10px;
	margin-rigth: 10px;
}
#boxes p img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#boxes p
{
	color: #ffffff;
}
footer 
{
	clear: both;
}
header ul li img
{
	float: right;
	padding-right: 70px;
	padding-top: 0px;
}

/*SIDE PAGES*/
#sidepagetext
{
	width: 95%;
	margin: 3%;
	float: left;
}
#sidepagetext p img
{
	padding-right: 10px;
	padding-bottom: 5px;
	border-radius: 10px;
}
h1
{
	margin-bottom: 25px;
}
h2
{
	margin-bottom: 5px;
	margin-top: 25px;
}
iframe 
{
	margin-right: 30px;
}
.buttons a
{
	color: white;
	padding: 10px;
	margin-right: 2px;
	background-color: #ccc;
	text-decoration: none;
	border-radius: 10px 10px 0px 0px;
}
.buttons a:link
{
	color: white;
}
.buttons a:hover
{
	color: black;
}
.buttons a:active
{
	color: white;
}
.buttons a:visited
{
	color: white;
}
/*buttons of page one*/
.buttonspageon a
{
	color: white;
	padding: 10px;
	margin-right: 2px;
	background-color: black;
	text-decoration: none;
	border-radius: 10px 10px 0px 0px;
}
.buttonspageon a:link
{
	color: white;
}
.buttonspageon a:hover
{
	color: black;
}
.buttonspageon a:active
{
	color: white;
}
.buttonspageon a:visited
{
	color: white;
}
/*entered by Henry for email icon*/
.header_logo{
	float:right;
	margin-left:30%;
	margin-right:5%;
	margin-top:3px;
}
/*fix for table for Student Center page*/
table{
	border:#999 1px solid;
	width: 90%;
	margin-bottom: 20px;
}
th{
	border:#999 1px solid;
	width: 90%;
}
td {
	border:#999 1px solid;
	padding: 4px;
}
.abouttext
{
	clear: both;
	padding-top: 5px;
}
#sidepagetextstudentcenter
{
	width: 60%;
	margin-left: 3%;
	margin-right: 1%;
	float: left;
}
#navstudentcenter
{
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 3%;
}
#twittersidebar
{
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
}
iframe {
    max-width: 100%; 
}
.daterow
{
	background-color: #ccc;
}