@charset "utf-8";

body {margin:auto;font-size:13px;line-height:1.3;background:url('images/bg.jpg') repeat-x}
font,div {font-family:Arial,Helvetica,sans-serif; text-align:left}

a {color:#000;text-decoration:none;font-weight:bold}
a:hover {color:#000;font-weight:normal}
a:hover,a .underline,.underline a {color:#000;text-decoration:underline}

img,table {border:0; vertical-align:middle}
table {width:100%;border-collapse:collapse}

h1,.h1 {font-size:180%;font-weight:normal}
h2,.h2 {font-size:150%;font-weight:normal}
h3,.h3 {font-size:130%;font-weight:normal}
h4,.h4 {font-size:120%;font-weight:normal}
h5,.h5,#topbar {font-size:110%;font-weight:normal}

td,.td {font-size:12;font-weight:normal}

form,h1,h2,h3,h4,h5,p {margin:0;padding:0}

.bold,.rbtop h1 {font-weight:bold}
.italic {font-style:italic}
.small {font-size:95%}
.center,body {text-align:center}
.right,#topbar p {text-align:right}

.white,#topbar a, #topbar a:hover,.progressbar {color:#fff}
.grey,.grey a {color:#666}
.black,body {color:#333}
.red {color:#c00}
h1,h2,.h1,.h2,a {color:#069}

.thumb {border:1px solid #ccc}

.padding3 {padding:3px}
.padding4 {padding:4px}
.padding5 {padding:5px}
.padding10,.msgbox,.textbox {padding:10px}
.padding20 {padding:20px}

.overflow {overflow:hidden;white-space:nowrap}

.float {float:left}
#side {float:left;width:145px;margin-left:5px}
#main {float:left;width:815px;margin-right:5px}
.float10 {float:left;width:10%}
.float15 {float:left;width:15%}
.float16 {float:left;width:16.6%}
.float20 {float:left;width:19.9%}
.float25 {float:left;width:24.9%}
.float30 {float:left;width:30%}
.float33 {float:left;width:33.3%}
.float35 {float:left;width:35%}
.float40 {float:left;width:40%}
.float50 {float:left;width:49.9%}
.float60 {float:left;width:60%}
.float65 {float:left;width:65%}
.float66 {float:left;width:66.5%}
.float70 {float:left;width:69.9%}
.float75 {float:left;width:74.9%}
.float80 {float:left;width:80%}
.float84 {float:left;width:83.4%}
.float85 {float:left;width:84.9%}
.float90 {float:left;width:90%}
.clearer,hr {clear:both}

#frame,#header,#nav {width:810px}

#frame {margin:auto}
#header {height:110px;background:url('images/header.jpg')}
#topbar {height:37px;background:url('images/topbar.jpg')}
#topbar p {padding:7px 15px}

.yellowbg {background:#FFFFBF}

.msgbox {border:1px #edf1d7 solid;color:#7a8442;background:#FFFFBF url('images/msgbox.png') no-repeat;background-position:8px 11px;padding-left:30px}
.textbox {border:1px #ddd solid;background:#fff}
.greybox {margin:6px;background:#eee;padding:4px;border:#ddd solid 1px;margin-top:4px}

.progressbar {height:16px;width:200px;background:url('images/progressbar_back.png')}
.progressbar p {height:16px;background:url('images/progressbar_front.png')}

/* Rounded Boxes */
.roundbox {background:url(images/roundbox_top.jpg) repeat-x}
.rbtop div {background:url(images/roundbox_left.jpg) no-repeat top left}
.rbtop {background:url(images/roundbox_right.jpg) no-repeat top right}
.rbtop div, .rbtop {width:100%;height:38px}
.rbmain {min-height:100px;background:url(images/roundbox_bg.jpg) repeat-x;margin:0 5px;padding:2px 10px}
.rbtop h1,.rbtop h2 {font-size:100%;padding:8px 16px;color:#fff}