/* CSS Document */

/* HTML Elements */
* {margin: 0; padding: 0; } /* Resetting all values */

body {
	padding: 20px 0;
	color: #FFF;
	font: normal 12px Tahoma, Verdana, Arial, san-serif;
	background: #FFF url(../images/kids_body_bg.gif) repeat-x;
}

h1 {
	color: #660000;
}
h2 {
	margin: 0 0 5px 0;
	color: #CCC;
}
h3 {
	font: bold 18pt Tahoma, Verdana, Arial, san-serif;
	color: #FFF;
}
h4 {
	font: bold 12pt Tahoma, Verdana, Arial, san-serif;
	color: #FFF;
}

a:link { color: #FFF; font-style: none;}
a:hover { color: #CCC; text-decoration: none; font-style: none;}
a:active { color: #FFF; text-decoration: none; font-style: none;}

p {
	padding: 8px;
	color: #FFF;
}

form {
	
}

img { border: 2px solid #000; }

/* Specific Page IDs */
#container {
	position: absolute;
	left: 50%;
	width: 750px;
	margin: 0 0 0 -375px;
}

h1#logo {
	display: block;
	width: 200px;
	height: 65px;
	background: url(../images/kids_millwood_logo.gif) no-repeat;
}
h1#logo a {
	display: block;
	width: 200px;
	height: 65px;
	text-indent: -10000px;
	background: url(../images/kids_millwood_logo.gif) no-repeat;
}

#header {
	display: block;
	height: 70px;
	background: url(../images/kids_header_bg.gif) no-repeat right;
}

#main {
	display: block;
	margin: 0 0 20px 0;
	background: #90290A;
}
#main div.top {
	display: block;
	width: 750px;
	height: 18px;
	background: #FFF url(../images/kids_main_top.gif) no-repeat;
}
#main div.bottom {
	display: block;
	width: 750px;
	height: 18px;
	background: #FFF url(../images/kids_main_bottom.gif) no-repeat;
}

#content {
	display: block;
	padding: 5px;
}

#kids_box {
	display: block;
	float: left;
	width: 350px;
	margin: 0 0 5px 0;
	padding: 4px;
	text-align: center;
	background: #DEAA62 url(../images/kids_box_bg.gif) no-repeat bottom right;
	border: 3px solid #000;
}
#kids_box h2 {
	height: 62px;
	text-indent: -10000px;
	background: url(../images/kids_title.gif) no-repeat center;
}

#teens_box {
	display: block;
	float: left;
	width: 350px;
	margin: 0 0 0 10px;
	padding: 4px;
	text-align: center;
	background: #de7662 url(../images/teens_box_bg.gif) no-repeat bottom left;
	border: 3px solid #000;
}
#teens_box h2 {
	height: 62px;
	text-indent: -10000px;
	background: url(../images/teens_title.gif) no-repeat center;
}

#activities_box {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 4px 10px;
	background: #de8b62 url(../images/activities_box_bg.gif) no-repeat center top;
	border: 3px solid #000;
}
#activities_box h2 {
	margin: 0 0 0 15px;
	height: 69px;
	text-indent: -10000px;
	background: url(../images/activities_title.gif) no-repeat;
}
#activities_box li {
	margin: 0 0 18px 30px;
	color: #FFF;
	font: bold 18pt Tahoma, Verdana, Arial, san-serif;
	list-style: none;
}
#activities_box img {
	float: right;
	clear: right;
	margin: 0 10px 10px 0;
}
#activities_box div#movie {
	float: right;
	clear: right;
	width: 320px;
	margin: 0 10px 10px 0;
	background: #FFF;
	border: 2px solid #000;
}

#info_box {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 4px 10px;
	background: #de7662 url(../images/teens_box_bg.gif) no-repeat bottom left;
	border: 3px solid #000;
}
#info_box h2 {
	margin: 0 0 0 15px;
	height: 69px;
	text-indent: -10000px;
	background: url(../images/info_title.gif) no-repeat;
}

#newsletter_box {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 4px 10px;
	background: #DEAA62;
	border: 3px solid #000;
}
#newsletter_box h2 {
	margin: 0 0 10px 15px;
	height: 63px;
	text-indent: -10000px;
	background: url(../images/newsletter_title.gif) no-repeat;
}

#picture_box {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 4px 10px;
	text-align: center;
	background: #de8b62;
	border: 3px solid #000;
}
#picture_box h2 {
	margin: 0 0 0 15px;
	height: 69px;
	text-indent: -10000px;
	background: url(../images/pictures_title.gif) no-repeat;
}
#picture_box p {
	text-align: center;
}
#picture_box ul {
	display: block;
	padding: 0 0 0 30px;
	text-align: left;
}
#picture_box li {
	display: inline;
}
#picture_box img {
	margin: 2px;
}

/* Classes */
.important_text {
	font: normal 14px Tahoma, Verdana, Arial, san-serif;
}
