* {
 margin: 0px;
 padding: 0px;
}

body {
 background-color: #ffffff;
 color: #555555;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 height:100%;
}

.container_body {
 position: absolute;
 left: 50%;
 top: 0px;
 height: 100%;
 width: 800px;
 margin-left: -400px;
 background-color: #ffffff;
 border: solid 0px #000000;
}

.content_body {
 position: absolute;
 left: 0px;
 top: 40px;
 height: auto;
 width: 800px;
 border: solid 0px #000000;
}

.content_links1 {
 position: absolute;
 left: -6px;
 top: 0px;
 height: 500px;
 width: 400px;
 border: solid 2px #99cdff;
}

.content_links2 {
 position: absolute;
 left: 410px;
 top: 0px;
 height: 500px;
 width: 400px;
 border: solid 2px #ff9933;
}

.content_logo1 {
 position: absolute;
 left: 80px;
 top: 8px;
 height: 464px;
 width: 223px;
}

.content_logo2 {
 position: absolute;
 left: 80px;
 top: 8px;
 height: 464px;
 width: 223px;
}

.global_1 {
 display: block;
 width: 223px;
 height: 464px;
 background-image: url(../images/start_doolittle.jpg);
 background-repeat: no-repeat;
 border: solid 10px #ffffff;
}

.global_1:hover {
 color: #003466;
 text-decoration: none;
 border: solid 10px #99cdff;
}

.global_2 {
 display: block;
 width: 223px;
 height: 464px;
 background-image: url(../images/start_frogs.jpg);
 background-repeat: no-repeat;
 border: solid 10px #ffffff;
}

.global_2:hover {
 color: #003466;
 text-decoration: none;
 border: solid 10px #ff9933;
}