body {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #000066;
color : #000000;
margin : 0;
padding : 0;
text-align : center;
}
h1 {
font-size : 160%;
background-color : #ffffff;
color : #000066;
margin : 0 0 15px 0;
padding : 0;
}
h2 {
font-size : 120%;
background-color : #ffffff;
color : #000066;
margin : 0;
padding : 0;
}
#wrapper {
width : 770px;
background-color : #0099ff;
color : #000066;
margin : 10px auto;
text-align : left;
border-right : 1px solid #000066;
border-bottom : 1px solid #0099ff;
}
#banner {
height : 100px;
background-color : #ffffff;
color : #000000;
border-top : 1px solid #0099ff;
border-left : 1px solid #0099ff;
}
#banner img {
float : left;
border : 0;
}
#tagline {
position : relative;
left : 40px;
font-size : 130%;
font-weight : bold;
top : 35px;
}
#nav {
border-bottom : 3px solid #ff9900;
border-top : 1px solid #ffffff;
border-left : 1px solid #0099ff;
}
#nav ul {
padding : 0;
margin : 0;
background-color : #000066;
color : #ffffff;
}
#nav ul li {
display : inline;
}
.padding15 {
padding : 0 15px 0 15px;
font-weight : bold;
border-right : 1px solid #ffffff;
background-color : #ff9900;
color : #000066;
text-align : center;
width : 9em;
font-size : 90%;
}
#nav ul li a {
background-color : #000066;
text-decoration : none;
padding : 0 15px 0 15px;
font-size : 90%;
color : #ffffff;
text-align : center;
width : 9em;
font-weight : bold;
border-right : 1px solid #ffffff;
}
#nav ul li a:hover, #nav ul li a:focus {
background-color : #ffffff;
color : #000066;
}
#leftcol {
float : left;
width : 183px;
background-color : #0099ff;
color : #ffffff;
padding : 8px;
text-align : right;
}
#leftcol p a {
font-weight : bold;
text-decoration : none;
background-color : #0099ff;
color : #000066;
}
#leftcol p {
margin-top : 10px;
}
#leftcol p a:hover, #leftcol p a:focus {
color : #ffff00;
background-color : #0099ff;
}

#leftcol ul {
padding : 0;
margin: 0;
font-size : 90%;
font-weight : bold;
color : #ffffff;
text-align : right;
list-style-type:none;
}

#leftcol li {
padding : 0 0 8px 0;
}

#leftcol li a{
color : #FFFFFF;
text-decoration:none;
}


#leftcol ul li a:hover, #nav ul li a:focus {
color : #000066;
text-decoration:underline;
}


.leftcoldetail {
font-size : 80%;
background-color : #0099ff;
color : #ffffff;
font-weight : bold;
}

.door {
font-size : 150%;
background-color : #ffffcc;
color : #000066;
font-weight : bold;
}
.door2adulthood {
font-size : 100%;
background-color : #ffffcc;
color : #000066;
font-weight : bold;
}
#content {
margin-left : 200px;
font-size : 90%;
background-color : #ffffcc;
color : #000000;
padding : 20px;
}
#content .top {
font-size : 70%;
text-decoration : none;
background-color : #ffffcc;
color : #0000ff;
}
#content .top:hover {
text-decoration : underline;
}
#content .subdisc {
font-style : italic;
}
#content h1 {
background-color : #ffffcc;
color : #000000;
}
#content h2 {
background-color : #ffffcc;
color : #000000;
}
#content .dates {
font-size : 60%;
}
#content ol li {
padding : 5px 0;
}
#content ul li a {
background-color : #ffffcc;
color : #0000ff;
text-decoration : none;
}
#content ul li a:hover, #content ul li a:focus {
background-color : #ffffcc;
color : #0000ff;
text-decoration : underline;
}
.centerimage {
margin-top : 10px;
margin-right : 10px;
margin-bottom : 10px;
margin-left : 30px;
}
#footer {
background-color : #ffffff;
color : #000000;
font-size : 60%;
text-align : center;
padding : 5px;
border-top : 1px solid #0099ff;
}
#leftcol .more {
font-size : 70%;
font-weight : normal;
background-color : #0099ff;
color : #000066;
}
#leftcol .more:hover {
text-decoration : underline;
}
.image {
padding : 10px;
float : left;
}