body{
background-color:#444;
font-family:Trebuchet MS,Lucida Sans Unicode, Arial;
font-size:12px;
margin:0px 0px 0px 0px;
color:#555;
}

.content{
height:420px;
margin-left:150px;
background-color:#1b36a1;
border-left:1px solid #eee;
padding:20px;
font-size:1.2em;
background:url(hanna_front.jpg); 
background-repeat:no-repeat;
background-position:top right; 
background-color:#FFFF58; 
overflow: scroll;
}

p {
padding:2px 2px 2px 2px;
}

a{
color:#999;
text-decoration:none;
}

a:hover{
text-decoration:none;
font: italic bold;
}

.thecontainer{
width:100%;
margin:5% 0px 10% 10%;
position:relative;
background-color:#444;
}

.thebox{
width:90%;
position:relative;
background-color:#fff;
}

.thebox_80{
width:80%;
position:relative;
background-color:transparent;
}


.logo{
color:#FFFF58;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:250px;
font-size:4.5em;
text-align:right;
background:url(ballons1.jpg) no-repeat #1b36a1;
}

.logo a{
color:#FFFF58;
}

.logo p{
font-size:14px;
text-align:right;
}

.scroller{
font-size:12px;
text-align:left;
overflow:scroll;
width:70%; 
height: 150; 
border: 1px gray solid; 
padding:0px; 
margin: 0px;
}

.header{
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
list-style-type:none;
font-size:1.4em;
background-color:#444;
}

.thepicture{
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
}

.header li{
display:inline;
padding:0px 10px 0px 10px;
}
.header li a{
color:#aaa;
text-decoration:none;
}
.header li a:hover{
color:#ccc;
text-decoration:none;
}

.footer{
position:relative;
text-align:right;
font-size:1em;
color:#ccc;
background-color:#444;width:100%;
}
.footer a{
color:#eee;
}
.side{
float:left;
margin:10px 20px 50px 10px;
font-size:1.25em;

}
.side a{
color:#555;
font-size:1.05em;
}

.content_center{
margin:50px 20px 20px 20px;
text-align:center;
font-size:2.00em;
width:60%;
}

h2{
font-size:1.4em;
color:#888;
}

h4{
font-size:1.1em;
}