/* CSS Document */

body {		
	width: 600px;
	margin: 0px;
	padding: 0px;
	border: 0;
	line-height: 1em;
	}

#header {
	height: 27px;
}

#content {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 600px;
	height: auto;
	background: url(../graphics/menu_bak.gif) no-repeat top right;
	}

* html body#brain #content {
	width: 600px;
}
/*--HACK
prop class is used to create min-height effect in browsers that don't support min-height attribute. documentation: http://www.greywyvern.com/code/min-height-hack--*/

.prop {
	height: 480px;
	float: right;
	width: 1px;
  }

/*---END HACK--*/
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h2#kids_logo {
	float: left;
	display: block;
	position: relative;
	margin: 18px 0px 0px 7px;
	width: 50px;
	height: px;
}

h2#kids_logo img {
	vertical-align: top;
}

h1#logo {
	display: block;
	position: relative;
	margin: 0px 0px 0px 63px;
	width: 193px;
	height: 128px;
}

h1#logo img {
	vertical-align: top;
}

div#eyes {
	width: 98px;
	height: 36px;
	margin: 0px 0px 0px 63px;
	padding: 0;
}

div#eyes {
	vertical-align: top;
}

#content.menu ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

#content.menu ul#three-four li#this34 {
	position: absolute;
	top: 83px;
	left: 310px;
	width: 146px;
	height: 22px;
}

#content.menu ul#three-four li#this34 img {
	vertical-align: top;
}

#content.menu ul#three-four li#last34 {
	position: absolute;
	top: 105px;
	left: 310px;
	width: 146px;
	height: 36px;
}

#content.menu ul#three-four li#last34 img {
	vertical-align: top;
}

#content.menu ul#five-six li#this56 {
	position: absolute;
	top: 174px;
	left: 278px;
	width: 89px;
	height: 40px;
}

#content.menu ul#five-six li#this56 img {
	vertical-align: top;
}

#content.menu ul#five-six li#last56 {
	position: absolute;
	top: 214px;
	left: 278px;
	width: 89px;
	height: 49px;
}

#content.menu ul#five-six li#last56 img {
	vertical-align: top;
}

#content.menu ul#seven-eight li#this78 {
	position: absolute;
	top: 185px;
	left: 404px;
	width: 146px;
	height: 36px;
}

#content.menu ul#seven-eight li#this78 img {
	vertical-align: top;
}

#content.menu ul#seven-eight li#last78 {
	position: absolute;
	top: 225px;
	left: 404px;
	width: 87px;
	height: 53px;
}

#content.menu ul#seven-eight li#last78 img {
	vertical-align: top;
}

#content.menu div#archive {
	position: absolute;
	top: 69px;
	left: 489px;
	width: 71px;
	height: 78px;
}

#content.menu div#archive img {
	vertical-align: top;
}

#content.menu div#directions {
	position: absolute;
	top: 301px;
	left: 54px;
	width: 107px;
	height: 97px;
}

#content.menu div#directions img {
	vertical-align: top;
}

#content.menu div#ala {
	position: absolute;
	top: 408px;
	left: 416px;
	width: 184px;
	height: 72px;
}

#content.menu div#ala img {
	vertical-align: top;
}

#content.menu div#ala_text {
	position: absolute;
	top: 400px;
	left: 402px;
	padding: 0px;
	text-align: center;
	width: 14em;
}

#content.menu div#ala_text span.ala_bg {
	background-color: #330066;
}

#content.menu div#ala_text h1 {
	font-family: myriad-semibold, myriad, sans-serif;
	font-size: 14px;
	line-height: 1em;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content.menu div#ala_text p {
	font-family: myriad-semibold, myriad, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 1.4em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}