@charset "utf-8";

div.container { text-align: left; width: 750px; margin: 0 auto 0 auto; overflow: hidden }
div.workspace { border: solid 1px #001043; background-color: white }

div.menu ul { margin: 0 }
div.menu li { display: inline }
div.menu a { font-weight: normal; color: white; text-decoration: none }
div.menu a:hover { color: white; text-decoration: underline }

div#menu-top ul { text-align: right; padding: 0 -8 0 0 }
div#menu-top li { padding: 2 6 2 6; border-left: dotted 1px white }
div#menu-main { width: 750px; height: 30px; overflow: hidden; background-image:url(../images/template/menu-background.jpg); background-repeat:repeat-x }
div#menu-main ul { text-align: left; padding: 8 0 4 16 }
div#menu-main li { padding: 8 16 4 12; background-image:url(../images/template/menu-separator.jpg); background-repeat: no-repeat; background-position: right 2 }

div#menu-sub { width: 750px; height: 24px; overflow: hidden; background-color: #705404; border-top: solid 1px #3f2e00; border-bottom: solid 1px #3f2e00 }
div#menu-sub ul { text-align: left; padding: 2 0 4 32 }
div#menu-sub li { padding: 8 16 8 12; border-right: solid 1px #3f2e00 }
div#menu-sub a { font-size: 9px; color: #f8bc13 }

li.no-border { border: none !important; background: none !important }

img#crest  { margin: 0 0 8 16 }
div#header { width: 750px; height: 260px; overflow: hidden }
div#canvas { padding: 24 16 16 16 }
div#footer { color: white; padding-top: 8 }
div#footer a { font-weight: normal; color: white; text-decoration: none; border-bottom: dotted 1px white }
div#footer a:hover { color: yellow; border-bottom-color: yellow }

div.default-height { min-height: 380px; height: auto !important; height: 380px }

div.col-left { float: left; width: 360px }
div.col-right { float: right; width: 320px }
div.clear { clear: both }
div.portal { margin: -4 0 24 18 }
div.divide { border-right: solid 1px #eee }