@charset "utf-8";

div#template { text-align: left; width: 878px; margin: 0 auto 0 auto }
div#division { height: 50px; overflow: hidden; background-image:url(../images/template/div-background.jpg); background-repeat: repeat-x }
div#division-logo { float: left; width: 100px }
div#division-menu { float: right; width: 700px }
div#division-menu ul { text-align: right; margin: 10 0 0 0; padding: 12 16 12 0 }
div#division-menu li { display: inline; font-weight: bold; padding: 8; background-repeat: no-repeat; background-image:url(../images/template/div-separator.png) }
div#division-menu a { color: #244ea2; text-decoration: none }
div#division-menu a:hover { text-decoration: underline }

div#header { width: 878px; height: 264px; overflow: hidden }

div#navigation { position: relative; width: 878px; height: 194px; overflow: hidden; background-image:url(../images/template/navigation-background.png); background-repeat: no-repeat }
div#navigation ul { margin: 0; padding: 0; width: 190px }
div#navigation li { list-style: none; font-weight: bold; padding: 1 0 1 16; background-position: 0 8; background-repeat: no-repeat; background-image:url(../images/template/navigation-bullet.png) }
ul#navigation-left { position: absolute; top: 8; left: 460 }
ul#navigation-right { position: absolute; top: 8; left: 680 }

div#canvas { width: 878px; height: auto !important; height: 440px; min-height: 440px; background-image:url(../images/template/canvas-background.png); background-repeat:repeat-y }
div#content { padding: 1 40 32 64 }

div#welcome { position: relative; width: 400px; height: 204px; margin: 0 0 24 0; background-repeat: no-repeat; background-image:url(../images/template/welcome-background.png); }
div#welcome p { width: 220px; height: 80px; overflow: hidden }
div#welcome dl { position: absolute; top: 130px; margin: 0; padding: 0 }
div#welcome a { color: #fff }

div.portal { background-repeat: no-repeat; background-color: #dddad2 }
div.portal h1 { margin: 4 0 4 0 }
div.portal-padding { padding: 1 16 1 16 }
div.portal-left { width: 400px; background-image:url(../images/template/portal-left-top.png) }
div.portal-right { width: 320px; background-image:url(../images/template/portal-right-top.png) }
img.portal-bottom { margin: 0 0 16 0; vertical-align: top }

div.col-left { float: left; width: 400px }
div.col-right { float: right; width: 320px }
div.infobox { padding-bottom: 24 }

div.clear { clear: both }

.right { text-align: right }
.visual-page td, th { padding-right: 24 }
.no-border { background: none !important; border: none !important }