body { margin: 0; padding: 0; border: 0; background-color: #e6f0fa; font: 9pt Verdana, Arial, sans-serif }

table tr td { font: 9pt Verdana, Arial, sans-serif }

h1 { font: 600 20pt Trebuchet MS, Arial, sans-serif; color: #ff6600; display: inline; line-height: 24pt }
h2 { font: bold 12pt Trebuchet MS, Arial, sans-serif; color: #6f8091; letter-spacing: 3px; padding: 4px 0; margin: 0 }
h3 { font: 100 20pt Trebuchet MS, Arial, sans-serif; color: #334455; padding: 6px 0; margin: 0 }
h4 { font: bold 13pt Trebuchet MS, Arial, sans-serif; color: #334455; margin: 0; padding: 6px 10px; background-color: #dce6f0  }
h5 { font: bold 13pt Trebuchet MS, Arial, sans-serif; color: #334455; padding: 0 0 2px 0; margin: 0; border-bottom: solid 1px #ffffff }
h6 { font: bold 11pt Trebuchet MS, Arial, sans-serif; display: inline }
.small { font-family: Verdana, Arial, sans-serif; font-size: 8pt }
.smaller { font-family: Verdana, Arial, sans-serif; font-size: 7pt }

hr { width: 100%; border: 1px; height: 1px; color: #bbccdd; background-color: #bbccdd }
#cal { vertical-align: middle }

#main { width: 800px; margin: 0 auto; text-align: center }
#main1 { width: 785px; height: 12px; background: #ffffff url('images/main-top.gif') no-repeat top; font-size: 6pt }
#main2 { width: 785px; height: 14px; background: #ffffff url('images/main-btm.gif') no-repeat bottom }
#content { width: 763px; background-color: #ffffff; border-left: 1px solid #bbccdd; border-right: 1px solid #bbccdd; padding: 0 10px }
#body { width: 760px; padding-top: 10px }
#foot { font: bold 10pt Trebuchet MS, Arial, sans-serif; color: #6f8091; text-align: center; padding: 6px 0 10px }

#box1 { background-color: #f5faff; border: 1px solid #bbccdd; float: left; width: 175px }
#box2 { background-color: #f5faff; border: 1px solid #bbccdd; width: 549px }
#box3 { background-color: #f5faff; border: 1px solid #bbccdd; width: 529px; padding: 4px 8px }
#box4 { background-color: #f5faff; border: 1px solid #bbccdd; float: right; margin-left: 12px; width: 230px }
#box1 ul, #box2 ul, #box4 ul { margin: 0 6px; padding: 8px 6px; list-style: none }
#box1 li, #box2 li, #box4 li { line-height: 18px }

#head { width: 763px }
#headlt { width: 135px; float: left }
#headrt { width: 627px; float: left }
#headrt1 { height: 30px; background: #6f8091 url('images/nav-tr.gif') no-repeat right; margin: 0 0 1px 1px }
#headrt2 { height: 50px; background: #bbccdd url('images/nav-br.gif') no-repeat right; margin-left: 1px }
#headrt3 { text-align: right; font: bold 13pt Arial, Helvetica, sans-serif; color: #ffffff; padding: 6px 16px 4px 0 }

#menu {	width: 100% }
#menu ul { list-style-type: none; padding: 0; margin: 0 }
#menu li { float: left; width: 90px; background: #556677; font: bold 13pt Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; border-right: 1px solid #ffffff }
#menu li.here { background: #337fe6 }
#menu a { display: block; width: 100%; padding: 6px 0 4px 0; color: #ffffff; text-decoration: none }
#menu a:hover { background: #3366ff; border-bottom: 0px }

#bodylt { float: left; width: 180px }
#bodylt p { padding: 0; margin: 8px 0 }
#bodyrt { float: left; width: 555px; overflow: visible; padding: 6px 0 0 20px; text-align: left; line-height: 16px }

.bl { background: url('images/box-bl.gif') 0 100% no-repeat #ccddee; width: 180px; text-align: left }
.br { background: url('images/box-br.gif') 100% 100% no-repeat }
.tl { background: url('images/box-tl.gif') 0 0 no-repeat }
.tr { background: url('images/box-tr.gif') 100% 0 no-repeat; padding: 8px 11px 12px 11px }
