@charset "utf-8";

div#template { width: 948px; background-color: #9c1b1f } /* f1e9c6  */
div#top { text-align: left; height: 120px; background-color: #9c1b1f }
div#top-padding { padding: 4 20 0 20 }
div#canvas { width: 902px; background-color: #fff }
div#canvas-padding { padding: 1 }
div#content { width: 900px; text-align: left; line-height: 1.6em }
div#header { width: 900px; height: 260px; overflow: hidden }

div#menu-top ul { margin: 0 0 40 0; text-align: right }
div#menu-top li { padding: 1 12 1 12; border-right: dotted 1px #fdcf09 }
div#menu-top a { color: #fdcf09 }

div#menu-main { width: 900px; height: 32px; background-color: #9c1b1f; margin: 1 0 1 0 }
div#menu-main ul { padding: 8 0 8 0 }
div#menu-main li { padding: 1 12 1 12 }
div#menu-main a { font-weight: bold; color: #fff; text-decoration: none }
div#menu-main a:hover { text-decoration: underline }

div#footer { text-align: left; color: #fff; height: 74px; background-color: #9c1b1f }
div#footer-padding { padding: 4 20 4 20 }
div#footer p { margin: 0 0 4 0 }
div#footer a { color: #fff }

dl#button-bar { margin: 0 }
dl#button-bar dd { text-align: center; float: left; width: 110px; height: 70px; margin: 0 }

img#logo { margin-left: 8 }
img#motto { margin-right: 8 }

p#copyright { padding-top: 32 }

.menu ul { margin: 0; padding: 0 }
.menu li { display: inline }

.col-left { float: left; width: 556px }
.col-right { float: right; width: 342px }
.clear { clear: both }

.portal {}
.portal-padding { padding: 8 16 8 32 }

.beige { background-color: #f8f4e4 }
.grey-light { background-color: #f4f4f4 }
.grey-dark { background-color: #e2e2e2; margin: 1 0 1 0 }

.right { text-align: right }
.center { margin: 0 auto 0 auto; text-align: center }

.none { background: none !important; border: none !important }