html, body { padding: 0; margin: 0; }

body { font-family: arial, verdana, sans-serif; font-size: 75%; background: #395e82; /*#42577e;*/ }

#page { width: 840px; margin: 0 auto; background: #395e82; /*#42577e;*/ }

#top { position: relative; background: url(../images/top.gif) top left no-repeat; height: 386px; }
#content { background: url(../images/content.gif) top left repeat-y; padding: 1px 0 0 0 ; }
#bottom { position: relative; background: url(../images/bottom.gif) top left no-repeat; height: 50px; }

#main { float: left; width: 478px; xxxbackground: #f00; padding: 5px 20px 0px 52px; } /* width: 550px */
#main p { margin: 0 0 1em 0; padding: 0; }
#main ul { margin: 1em 0; padding: 0; }
#main li { margin: 0 0 5px 20px; }

#nav { float: right; width: 239px; border-left: 1px dotted #7fa2c0; list-style-type: none; text-align: right; margin: 5px 0 0 0; padding: 0 50px 0 0; font-weight: bold; } /* width: 290px */
#nav li { padding: 2px; }
#nav li.selected { background: url(../images/nav-on.gif) bottom left repeat-x; }
#nav li a { text-decoration: none; color: #395e82; }
#nav li a:hover { text-decoration: underline; }
#nav li.selected a:hover { text-decoration: none; }

#right { clear: right; float: right; width: 240px; padding: 10px 50px 0 0; text-align: right; }
#right a img { border: none; }

#top #banner { position: absolute; top: 45px; left: 13px; width: 811px; height: 254px; }
#top h1 { position: absolute; top: 350px; left: 52px; font-size: 150%; margin: 0; padding: 0; }

#bottom p { margin: 0; padding: 10px 0 0 52px; font-size: 80%; color: #fff; }
#bottom p a { color: #fff; text-decoration: none; }
#bottom p a:hover { text-decoration: underline; }

.clear { clear: both; }