body { background: #777777; font-family: verdana; text-align: center; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

.clear { clear: both; }
.center { display: block; margin-left: auto; margin-right: auto }

.plus1 { position: relative; margin: 0 auto; max-width: 758px; padding-bottom: 5px; }

.header { position: relative; margin: 0 auto; text-align: left; max-width: 758px; background: #FFFFFF url('images/h2.gif') no-repeat; }
.header h1 { position: absolute; color: #fff3ec; right: 10px; top: 23px; font-size: 21px; margin: 0; }
.header ul { position: absolute; left: 100px; top: 30px; margin: 0; padding: 0; }
.header li { float: left; list-style: none; margin: 0 10px 0 0; font-family: verdana; color: #fff3ec; font-size: 12px; }
.header ul li a { color: #fff3ec; }
.header ul li a:hover { color: #e3baa1; }
.header .tagline { font-family: verdana; position: absolute; color: #D7D7D7; left: 100px; top: 53px; font-size: 10px; }

.page_wrapper { margin: 0 auto; text-align: left; max-width: 758px; background: #FFFFFF; }
.page { position: relative; padding: 10px 10px 20px 10px; line-height: 18px; font-size: 12px; }
.page h2 { position: relative; color: #a63b06; font-size: 18px; margin-top: 0; }
.page a { color: #a63b06; }
.page a:hover { color: #7b2900; }

.page .learning_row1 { float: left; padding-left: 140px; }
.page .learning_row2 { float: left; padding-left: 80px; }
.page .circuits_row1 { float: left; padding-left: 15px; }
.page .circuits_row2 { float: left; padding-left: 15px; }
.page .circuits_row3 { float: left; padding-left: 15px; }

.footer_wrapper { margin: 0 auto; text-align: left; max-width: 758px; height: 55px; background: #FFFFFF url('images/f1.gif') repeat-x; clear: both; }

.footer { position: relative; color: #FFFFFF; padding: 16px 10px 10px 10px; font-size: 10px; }
.footer .copyright { float: right; text-align: right; }
.footer a { color: #FFFFFF; }

.image-circuit { border: 1px #ab4100 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 1px; }

.table { background-color: #fffcfa; border: 1px solid #ffeedc; margin: 0 auto; }
.table td { padding: 5px; }
.table-shaded { background-color: #ffeedc; text-align: center; }



/* PHONES */
@media screen and (max-width: 480px)
{
	.header { max-width: 758px; text-align: center; background-position: 0 10px; }
	.header img { display: none; }
	.header h1 { position: initial; color: #000; float: none; text-align: center; padding-bottom: 10px; }
	.header .tagline { display: none; }
	
	.header ul { position: initial; margin: 0 auto; }
	.header ul li { display: inline-block; float:none; margin: 0 0 5px 0; }
	.header ul li a { }
	
	
	.page .learning_row1 { float: none; padding-left: 0; }
	.page .learning_row2 { float: none; padding-left: 0; }
	.page .circuits_row1 { float: none; padding-left: 0; }
	.page .circuits_row2 { float: none; padding-left: 0; }
	.page .circuits_row3 { float: none; padding-left: 0; }
	
	.footer { text-align: center; }
	.footer .copyright { float: none; text-align: center; }
	.footer a { color: #FFFFFF; }

}