/* CSS Document */
* { margin:0; padding:0; }
body { background:url(../images/kids/nav.jpg) top center no-repeat; }
/*basic page structure...*/
div#pageHolder {
	margin:0 auto;
	width:750px;
}
div#gNav {
	height:35px;
	
}
div#branding {
	height:225px;
	background:url(../images/kids/logo.jpg) bottom left no-repeat;
}
div#navHolder {
	height:248px;
	background-position:center bottom;
	background-repeat:no-repeat;
}
/*faces navigation...structure...*/
div#navHolder ul {
	margin-left:50px;
	list-style-type:none;
}
div#navHolder li {
	float:left;
}
div#navHolder a {
	display:block;
	height:212px;
}
div#navHolder a span {
	display:none;
}
div#navHolder a:link, div#navHolder a:visited {
	background-position:top center;
	background-repeat:no-repeat;
}
div#navHolder a:hover {
	background-position:bottom center;
}
/*faces navigation...specifics...*/
div#navHolder li.events a {
	width:160px;
	background-image:url(../images/kids/events.jpg);
}
div#navHolder li.showcase a {
	width:162px;
	background-image:url(../images/kids/showcase.jpg);
}
div#navHolder li.schools a {
	width:156px;
	background-image:url(../images/kids/schools.jpg);
}
div#navHolder li.problem a {
	width:164px;
	background-image:url(../images/kids/problem.jpg);
}
/*bubble spout position...*/
div#navHolder.events {
	background-image:url(../images/kids/content_top_event.jpg);
}
div#navHolder.showcase {
	background-image:url(../images/kids/content_top_showcase.jpg);
}
div#navHolder.schools {
	background-image:url(../images/kids/content_top_schools.jpg);
}
div#navHolder.problem {
	background-image:url(../images/kids/content_top_problem.jpg);
}
div#bubbleContent {

	background:url(../images/kids/bg_content.jpg) top center repeat-y;
}
	div#bubbleContent div.contentHolder {  /*  this gives a buffer for the content inside the bubble...  */
		margin:0 80px;
	}
div#bubbleBottom {
	height:53px;
	background:url(../images/kids/content_bottom.jpg) top center no-repeat;
}
/*NAVIGATION*/
div#gNavHolder {
	width:100%;
	padding-top:4px;
	text-align:left;
}
	div#gNavHolder ul {
		list-style-type:none;
		margin:0; padding:0;
	}
	div#gNavHolder li {
		display:inline;
		margin:0 20px;
	}
	div#gNavHolder li a {
		color:#ff0;
		letter-spacing:1px;
		text-transform:uppercase;
		font-size:.6em;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	div#gNavHolder li a:hover {
		text-decoration:underline;
	}
/*  positioning tools...  */
.floatRight { float:right; }
/*link of the day*/
a#linkDay {
	width:100%; height:80px;
	display:block;
}
	a#linkDay p {
		margin:0 50px 0 350px;
		padding-top:30px;
		font-size:18px;
	}
	a#linkDay:link, a#linkDay:visited{
		color:white;
		text-decoration:none;
		background:url(../images/kids/linkOfTheDay.jpg) top center no-repeat;
	}
	a#linkDay:hover {
		background:url(../images/kids/linkOfTheDay.jpg) bottom center no-repeat;
	}
/*BRANDING IMAGE HOLDER - rotation image in top right of page branding...*/
div#brandingImgHolder {
	width:340px;
	float:right;
	margin-top:25px;
	text-align:center;
}
	div#brandingImgHolder p {
		margin:10px;
		font-weight:bold;
	}
	div#brandingImgHolder img {
		border:3px solid #002F5A;
	}
/* */
h1 {
	color:darkblue;
	font-size:x-large;
}
h2 {
	color:darkblue;
	font-size:large;
}
p {
	line-height:1.4em;
	margin-top:15px;
}
.floatRight {
	float:right;
}	
/*SHOWCASE*/
div.showcase img {
	border:3px solid darkblue;
}
/* */
.question {
	color:darkblue;
	font-weight:bold;
	font-size:medium;
	}

.problem_title {
	color:darkblue;
	font-weight:bold;
	font-size:medium;
	font-style:italic;
	}

ul.problems {
	margin-left:20px;
	font-size:small;
}