/* CSS Document */

body {
position: float;
background-color: #ccc;
font: 14px 'Lucida Grande', Geneva, Arial, Verdana;
color: black;
margin: 0 0 0 0;
padding: 0;
}

a img {border: none;}
a:link, a:visited {color: #164fa0; text-decoration: none;}
a:hover, a:active {text-decoration: none;}

h1 {
font: 18px 'Lucida Grande', Geneva, Arial, Verdana;
color: white;
text-align: right;
margin: 5px 0 0 0; 
padding: 0;
}

h2 {
font: 24px 'Lucida Grande', Geneva, Arial, Verdana;
color: white;
text-align: center;
margin: 5px 0 0 0; 
padding: 5px 20px;
}

h3 {
font: 18px 'Lucida Grande', Geneva, Arial, Verdana;
color: black;
text-align: left;
margin: 5px 0 0 0; 
padding: 5px 0;
}

#ralign {
text-align: right;
}

#header {
float: left;
display: block;
margin: 0;
padding: 0;
width: 810px;
height: 130px;
background-image: url(images/header.png);
background-repeat: no-repeat;
}

#header-logo {
float: left;
display: block;
margin: 25px 0 0 27px;
padding: 0;
}

#headshadow {
position: absolute;
float: left;
display: block;
margin: 0 0 0 0;
padding: 0;
width: 100%;
height: 130px;
background-image: url(images/headshadow.png);
background-repeat: repeat-x;
z-index: 1;
}


#wrapper {
position: relative;
float: center;
width: 810px;
margin: 0px auto;
padding: 0;
text-align: center;
z-index: 2;
}

#table {
float: left;
width: 810px;
padding: 0 0 5px 0;
margin: 0 8px 0 7px;
}

#menuboxh {
position: relative;
float: left;
height: 260px;
background-color: #fcc;
padding: 0 0 0 0;
margin: 0 5px 0 0;
width: 260px;
display: inline;
text-align: left;
}

#menubox {
position: relative;
float: left;
height: 190px;
background-color: #fcc;
padding: 0 0 0 0;
margin: 0 5px 0 0;
width: 260px;
display: inline;
text-align: left;
}

#menubox a {
padding: 25px 0;
}

#menu {

float: left;
width: 182px;
height: 32px;
margin: 5px 0 0 0;
padding: 0 10px 0 0;
background-image: url(images/tab_b.png);
background-repeat: no-repeat;
text-align: right;
color: white;
vertical-align: middle;
display: inline;
}

#pictureh {
float: left;
height: 260px;
background-color: black;
padding: 0;
margin: 0;
width: 525px;
display: inline;
background-image: url(images/child.png);
}

#picture {
float: left;
height: 190px;
background-color: black;
background-image: url(images/schild.png);
padding: 0;
margin: 0;
width: 525px;
display: inline;
}

#aboutpicture {
float: left;
height: 190px;
background-color: black;
background-image: url(images/aboutchild.png);
padding: 0;
margin: 0;
width: 525px;
display: inline;
}

#credpicture {
float: left;
height: 190px;
background-color: black;
background-image: url(images/credachild.png);
padding: 0;
margin: 0;
width: 525px;
display: inline;
}

#propicture {
float: left;
height: 190px;
background-color: black;
background-image: url(images/prochild.png);
padding: 0;
margin: 0;
width: 525px;
display: inline;
}

#parentpicture {
float: left;
height: 190px;
background-color: black;
background-image: url(images/parentchild.png);
padding: 0;
margin: 0;
width: 525px;
display: inline;
}

#titlebox1 {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 260px;
height: 50px; 
display: inline;
background-color: #00C;
}

#blutitle {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 790px;
height: 50px; 
display: inline;
background-color: #00C;
}

#yeltitle {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 790px;
height: 50px; 
display: inline;
background-color: #fC0;
}

#gratitle {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 790px;
height: 50px; 
display: inline;
background-color: #666;
}

#grntitle {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 790px;
height: 50px; 
display: inline;
background-color: #0c0;
}

#titlebox {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 790px;
height: 50px; 
display: inline;
background-color: #00C;
}

#titlebox2 {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 260px;
height: 50px; 
display: inline;
background-color: #0c0;
}

#titlebox3 {
float: left;
padding: 0;
margin: 5px 5px 0 0;
width: 260px;
height: 50px; 
display: inline;
background-color: #fc0;
}

#box {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 790px;
display: inline;
background-color: #ccf;
}

#yelbox {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 790px;
display: inline;
background-color: #ffc;
}

#grabox {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 790px;
display: inline;
background-color: #ccc;
}

#blubox {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 790px;
display: inline;
background-color: #ccf;
}

#grnbox {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 790px;
display: inline;
background-color: #cfc;
}

#box1 {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 260px;
height: 200px;
display: inline;
background-color: #ccf;
}

#box2 {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 260px;
height: 200px;
display: inline;
background-color: #cfc;
}

#box3 {
float: left;
padding: 0 0 0 0;
margin: 5px 5px 5px 0;
width: 260px;
height: 200px;
display: inline;
background-color: #ffc;
}

#middle {
float: left;
width: 810px;
left: 0;
margin: 0;
background-image: url(images/middle.png);
background-repeat: repeat-y;
}

#content {
float: left;
padding: 0;
margin: 20px 20px;
display: block;
text-align: left;
}



#footer {
font: 10px 'Lucida Grande', Geneva, Arial, Verdana;
text-align: middle; 
color: white;
float: left;
width: 810px;
height: 100px;
top: 0;
left: 0;
background-image: url(images/footer.png);
background-repeat: no-repeat;
}