body, td { color: #444; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
body { background: url(images/bg.gif) repeat-x top center #fff; margin: 0; padding: 0; }
h1 { color: #3f0101; font-size: 20px; margin: 35px 0; padding: 0; font-weight: bold; text-align: center; }
h2 { font-size: 17px; margin: 10px 0; padding: 0; font-weight: bold; text-align: center; }
p { margin: 10px 0; padding: 0; }
fieldset { margin: 10px 0; padding: 10px; border-color: #3f0101; }
legend { color: #3f0101; font-style: italic; margin: 0 0 0 11px; padding: 2px 5px; }
dl { width: auto; overflow: hidden; margin: 5px 15px; padding: 0; }
dt, dd { float: left; margin: 0; padding: 0; } 
dt { clear: both; width: 100px; font-weight: bold; line-height: 25px; }
dd { width: 300px; }
dd input { width: 300px; font-size: 11px; margin-bottom: 8px; }
dd input.button { width: auto; font-size: 12px; font-weight: bold; }

.hr { border-top: 1px dashed #a7a2a2; height: 1px; line-height: 1px; font-size: 1px; margin: 15px 0 14px 0; padding: 0; }
input.button { background: url(images/btn.gif) repeat-x center center #3f0101; color: #fff; border: 1px solid #000; }
input.button:hover { background: #3f0101; }

#centered { margin: 0 0 0 -375px; padding: 0 0 0 50%; }
#header { margin: 0; padding: 0; position: relative; background: url(images/header.jpg) no-repeat top center; width: 750px; height: 165px; }
#nav { position: absolute; bottom: 3px; left: 10px; padding: 0; margin: 0; width: 730px; height: 28px; list-style: none; }
* html #nav { bottom: 2px; }
#nav li { float: left; margin: 0; padding: 0; }
#nav li a { color: #666; text-decoration: none; font-weight: bold; display: block; width: auto; height: 28px; text-align: center; line-height: 28px; padding: 0 17px; border-right: 1px solid #fff; font-size: 12px; }
* html #nav li a { padding: 0; width: 100px; }
#nav li.last a { border-right: none; }
#nav li#current a,
#nav li a:hover { background: url(images/btn.gif) repeat-x center center #3f0101; color: #fff; }
#nav li#current a { cursor: default; }
#main { position: relative; width: 750px; min-height: 350px; background: url(images/main.gif) no-repeat top center; margin: 0 0 30px 0; padding: 0; }
#footer { position: absolute; bottom: -28px; left: 0; width: 750px; height: 16px; background: url(images/main.gif) no-repeat bottom center; margin: 0; padding: 1px 0 11px 0; text-align: center; color: #666; font-size: 10px; line-height: 16px; }
#content { position: relative; margin: 0 35px; padding: 5px 0 10px 0; }

fieldset#home_signup { margin: 10px 105px; }

a {font-weight:bold; }

a.boldbuttons{
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}
a.boldbuttons span{
background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}