@charset "utf-8";

div#template { text-align: left; width: 760px; margin: 0 auto 0 auto }

div#logo { width: 409px; height: 52px; float: left }
div#topnav { width: 351px; height: 52px; overflow: hidden; float: right; background-image:url(../images/template/navtop-background.gif); background-repeat: no-repeat }
div#topnav ul { padding: 28 0 16 0; margin: 0; text-align: center }
div#topnav li { display: inline; padding: 16 12 16 12; background-image:url(../images/template/navtop-separator.gif); background-position: right; background-repeat: no-repeat }
div#topnav a { color: #fff }
div#topnav a:hover { color: #ffff00 }
div#menu { width: 760px; height: 170px; overflow: hidden; margin: 0 0 10 0; background-image:url(../images/template/menu-background.jpg); background-repeat: no-repeat }
div#menu ul { padding: 124 0 16 48; margin: 0; text-align: center }
div#menu li { display: inline; padding: 16 8 16 8; background-image:url(../images/template/menu-separator.gif); background-position: right; background-repeat: no-repeat }
div#menu a { color: #fff }
div#menu a:hover { color: #ffff00 }
div#canvas { background-color: #fff }
div#content { padding: 24 10 24 24 }
div#header { width: 740px; height: 180px; overflow: hidden; margin: 0 10 0 10 }
div#footer { color: #fff; margin: 8 0 }
div#footer a { color: #fff }
div#footer a:hover { color: #ffff00 }
div.portal { margin-top: -4; padding: 0 0 16 16 }
div.col-left { width: 400px; float: left }
div.col-right { width: 300px; float: right }
div.clear { clear:  both }
.no-border { background-image: none !important; border: none !important }
.right { text-align: right }
.visual-page td, th { padding-right: 24 }