html { background: #e7e7e7 url(../graphics/background.gif) repeat-x left 27px; }

body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: url(../graphics/body.gif) no-repeat center 27px; min-height: 665px; #min-height: 655px; }
* html body { height: 665px; }

img { border: 0; }

h1, h2 { font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 220%; margin-top: 0; }
h2 { font-size: 170%; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

#wrapper { width: 900px; #width: 901px; margin: 0 auto; background: white; }

#header { position: relative; height: 275px; background: url(../graphics/header.jpg); }

#logo { position: absolute; top: 60px; left: 27px; }

#navigation { position: absolute; bottom: 51px; right: 90px; }
#navigation ul { margin: 0; padding: 0 0 0 1px; list-style-type: none; background: url(../graphics/navlink_border.gif) no-repeat; height: 23px; }
* html #navigation ul { position: absolute; top: -22px; right: 0; }
#navigation li { float: left; background: url(../graphics/navlink_border.gif) no-repeat top right; height: 23px; padding-right: 1px; }
#navigation li a { float: left; padding: 0 14px; height: 23px; line-height: 23px; color: #392c67; text-decoration: none; font-size: 130%; }
#navigation li a:hover { background: url(../graphics/navlink_hover.gif) repeat-x; }
#navigation .nav_active a, #navigation .nav_active a:hover { background: url(../graphics/navlink_active.gif) repeat-x; }

#main { padding: 0 30px 15px; }

#footer { background: #8477b0; }
#footer p { margin: 0; color: white; font-size: 90%; padding: 0 30px; height: 40px; line-height: 40px; }
#footer p.left { float: left; }
#footer p.right { float: right; }
#footer p a { color: white; }