* { margin:0; padding:0;}
body { background: #ffffcc; color: #720309; font-size: 9pt; font-weight: normal; font-family:Helvetica,Arial,sans-serif; }
a img { border: 0; }
a { color: #720309; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { margin: 0 0 20px 0; color: #720309; font-size: 19pt; }

/* content */
div#frame { width: 980px; height: 700px; padding: 0px; margin: 5px 0 0 -490px; position: absolute; left: 50%; top: 0; }
div#content { width: 870px; height: 475px; margin-left: 55px; border: 1px solid #720309; float: left; }
div#content-left { width: 470px; height: 425px; margin: 25px 0 0 30px; color: #720309; font-size: 9pt; font-weight: normal; overflow: auto; float: left; }
div#content-right { width: 340px; height: 100%; margin: 0; float: right; }

/* head */
div#head { margin: 0 10px 5px; width: 960px; height: 165px; float: left; }
div#bar-head { width: 960px; height: 40px; margin: 0 0 5px; float: left; }
img#logo { float: left; }

/* main menu */
ul#menu-main { width: 785px; height: 100px; margin: 0; list-style-type: none; float: right; }
ul#menu-main li { width: 88px; margin: 0 0 0 24px; float: left; }
ul#menu-main li a { text-decoration: none; display: block; }
ul#menu-main li a img { width: 88px; height: 82px; float: left; }
ul#menu-main li a div { width: 84px; padding-left: 4px; float: left; font-size: 9pt; text-align: center; color: #720309; font-weight: bold; text-decoration: none; }
ul#menu-main li.current a div { border-bottom: 1px solid #720309; /*text-decoration: underline; */}

/* sub menu */
div#menu-sub { width: 760px; height: 20px; margin: 0; font-size: 8pt; color: #720309; text-align: left; line-height: 20px; float: right; }
div#menu-sub a { margin-right: 20px; font-size: 8pt; font-weight: normal; color: #720309; text-decoration: none; display: block; float: left; }
div#menu-sub a.current-sub { font-weight: bold; }
div#menu-sub a:hover { text-decoration: underline; }


/* basic classes */
.bg-red { background-color: #720309; color: #ffffcc; }
.bg-ochre { background-color: #ffffcc; color: #720309; }

/* home page */
img#home-enter { margin: 300px 0 0 55px; }
div#home-container { width: 465px; height: 420px; border: 1px solid #720309; float: left; }
div.square { margin: 0; width: 155px; height: 140px; float: left; }
div.square img { width: 155px; height: 140px; }
div.square div { height: 20px; margin: 40px 10px -15px 25px; font-size: 13.5pt; }

/* bar bottom */
div#bar-bottom { width: 960px; height: 40px; margin: 15px 0 0 10px; float: left; }
div#bar-bottom div { height: 40px; margin: 0 0 0 7px; line-height: 40px; font-size: 8pt; }
div#bar-bottom div a { color: #ffffcc; text-decoration: none; }
div#bar-bottom div a:hover { text-decoration: underline; }

/* news */
div#news { width: 330px; height: 440px; margin: 20px 0 0 10px; overflow: auto; float: left; }
div#news h2 { margin: 20px 10px 15px 0; color: #ffffcc; font-size: 13.5pt; font-weight: normal; float: left; }
div#news div { width: 310px; margin: 0; padding-bottom: 15px; color: #ffffcc; font-size: 9pt; border-bottom: 1px solid #ffffcc; float: left; }
div#news a { color: #ffffcc; font-size: 8pt; font-weight: bold; text-decoration: none; }
div#news a:hover { text-decoration: underline; }