html, body {margin:0px; padding:0px; background:#fff; color:#333; font-family:Arial,sans-serif; font-size:100%;}
img {border:0px;}
a {color:#006699;}
a:hover {color:#f00;}

/* The header and footer */
#header {width:800; height:222px;}
#header h1 {background:url(../images/header.gif) no-repeat; width:800; height:222px; margin:0px;}
#header h1 span {display:none;}

#footer {color:#555; font-size:0.75em; padding:10px; text-align:right;}

/* This bit does all the work */
#container {position:relative; display:block; background:#fff; border-left:200px solid #111/*eee*/; border-right:200px solid #fff;}
#inner {display:block; margin-left:-200px; margin-right:-200px; padding:0px; background:url(../images/side-curve.gif) 0px 0px no-repeat;}
#left {float:left; position:relative; width:190px; left:0px; padding:3px;}
#right {float:right; position:relative; width:190px; right:0px;}
#center {margin-left:200px; margin-right:200px; position:relative; display:block; height:1%; padding:5px;}
.clear {clear:both;}

#left h2 {border-bottom:1px solid #ccc;color:#fff;}

#menu {margin:0 0 0 5px;}
#menu, #menu ul {border-left:1px dotted #ccc; list-style:none; margin-left:10px; padding-left:5px;}
#menu ul {border-left:0 none;}
#menu li {padding:1px 0;}
#menu a {color:#fff;}
#menu a:hover {padding-left:7px;}

h1, h2, h3, h4, h5, h6, h7 {font-family:Verdana; color:#FF0000;}
h3 {background:#000; border-top:1px solid #ddd; border-bottom:1px solid #ccc; padding:2px 5px;}
h3:hover {background:#ddd;}
h3 a {text-decoration:none; display:block; color:#FF0000;}

.note {font-size:0.8em;}

.important-info {background:#f33; color:#fff; font-size:1.3em; padding:15px; text-align:center;}
.important-info a {color:#fff;}