body { font: 12px/150% Helvetica; background: #f4f4f4 url(gfx/bg.gif) top center repeat-y;}
a { color: #003366; text-decoration: none; padding: 2px;}
a:hover { color: #003366; background-color:#f4f4f4;}

#content   { background-color: #f4f4f4; margin: 50px auto auto; width: 700px; height: auto }
.titlebar {width: 700px; height: auto; background-color: #ffffff; font-family:Arial, Verdana; text-align: right; padding-bottom: 1em; margin-right: 10px;}
.text { width: 430px; height: auto; background-color: #ffffff; text-align: justify; padding: 0px; margin:0px; margin-right: 20px; color: #607080; float: left;}
.sidebar { width: 200px; height: auto; background-color: #f4f4f4; margin-right: 0px; float: right; text-align: left; }
.about { width: auto; padding: 1px; background-color: #f4f4f4; text-align: center;}
.footer { width: 430px; text-align: center; font-family: Helvetica; font-size: 9px; margin: 0px; margin-top: 80px; }

.titlebar p.slogan { font-size: 9px; font-family: Arial, Verdana; margin: 0px; margin-top:3px;}
.text p.title { font-size: 18px; text-align: left; padding-bottom: 3px; padding-top: 3px; color: #a52a2a; padding-right: 5px; margin-bottom: 10px; font-family: Helvetica;}
.sidebar li  { list-style-type: none; text-align: left; }
.titlebar h2  { color: #002233; font-family: Arial, Verdana; font-size: 26px; font-weight: bold; font-style: italic; text-transform: lowercase; margin: 0; }
.text p.content { color: #A52A2A; font-size: inherit;}
.text h2 { color: #e3e3e3; font-size: 12px; text-transform: uppercase; font-weight: bold;  margin: 0px;}
.text p.date { color: #607080; font-size: 8px; font-weight: lighter; font-family: Helvetica; text-align: right; margin: 0px;}
.sidebar h2 { color: inherit; font-size: 10px; font-weight: lighter; font-family: Helvetica; text-transform: uppercase;}
.footer a:link { color: #e3e3e3; font-size: inherit;}

#block { float: left; padding: 16px; font-family: Verdana, Arial, sans-serif; background-color: #FFFFCA; color: #607080;}

