@charset "UTF-8";

/* Layout Medium Screens */

header { 
	height: 200px; 
	background: url(../images/tsf/header_medium.png) repeat-x 90% 0px;
}

/*header a.logo { 
	width: 180px;
	height: 156px;
	top: 20px; right: 20px;
	background-image: url(../images/tsf/tsf_logo_medium.png);
}*/

header a.TSF {
	font-size: 1.8em; 
	font-weight: bold; 
	color: #blue; 
	position: absolute;
	top: 10px;
	left: 20px;
	background-color: white;
	padding:5px;
	border-radius: 10px;
	/*top: 170px;
	right: 20px;*/
	z-index: 1;	
	text-decoration: none;
}

.shortField {
	display:inline-block;
	margin-right: 5px;
	width:48%;
}

.grade{
	display:inline-block;
	width:100%
}

.grade label{
	text-align:center;
	display:inline-block;
	width:30%;
	padding-right: 10px;
}

/*lines up with bottom of banner image.  Add margin around the links*/
/*nav { top: 200px; }*/
nav a { margin-right: 20px; }

/*no need of the background image since you can't see it*/
body { background-image: none}