/* @override http://brainy.dev.archermalmo.com/html/style/style.css */ 

html, body {
	background-image: url(../images/bg.png);
	background-color: #03049b;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:#fff;
	height:100%;
}

a { color: #c4e7ff; }

.clearfloats {
	width: 100%; 
	overflow: hidden;
}

p { 
	margin: 0 0 1em 0; 
	font-size:13px; 
	line-height:18px; 
	font-weight:bold;
}

h1 { 
	font-size:24px;
}
h1.gallery {
	font-weight:normal; 
	margin-right:105px;
	}

h2 { 
	font-size:18px;
	line-height:24px;
	color:#fff;
	font-weight: normal;
	margin:0 0 1em 0;
}

h3 { 
	font-size:15px;
	line-height:18px;
	color:#f6e363;
	margin:0 0 1em 0;
}


.main {
	/*background: url(../images/bg_gradient.png) no-repeat center top;*/
	margin: 0 auto 0 auto; 
	width: 950px;
	padding-bottom: 0px;
}

.masthead {
	position: relative; 
	width:950px;
	border:0px solid #0f0;
}

.content {
	padding-top: 175px;
	border:0px solid #f0f;
}
.logo {
	background: url(../images/logo.png) no-repeat center top;
	width: 181px;
	height: 86px;
	text-indent: -999px; 
	overflow: hidden;
	margin-top: 38px;
	margin-left: 0;
}


/* START Navigation elements */
.nav {
	position: absolute;
	top: 0;
	left: 0; 
	width:865px;
	margin:0 45px 0 45px;
	border:0px solid #f0f;
}
.nav ul, .nav ul li {
	list-style: none; display: inline;
}
.nav ul li {
	float: left;
	color: #fff;
	font-size: 14px;
	margin:0 0 0 10px;
	font-weight: bold;
}
.nav ul li a {
	color: #fff;
	text-decoration: none;
	display: block; 
	outline:none;
}
.nav ul li a:hover {
	color: #f6e363;
}

.nav ul li.on a, .nav li.on a:visited {
	color:#f6e363;
}

.nav ul li a span {
	 position: absolute; left: -999em;
}

a.brainysworld {
	background: url(../images/hdr_nav.png) no-repeat;
	background-position: -65px 0px;
	width: 177px;
	height: 122px; 
}
a.brainysworld:hover {
	background-position: -65px -200px;
}

a.home,a.homeOn {
	background: url(../images/hdr_nav.png) no-repeat;
	background-position: -260px 0px;
	width: 64px;
	height: 122px;
}
a.home:hover {
	background-position: -260px -200px;
}
a.homeOn {
	background-position: -260px -400px;
}

a.galleryNav, a.galleryNavOn {
	background: url(../images/hdr_nav.png) no-repeat;
	background-position: -333px 0px;
	width: 125px;
	height: 122px;
}
a.galleryNav:hover {
	background-position: -333px -200px;
}
a.galleryNavOn {
	background-position: -333px -400px;
}

a.tipsNav, a.tipsNavOn {
	background: url(../images/hdr_nav.png) no-repeat;
	background-position: -470px 0px;
	width: 143px;
	height: 122px;
}
a.tipsNav:hover {
	background-position: -470px -200px;
}
a.tipsNavOn {
	background-position: -470px -400px;
}

a.statsNav, a.statsNavOn {
	background: url(../images/hdr_nav.png) no-repeat;
	background-position: -622px 0px;
	width: 166px;
	height: 122px;
}
a.statsNav:hover {
	background-position: -622px -200px;
}
a.statsNavOn {
	background-position: -622px -400px;
}

a.contactNav, a.contactNavOn {
	background: url(../images/hdr_nav.png) no-repeat;
	background-position: -797px 0px;
	width: 82px;
	height: 122px;
}
a.contactNav:hover {
	background-position: -797px -200px;
}
a.contactNavOn {
	background-position: -797px -400px;
}



a.flash:link, a.flash:visited, a.flash:active {
	background: url(../images/txt_flash.png) no-repeat;
	width: 134px;
	height: 94px; 
}
a.flash:hover {
	background: url(/html/images/txt_flash_over.png) no-repeat;
}

a.html:link, a.html:visited, a.html:active {
	background: url(../images/txt_html.png) no-repeat;
	width: 134px;
	height: 94px; 
}
a.html:hover {
	background: url(/html/images/txt_html_over.png) no-repeat;
}




/* END Navigation elements */



/* START Chalkboard stuff */


.chalkboard {
	width: 700px;
	color: #fff;
 	position: relative; 
	top:0;
	left:70px;
	border:0px solid #f33;
	margin:0px;
	padding-bottom:145px;
}

h1.welcome {
	 background: url(../images/hdr_welcome.png) no-repeat 0 0; 
	 width:344px; 
	 height:23px;
}
h1.welcome span {
	 position: absolute; left: -999em;
}

/*.cb-b, .cb-c, .cb-d {
	background-color: #936324;
	position: absolute;
	height: 538px;
	width: 8px;
	top: 34px;
	left: -9px;
	z-index: 1;
}
.cb-c {
	left: 667px;
}
.cb-d { height: 20px;
	width: 668px;
	top: 394px;
	background-color: #f00;
	left: -1px;
	z-index: 0;
}*/

.chalkboard li {
	font-size: 13px;
}
.chalkboard h1{
	color: #f6e363; 
	margin: 0; 
	padding: 0; 
	font-weight: normal;
	font-size: 24px;
}
	
.chalkboard a {
	color: #c4e7ff;
}
.trainyourbrain {
	position: absolute;
	top: 0;
	left: 360px;
}
.cb-a {
	border: 0px solid #b27525;
	/*background-image: url(../images/bg_chalkboard.jpg);*/
	margin-bottom: 0px;
	padding-top: 0;
}
.intro {
	margin: 0;
	width: 350px;
	padding-bottom:35px;
}
.funpages {
	margin: 0;
	width: 190px; 
	overflow: hidden;
	float: left;
}
.fp1, .fp2 {
	display: block;
	background: url(../images/ill_funpages.png) no-repeat;
	width: 82px;
	padding-top: 95px;
	float: left;
	font-size: 12px; 
	font-weight:bold; 
	text-align:center;
	margin-right:5px;
}
.fp2 {
	background: url(../images/ill_funpages.png) no-repeat -90px 0;
	
}
.lessonplans {
	float: left;	
	width: 184px;
}
.events {
	float: left;	
}
.events li, .events ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
.events li {
	margin: 0 0 1em 0;
}

ul.starlist, ul.starlist li {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
ul.starlist li {
	margin: 0 0 .5em 0;
	background: url(../images/li-img_star.png) no-repeat 0 3px;
	padding-left: 24px;
	font-size:12px; font-weight:bold;
}
ul.starlist li.odd {
	background: url(../images/li-img_star.png) no-repeat 0 -843px;	
}

.facebook {
	background: url(../images/ill_facebook.png) no-repeat;
	width: 104px;
	position: absolute;
	top: 165px;
	left: 370px;
	z-index: 1;
}

.facebook a {
	color: #03049b; 
	display: block;
	padding-top: 78px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 11px;
	color: #03049b;
}

.brainy {
	position: absolute;
	top: 48px;
	left: 559px;
	z-index: 2;
}
/*.ground {
	height: 341px;
	width: 100%;
	position: absolute;
	top: 568px;
	left: 0;
	z-index: 0;
	background: url(../images/ill_ground.png) center 0;
}*/

/* END Chalkboard stuff */


/* START Photo gallery */

.photos {
	padding: 0 0 0 95px; 
	width: auto; 
	overflow: hidden;
}
.photos img {
	border: none; 
	margin: 0 0 0 3px;
}

.photos a {
	display: block;
	margin: 0 0 25px 3px;;
	width:60px;
	/*float: left;*/
}
/*.photos a:hover { 
	margin: 0px;
	border: 3px solid #5879ff; 
}*/

/* END Photo gallery */

.tips { margin:0 auto 0 auto; width:525px; padding-bottom:100px;}

.tips p, .stats p {
	background: url(../images/art_crossing.png) no-repeat 0 0;
	padding: 0 0 25px 45px;
	margin: 0;	
}

.contact { margin:0 auto 0 auto; width:525px; position:relative;}
p.label { width:150px; float:left;  }

ul.tipsList li { 
	list-style-image:url(../images/art_crossing.png);
	margin: 0 0 15px 0;
	padding: 0;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	}
	
	
.stats{ margin:0 auto 45px 75px; width:525px;}

ul.statsList li {
	list-style:url(../images/art_crossing.png);
	margin: 0 0 10px 0;
	padding: 0;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	}
	
/*Fast Facts*/

.fastFacts { margin:0 50px 0 auto; width:232px; float:right; padding:0 0 9px 0; background: url(../images/hdr_fast-facts_bottom.png) bottom no-repeat;}

.fastFactsTxt { 
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:0 18px 6px 18px;
	margin:0;
	}
.fastFactsTxt p { 
	font-size:12px;
	line-height:15px;
	color:#b6d7ff;
	font-weight:bold;
	}
.fastFactsTxt p.small { 
	font-size:11px;
	color:#fff;
	}
.fastFactsTxt p.hdr { 
	text-transform:uppercase;
	color:#f6e363; 
	margin:0;
	}

/*Fast Facts*/


.error {
	color:#f33;
}

p.small { 
	font-size:11px;
	line-height:15px;
	color:#fff;
	}



#footer { 
	position:relative;
	font-size:11px;  
	color:#fff; 
	text-align:right;
	margin:50px 25px 15px 0;
	padding:0;
}

.fullheight {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}

.flashl {
	background: url(../images/ill_flash.png) no-repeat;
	width: 106px;
	height:68px;
	position: absolute;
	top: 293px;
	left: -2px;
	z-index: 1;
}

.flashl a {
	color: #03049b; 
	display: block;
	padding-top: 78px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 11px;
	color: #03049b;
}