@charset "utf-8";

div#template { text-align: left; width: 762px; margin: 0 auto 0 auto }
div#top { width: 762px; height: 82px; overflow: hidden; background-image:url(../images/template/grasslands-top.gif); background-repeat: no-repeat }
div#top ul { text-align: right; margin: 56 8 0 0; padding: 2 0 8 0 }
div#top li { padding: 1 6 1 4; background-image:url(../images/template/menu-top-separator.gif) }
div#top a { font-size: 9px }
div#header { width: 762px; height: 200px; overflow: hidden }
div#menu-main { width: 762px; height: 30px; overflow: hidden; background-image:url(../images/template/menu-main-background.gif) }
div#menu-main ul { padding: 4 0 8 16 }
div#menu-main li { padding: 1 12 1 12; background-image:url(../images/template/menu-main-separator.gif) }
div#content { background-repeat:repeat-y; background-image:url(../images/template/content-background.gif) }
div#canvas { padding: 16 }
div#footer { margin-top: 8 }
div#footer a { color: black }
div.col-left { float: left; width: 360px }
div.col-right { float: right; width: 320px }
div.clear  { clear: both }
div.portal { padding: 0 0 0 8 }
div.menu ul { margin: 0; padding: 0 }
div.menu li { display: inline; background-position: right; background-repeat: no-repeat }
div.menu a { color: #ffcc00; text-decoration: none }
div.menu a:hover { color: #ffcc00; text-decoration: underline }
.no-border { background: none !important }
.right-indent { padding-right: 16 }
.left-indent { padding-left: 16 }
.visual-page td, th { padding-right: 24 }
.grid td { padding-bottom: 8; border-bottom: dotted 1px #ccc }
.grid td h3 { margin: 0 }
.grid p { margin: 4 0 0 0 }
.moodle a { color: #fff !important }
.moodle { font-weight: bold; border-right: none !important; background: none !important }