@charset "utf-8";

@media screen{
}

body { 
  font-family: 'Open Sans', sans-serif;
  color: #041e42;
}

body,td,th {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #FFFFFF;
}
h1 {
	font-size: 36px;
	color: #FFFFFF;
}
h2 {
	font-size: 16px;
	color: #FFC72C;
}

/* STRUCTURE */

#pagewrap {
	padding: 1px;
	width: 100%;
	padding: 5px 15px;
	margin: 1px auto;
}

#content {
	width: 290px;
	float: left;
	padding: 5px 15px;
	margin:0px 5px 5px 5px;
}

#middle {
	width: 290px;
	float: left;
	padding:5px 15px;
	margin:0px 5px 5px 5px;
}

#right {
	width: 290px;
	padding: 5px 15px;
	float: left;
	margin: 0px 5px 5px 5px;
}

/* for 700px or less */
@media screen and (max-width : 725px ){

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
	}
	
	#right {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

}


#content {
	background: #041e42;
}
#middle {
	background: #041e42;
}
#right {
	background: #041e42;
}
#content, #middle, #right {
	margin-bottom: 8px;
}