html
{	height: 100%;
}

body
{	background: #BEE9FC;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: arial;
}

#content
{	background: #BEE9FC url("../imgs/back.jpg");
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	min-height:		550px;
}

h1
{	color: #FF9C00;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2
{	color: #04125D;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h3
{	margin: 0;
	padding: 0;
}

p
{	margin: 0;
	padding: 0;
}

a
{	color: #04125D;
	text-decoration: none;
	font-size: 16px;
}

a:hover
{	color: red;
}

#head
{	background: white url("../imgs/headbottom.jpg") repeat-x bottom;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 800px;
	height: 107px;
	position:	relative;
}

#head img
{	position:	absolute;
}

#logoleft
{	width: 129px;
	height: 107px;
	margin: 0;
	padding: 0;
	left:	0;
	z-index:	11;
}

#logoglass
{	width: 86px;
	height: 107px;
	margin: 0;
	padding: 0;
	left:	140px;
	z-index:	9;
}

#logokid
{	margin: 0;
	padding: 0;
	left:	50%;
	margin-left:	-174px;
	z-index:	10;
}

#logoright
{	margin: 0;
	padding: 0;
	right:		0;
	z-index:	12;
}

#spacer
{	margin: 0;
	padding: 0;
	position:	relative !important;
}

#menubox
{
	margin: 0;
	padding: 0;
	width: 132px;
	min-height: 100%;
	z-index: 20;
	float: left;
}

#menufill
{	position: absolute;
	top: 375px;
	left: 0px;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	height: 9000px;
	width: 127px;
	z-index: 20;
}

#menu
{	background-repeat: no-repeat;
	position: auto;
	top: 0;
	margin: 0;
	padding: 60px 0 0 0;
	width: 132px;
	height: 316px;
	z-index: 300;
}

#menu ul
{	margin: 0;
	padding: 0 18px 0 0;
	list-style: none;
	position:	relative;
	_position:	absolute;
	z-index:	500;
}

#menu ul li 
{	position: relative;
	padding: 5px 0 5px 0;
}

#menu ul li ul li
{	position: relative;
	padding: 0;
}
	
#menu ul li ul
{	position: absolute;
	top: 5px;
	left: 132px;
	width: 140px;
	margin: 0 0 0 -18px;
	display: none;
	z-index: 20;
}


#menu ul li a
{	color: #3D4E87;
	display: block;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	text-align: right;
}

#menu ul li a:hover
{	color: red;
	text-decoration: none;
}


#menu ul li ul li a
{	background:	#AAE2FF;
	width: 132px;
	color: #3D4E87;
	text-align: left;
}

#menu ul li ul li a:hover
{	color: red;
}

/* Holly Hack. IE Requirement \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul, #menu li.over ul 
{	display: block;
	width: 150;
	height: 20px;
} /* The magic */

#main
{	background-repeat: repeat-y;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0 0 50px 0;
	z-index: 10;
}

#contentbox
{	margin: 10px 0 0 132px;
	padding: 0;
}

#outerbox
{	position: relative;
	padding: 0;
	width: 99%;
	height: 162px;
}

#boxes
{	position: relative;
	padding: 0;
	width: 618px;
	height: 162px;
}

#boxes h2
{	color: white;
	font-size: 24px;
	font-weight: normal;
}

#boxes h3
{	color: white;
	font-size: 14px;
}

#boxes p
{	font-size: 12px;
}

#boxes a
{	display: block;
	color: white;
	text-decoration: none;
}

#boxes a:hover
{	color: white;
	/* text-decoration: underline; */
}

#products
{	background: url("../imgs/featured.jpg") no-repeat;
	position: relative;
	overflow: hidden;
	margin: 10px 10px 0 0;
	padding: 5px 5px 5px 10px;
	width: 217px;
	height: 142px;
	color: white;
	float: left;
}

#productcontainer
{	background: url("../imgs/orangedrop.gif") no-repeat;
	display: block;
	padding: 0;
	width: 217px;
	height: 142px;
	line-height: .9;
	font-size: 12px;
}

#productcontainer p
{	margin: 5px 0 0 0;
}

#productpic
{	border: none;
	width: 100px;
	height: 95px;
	margin: -3px 2px 0 -5px;
	float: left;
}

#news
{	background: url("../imgs/news.jpg") no-repeat;
	position: relative;
	margin: 10px 0 0 10px;
	padding: 5px 5px 5px 10px;
	width: 347px;
	height: 142px;
	color: white;
	float: left;
}

#news h2
{	color: white;
}

.articlecontainer
{	background: url("../imgs/bluedrop.gif") no-repeat;
	display: block;
	padding: 0 0 5px 20px;
	width: 330px;
	line-height: .9;
	font-size: 12px;
}

.drop
{	width: 15px;
	height: 29px;
	float: left;
}

#factpage p 
{	position: relative;
	top: 0;
	width: 98%;
	margin: 15px 0 0 10px;
	padding: 0;
	color: #04125D;
}

#facts 
{	position: relative;
	top: 0;
	width: 98%;
	margin: 10px 0 0 0;
	padding: 0;
	color: #04125D;
}

#facts h2
{	font-size: 24px;
	font-weight: normal;
}

#facts a
{	color: #04125D;
	/* text-decoration: underline; */
}

#facts p
{	margin: 0 5px 15px 25px;
	font-size: 12px;
}

#menubottom
{	position: relative;
	left: 0;
	bottom: 47px;
	margin: 0 0 -47px 0;
	z-index: 50;
}

#foot
{	background: url("../imgs/footfill.jpg");
	position: relative;
	bottom: 0;
	width: 100%;
	height: 25px;
	margin: 0;
	z-index: 20;
}

#foothead
{	position: relative;
	top: -52px;
	left: 160px;
	color: red;
	font-size: 20px;
}

#footcontent
{	position: absolute;
	top: 5px;
	right: 5px;
	color: #04125D;
	font-size: 12px;
	float: right;
}

#footcontent a
{	color: #04125D;
	font-size: 12px;
}

#footcontent a:hover
{	color: red;
}

#copyright
{	display: inline;
	color: #0D77B2;
	font-size: 12px;
}

#address
{	display: inline;
	color: #19ADFF;
	font-size: 12px;
}

#prop
{	margin: 0;
	padding: 0;
	position: relative !important;
	width: 1px;
	/* height: 400px; */
	height: 500px;
	float: right;
}

#back
{	margin: 0 10px 0 0;
	float: right;
}

.clear
{	clear: both;
}