﻿/* 
Sheet Name: For the Children
*/

/* Elements */
* 
{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	background:#fff;
	font-family: Arial;	
	line-height: 1.5em;
	font-size: 10px; /* IE5 Win */
  	font-size: 10px; /* easy scaling */
  	font-size: 0.76em;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:Georgia, Tahoma, Verdana, Arial, Serif;
	font-weight:normal;
	color: #000;	
}
p 
{
	line-height:1.8em;
}

a 
{
	text-decoration: none;
	color:#ff6600;	
}

dl {
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
/* Container */
#container {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 800px;
	background:#fff;
	font-family: Arial;	
}

/* Header */
#header 
{
	background:url(/img/common/header.gif) no-repeat left;
	height:99px;
	width:780px;
	margin:0;
	position: absolute;
	top: 1px;
	left: 47px;
}

/* Nav */
#nav p{
	padding: 10px 0 0 10px;
	font-size: 1em;
	font-variant:small-caps;
}
#nav * 
{
	color:#fff;
}
#nav ul {
	margin: 0 auto;
	padding:0;
	list-style: none;
	position: absolute;
	top: 80px;
	left: 275px;
}

#nav li {
	display: inline;
}

#nav a 
{
	padding:8px 16px;
	text-decoration: none;
	font-size: 1em;
	color:#fff;	
}
#nav a:hover, 
{
	font-variant:bold;
    color:#000099;
}

/* Main */

#main {
	width: 780px;
	margin: 0 auto;
	background:#fff;
}

#main h2 {
	padding: 4px;
	font-size: 1.6em;		
	line-height:1.2em;
	font-variant: small-caps;
	color: #ff6600;
    font-weight: bold; 
}
#main h3 {
	padding: 4px;
	font-size: 1.4em;		
	line-height:1.2em;
	font-variant: small-caps;
	color: #ff6600;
    font-weight: bold;
}
#main h4 {
         padding: 4px;
         font-size: 1.6em;
         line-height:1.2em;
         font-variant: small-caps;
         color: #eee;
}
#main h5 {
         font-size: .9em;
         font-variant: normal;
         color: #333;
         font-style: italic;
}
    
#main h2 a 
{
	border:0;
}
/* Content */

#bodycontent 
{
    float: left;
    position: absolute;
    top: 100px;
    left: 225px;
    width:600px;
    background:#fff;
    margin-right:3px;
    padding-bottom:5px;
    padding-top: 5px;
}
#leftcontent {
    float:left;
    position: absolute;
    top: 100px;
    left: 225px;
    width:410px;
    background:#fff;
    margin-right:3px;
    padding-bottom:5px;
    padding-top: 5px;
}
#rightcontent {
    float:left;
    position: absolute;
    top: 100px;
    left: 640px;
    width:186px;
    height: 360px;
    background:#ffffcc;
    margin-right:5px;
    padding-bottom:5px;
    padding-top: 5px;
}
#bottomcontent 
{
    position: absolute;
    top: 620px;
    left: 215px;
    width: 612px;
    height: 205px;
    border-bottom:2px solid #990000;
}
#bottomcontent .left {
    float:left;
    width:390px;
    height: 205px;
    background:#fff;
    border-right:2px solid #990000;
    border-top:2px solid #990000;
    border-left:2px solid #990000;
    padding: 0px;
    margin: 0px;
    background:url(/img/home/children1_home.gif);
}
#bottomcontent .right {
    float:left;
    left: 394px;
    width:218px;
    height: 185px;
    margin: 0px;
}

/* Sidebar */

#sidebar {
	float: left;
	position: relative;
	top: 100px;
	left: 50px;
	width: 165px;
	height: 740px;	
    background:url(/img/common/sidebg.gif);
    background-repeat: repeat-y;	
}


/* Footer */

#footer {
	float: right;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 827px;
	left: 50px;
	width: 778px;
    height: 40px;
	background:url(/img/common/footerbg.gif);
	background-repeat: no-repeat;
}

#footer p {
	margin: 0;
	padding: 7px;
	font-size: 0.9em;
	color: #fff;	
}
#footer p span 
{
	float:right;
}
#footer a:link, #footer a:visited, #footer p strong {
	color: #fff;
	border:0;
}
#footer a:hover, #footer a:active {
	color: #ff6600;
	text-decoration:none;
	border:0;
}
#BananAlbum {
	z-index: 4;
	position: absolute;
	top: 100px;
	left: 225px;
	width: 50%;
	height: 50%;
}