@charset "utf-8";

div.container { text-align: left; width: 750px; margin: 0 auto 0 auto; overflow: hidden }
div.workspace { border: solid 1px #a4a4a4; 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 20 4 16; border-right: solid 1px #490a0c }

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

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; padding-right: 4px }
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 }

div#spotlight { height: auto !important; height: 90px; min-height: 90px }
div#spotlight_image { float: left; width: 122px; overflow: hidden; margin: 2 16 16 0 }
div#spotlight_image img { margin: 0 }