@CHARSET "UTF-8";

body { background: url('../img/info/background.png') top left repeat-x; background-color: #FFCC66; padding: 0; margin:0; font-family: Verdana; font-size: 13px;}

#top-menu {position: relative; height: 123px; }
#logo {position: absolute; top: 0px; left: 30px;}
#logo img, #logo-bottom img { border: 0; }

#top-menu ul { position: absolute; left: 230px; top: 5px; margin: 0; padding: 0; list-style: none; }
#top-menu ul li { float: left; font-size: 11px; }
#top-menu ul li a { text-decoration: none; color: #666666; font-size: 8.5pt; font-family: "Comic sans MS", Verdana; padding-left: 8px; padding-right: 8px; padding-top: 26px; display: block;}
#top-menu ul li a:hover { background: url("../img/info/frog.png") no-repeat top center; }

#heading { position: absolute; top: 79px; left: 236px; }

#content { position: relative; background-color: #CCCCFF; padding-bottom: 15px; }
#content .bottom-image { position: absolute; left: 30px; }

#contact { position: absolute; margin-top: 10px; margin-left: 20px; width: 200px; font-size: 11px; font-weight: bold; }
#contact h2 { margin: 0; padding: 0; font-size: 15px; margin-left: 20px; margin-bottom: 15px;}
#contact .delimiter { background-color: white; height: 5px; font-size: 1px; margin: 10px; }

#text {margin-left: 230px; width: 400px; background-color: white; padding: 10px; padding-right: 100px; position: relative;}

#penguin { position: absolute; right: -40px; top: 240px; }

#bottom-line { font-size: 1px; height: 30px; background-color: white; }

#footer { padding-left: 20px; color: #666666; margin-top: 5px; width: 700px; font-size: 8pt;}