body { font-family: Courier New; padding: 0; margin: 0; background: #dbd3d0;} img { border: 0; } a {color: #009cdf;} #container { margin: 0 20px; padding: 0; } #header { float: left; display: inline; width: 100%; margin: 0; padding: 16px 0 0 0; background: url(../img/header.jpg) no-repeat 0 20px;} #header #home { width: 285px; float: left; display: inline; height: 100px;} #header #menu {padding: 0 0 0 0; margin: 65px 0 16px 0px; list-style: none; height: 28px; width: 500px; float: left; display: inline;} #header #menu li { padding: 0; margin: 0 0 0 0; font-size: 12px; color: black; white-space: nowrap; font-weight: bold; display: block; float: left; height: 28px;} #header #menu li.last { padding: 0 0 0 0; margin: 0 0 0 0; font-size: 12px; color: black; font-weight: bold; float: left;} #header #menu li a {display: block; float: left; padding: 12px 4px 2px 4px; font-size: 10px; color: black; font-weight: bold; text-align: center; text-decoration: none; color: black} #header #menu li input {display: block; float: left; border: 0; width: 100px; font-size: 10px; height: 14px; margin: 12px 0 0 4px; padding: 0;} #header #menu li form {display: block; float: left; border: 0; width: 100px; margin: 0; padding: 0;} #header #menu li.active { display: block; float: left;} #header #menu li.active a {font-size: 10px; color: black; font-weight: bold; text-decoration: none;} #main { float: left; display: inline; margin: 0; padding: 0;} #wrapper_1 {float: left; display: block; width: 288px; border: solid 0px pink; margin-bottom: 30px;} #wrapper_2 {float: left; display: block; width: 288px; border: solid 0px green; margin-bottom: 30px;} #wrapper_3 {float: left; display: block; width: 288px; border: solid 0px yellow; margin-bottom: 30px;} #wrapper_4 {float: left; display: block; width: 288px; border: solid 0px pink; margin-bottom: 30px;} #wrapper_5 {float: left; display: block; width: 288px; border: solid 0px green; margin-bottom: 30px;} #wrapper_6 {float: left; display: block; width: 288px; border: solid 0px yellow; margin-bottom: 30px;} #main div.wrapper_576 { width: 576px; } #main .item_288 { float: left; display: block; padding: 0 0px 0 0px; margin: 0; width: 288px; background: url(../img/item_288_background.jpg); } #main .item_288 h2 {float: left; display: block; color: #2d9fd1; font-weight: bold; font-size: 13px; height: 20px; width: 278px; padding: 0px 0 0px 10px; margin: 0;} #main .item_288 img { float: left; display: block; width: 260px; margin: 0 0 0 10px;} #main .item_288 .embed { float: left; display: block; width: 260px; margin: 0 0 0 10px;} #main .item_288 a { display: block; float: left; color: black; font-weight: normal; font-size: 11px; font-weight: bold;} #main .item_288 h3 {color: black; font-weight: bold; font-size: 14px; padding: 6px 0 0 0px; margin: 0;} #main .item_288 em {display: block; color: black; font-weight: normal; font-size: 9px; padding: 6px 0 6px 0px; margin: 0;} #main .item_288 p {float: left; display: block; display: block; font-weight: normal; font-size: 11px; width: 258px; margin: 12px 20px 0 10px; padding: 0;} #main .item_288 p a {display: inline; float: none; } #main .item_288 img.visual_blogs { float: left; display: block; margin: 0 0 6px 0; } #main .item_288 span {color: #009cdf; float: left; display: block; display: block; font-weight: normal; font-size: 11px; width: 278px; margin: 10px 0 0 10px; padding: 0;} #main .item_288 span a {color: #009cdf; font-size: 11px; text-decoration: none; font-weight: normal; display: inline; float: none;} #main .item_288 span a:hover {text-decoration: underline; } #main .item_288 .item_header {display: block; color: black; background: url(../img/item_288_header.jpg) no-repeat; height: 20px; width: 288px; font-size: 1px;} #main .item_288 .item_footer {clear: both; background: url(../img/item_288_footer.jpg) no-repeat; height: 20px; width: 288px; font-size: 1px;} #main .item_576 { float: left; display: block; padding: 0 0px 0 0px; margin: 0; width: 576px; background: url(../img/item_576_background.jpg); } #main .item_576 h2 {float: left; display: block; color: #2d9fd1; font-weight: bold; font-size: 13px; height: 20px; width: 278px; padding: 0px 0 0px 10px; margin: 0;} #main .item_576 img { float: left; display: block; width: 550px; margin: 0 0 0 10px;} #main .item_576 a { display: block; float: left; color: black; font-weight: normal; font-size: 11px; font-weight: bold;} #main .item_576 h3 {color: black; font-weight: bold; font-size: 14px; padding: 6px 0 0 0px; margin: 0;} #main .item_576 em {display: block; color: black; font-weight: normal; font-size: 9px; padding: 6px 0 6px 0px; margin: 0;} #main .item_576 p {float: left; display: block; display: block; font-weight: normal; font-size: 11px; width: 558px; margin: 12px 20px 0 10px; padding: 0;} #main .item_576 p a {display: inline; float: none; } #main .item_576 img.visual_blogs { float: left; display: block; margin: 0 0 6px 0; } #main .item_576 span {color: #009cdf; float: left; display: block; display: block; font-weight: normal; font-size: 11px; width: 578px; margin: 10px 0 0 10px; padding: 0;} #main .item_576 .item_header {display: block; color: black; background: url(../img/item_576_header.jpg) no-repeat; height: 20px; width: 576px;} #main .item_576 .item_footer {clear: both; background: url(../img/item_576_footer.jpg) no-repeat; height: 20px; width: 576px;} #main #visual { width: 570px; float: left; display: block; } #main #project { width: 960px; float: left; display: block; padding: 0 0px 0 0px; margin: 0 0 10px 0; background: white url(../img/top.jpg) no-repeat 0 0;} #main #project ul {list-style: none; width: 300px; margin: 0 0 0 0; padding: 0 0 0 0;} #main #project ul li { float: left; display: block; margin: 0 8px 0 0; padding: 0 0 0 0;} #main #project ul li a {color: black; font-size: 13px; text-decoration: none; font-weight: bold;} #main #project ul li a:hover {color: #2d9fd1;} #main #project h1 {color: #2d9fd1; font-size: 13px; width: 300px; float: left; display: block; margin: 20px 360px 4px 20px; padding: 0 0 0 0;} #main #project h2 {color: #2d9fd1; font-size: 13px; width: 300px; float: left; display: block; margin: 0 360px 0 0; padding: 0 0 0 0;} #main #project p { width: 470px; font-size: 13px; float: left; display: block; margin: 0 0 0 0; padding: 0 190px 4px 20px;} #main #project #tags { width: 260px; color: black; font-size: 13px; float: left; display: block; margin: 0 0 0 0; padding: 0 0 0 0;} #main #project #tags span { color: #009cdf; font-size: 11px; } #main #project #tags span a {color: #009cdf; font-size: 11px; text-decoration: none; font-weight: normal; display: inline; float: none;} #main #project #tags span a:hover {text-decoration: underline; } #main #project #project_footer { width: 960px; height: 14px; font-size: 1px; clear: both; background: url(../img/bottom.jpg) no-repeat;} #main #visuals { width: 1000px; display: block; margin: 0 0 20px 0;} #main #visuals .image { float: left; display: block; margin: 0 10px 10px 0; padding: 0; } #main #visuals .embed { float: left; display: block; margin: 0 10px 10px 0; padding: 0; } #main #copyright {width: 960px; clear: both; display: block; font-size: 11px; margin: 0px; padding: 30px 0 12px 0;} #main #about { font-size: 11px; padding: 0; width: 170px; float: left; display: block; margin: 0 10px 10px 0; background: white url(../img/top.jpg) no-repeat right top;} #main #about #about_footer { width: 170px; height: 14px; font-size: 1px; clear: both; background: url(../img/bottom.jpg) no-repeat;} #main #about h1 {font-size: 13px; margin: 0px;padding: 12px 20px 0 10px; color: #009cdf;} #main #about p {font-size: 11px; margin: 0px; padding: 2px 20px 0 10px;} #main #route { font-size: 11px; padding: 0; width: 470px; float: left; display: block; padding: 0 0px 0 0px; margin: 0 0 10px 0; background: white url(../img/top.jpg) no-repeat 0 0;} #main #route #route_footer { width: 470px; height: 14px; font-size: 1px; clear: both; background: url(../img/bottom.jpg) no-repeat;} #main #route h1 {font-size: 13px; margin: 0px; padding: 12px 20px 0 10px; color: #009cdf;} #main #route p {font-size: 11px; margin: 0px; padding: 2px 20px 10px 10px;} #main #route img {font-size: 11px; margin: 0px; padding: 2px 10px 0 10px; float: left; display: block;} #main #news {height: 300px; overflow: auto; float: left; display: block; width: 268px;} #main #news h3 { font-size: 11px; margin: 0px; padding: 2px 0 0 10px; width: 240px; } #main #news p { font-size: 11px; margin: 0px; padding: 2px 0 0 10px; width: 240px; } #main #news p a { margin: 0px; float: none; display: inline; color: #009cdf; text-decoration: none; } #main #news p span { color: red; margin: 0px; float: none; display: inline;} #main #news p a :hover { margin: 0px; float: none; display: inline; color: #009cdf; text-decoration: underline; } #main #news .spacer { margin: 0; padding: 10px 0 6px 10px; float: none; display: block; font-size: 10px; clear: both;} /* #main #login {width: 400px; margin: 0 0 10px 250px; padding: 0} #main #login h1 {color: white; font-size: 13px;} #main #login p {color: white; font-size: 13px;} #main #content {width: 250px; float: left; display: block; margin: 25px 0 0 0;} #main #content h1 { font-size: 12px; margin: 0; padding: 0; } #main #content p { font-size: 11px; padding: 0 20px 0 0; } #main #content p.intro { font-size: 11px; padding: 0 20px 0 0; } #main #controls #parents { margin: 0 0 0 0; padding: 0; width: 200px; height: 32px; float: left; display: block;} #main #controls #parents li { float: left; display: block; margin: 0; padding: 0; } #main #controls #parents a { text-decoration: none; color: black; font-weight: bold; font-size: 13px;} #main #controls #parents a.active { color: #aedfe5; } #main #controls #navigation { margin: 0; padding: 0; width: 450px; height: 32px; float: left; display: block;} #main #controls #navigation a { text-decoration: none; color: black; font-weight: bold; font-size: 13px;} #main #controls #navigation a img {} #main #content_raster { margin: 22px 0 0 0; float: left; display: block; width: 650px; } #form fieldset { width: 342px; display: block; float: left; border: 0px #d0d7e5 solid; margin: 10px 0px 10px 0; padding: 24px 0px 24px 10px; background: #ee9dab; } #form fieldset p {height: 24px; width: 300px; padding: 3px 10px; margin: 0; display: block; } #form fieldset p.textarea {height: 104px; width: 300px; padding: 3px 10px; margin: 0; display: block; } #form input, #form textarea, #form select {width: 150px; font: normal 11px Verdana; border: solid 1px #c06676; } #form label {display: block; height: 24px; background: none; width: 140px; padding: 0 0 5px 0; float: left; font-size: 11px;} #form .buttons {text-align: right; height: 20px; float: left; width: 290px; } #form .buttons input {background: #c06676; color: white; font-weight: bold; width: 73px; height: 22px; padding: 0px 10px;} #form .buttons input.login {background: #c06676; color: white; font-weight: bold; width: 73px; height: 22px; padding: 0px 10px;} #main #content p.error { color: red; font-size: 11px; } /*