@charset "utf-8";

div#template { text-align: left; width: 850px; margin: 0 auto 0 auto; overflow: hidden; border-left: solid 2px white; border: solid 3px white; border-top: none !important; background-color: #fff }
div#menu-top { width: 850px; height: 30px; background-image:url(../images/template/menu-top-background.gif) }
div#menu-top dd { padding: 0 40 0 40; display: block; float: left; background-image:url(../images/template/menu-top-separator.gif) }
div#menu-main { width: 850px; height: 50px; background-image:url(../images/template/menu-main-background.gif) }
div#menu-main dl { padding: 18 0 18 0 }
div#menu-main dd { padding: 18 16 18 16; background-image:url(../images/template/menu-main-separator.gif) }
div#menu-sub { width: 850px; height: 34px; background-image:url(../images/template/menu-sub-background.gif) }
div#menu-sub dl { padding: 10 0 10 0 }
div#menu-sub dd { padding: 10 16 10 16; background-image:url(../images/template/menu-sub-separator.gif) }
div#menu-sub a { font-weight: normal; font-size: 11px }
div#canvas { height: auto !important; height: 200px; min-height: 200px; background-color: #f6f6f6 }
div#content { padding: 8 4 1 4 }
div#footer { width: 850px; height: 52px; background-image:url(../images/template/footer-background.gif) }
div#footer p { margin: 20 16 0 16 }

div.menu { overflow: hidden; background-repeat: repeat-x }
div.menu dl { margin: 0; padding: 0; text-align: center }
div.menu dd { display: inline; margin: 0; background-position: right; background-repeat: no-repeat }
div.menu a { color: #fff }

div.col-left { float: left; width: 270px }
div.col-right { float: right; width: 550px }
div.col-left-even { float: left; width: 400px }
div.col-right-even { float: right; width: 400px }
div.clear { clear: both }

div.portal { height: auto !important; height: 90; min-height: 90; margin-bottom: 12; background-position: bottom }
div.portal-padding { padding: 4 8 16 16 }
div.portal-small  { background-image:url(../images/template/portal-small-background.png) }
div.portal-medium { background-image:url(../images/template/portal-medium-background.png) }
div.portal-large  { background-image:url(../images/template/portal-large-background.png) }

div.button { width: 270px; margin-bottom: 4 }

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

/* Spotlight */
div#spotlight { width: 520px; height: 170px; overflow: auto }
div#spotlight-image { width: 240px; height: 155px; overflow: hidden; float: left }
div#spotlight-article { width: 255px; float: right; margin-top: 16 }
div#spotlight-article span { font-weight: bold }