@charset "utf-8";

body {font-size:12px;background:#5ca8c6 url('images/bg.jpg') repeat-x}
font,div {font-family:Arial,Helvetica,sans-serif; text-align:left}

div #main,div #side {line-height:1}
body,div #main div,div #side div {line-height:1.3}

a {text-decoration:none}
a:hover,a .underline,.underline a,.msgbox a {text-decoration:underline}

img,table {border:0; vertical-align:middle}
table {width:100%;border-collapse:collapse;font-size:100%}

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,#nav .float60 {font-size:110%;font-weight:normal}
.font105 {font-size:105%}

body,form,h1,h2,h3,h4,h5,p {margin:0;padding:0}

hr {border:0;height:4px;background:url(images/hr.gif)}
.thumb {border:1px solid #ccc}

.bold,#nav,#nav .float60 {font-weight:bold}
.italic {font-style:italic}
.small,#footer {font-size:95%}
.center,body,#frame {text-align:center}
.right {text-align:right}

.white,#nav a,#nav,#topbar,#footer,#footer a {color:#fff}
.grey,#loginbox p,.grey a {color:#666}
.black,body {color:#333}
.red,a:hover {color:#c00}
.orange,h1,h2,.h1,.h2,.green,a,.msgbox,.mudgreen,.blue {color:#069}

.padding3 {padding:3px}
.padding4 {padding:4px}
.padding5,#nav p,#nav span {padding:5px}
.padding10,.msgbox {padding:10px}
.padding20 {padding:20px}

.float {float:left}
#side {float:left;width:144px}
#main {float:left;width:814px}
.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:50%}
.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 {width:980px;margin:auto}
#topbar {height:30px;background:url('images/topbar.png')}
#header {color:#94cbde;height:66px;background:url('images/header.jpg');line-height:16px}
#nav {height:32px;background:url('images/navbar.png') repeat-x}
#content {background:url('images/content.jpg')}
#footer {height:24px;margin-bottom:8px;background:url('images/footer.png')}

#side hr {border:solid #dcdcdc 1px;height:1px}
.greybg,.greenbg {background:#f2f2f2}
.yellowbg,.bluebg {background:#e5f7ff;color:#666}

.msgbox {border:1px #cef solid;background:#e5f7ff}

.overflow {overflow:hidden;white-space:nowrap}

/* Rounded Boxes */
.rbtop div {background:url(images/tl.gif) no-repeat top left}
.rbtop {background:#fff url(images/tr.gif) no-repeat top right}
.rbbot div {background:url(images/bl.gif) no-repeat bottom left}
.rbbot {background:#fff url(images/br.gif) no-repeat bottom right}
.rbtop div, .rbtop, .rbbot div, .rbbot {width:100%;height:7px;font-size:1px}
.rbcontent {background:#fff;padding:0 6px}
.rbroundbox {margin:8px 5px 0 5px}