@charset "utf-8";
div#ccsd { height: 54px; background-image: url(../images/template/top-background.gif); background-repeat:repeat-x }
div#ccsd ul { margin-right: -8px }
div#ccsd li { padding: 0 8 0 8; border-right: dotted 1px #000 }
div#ccsd a { color: #000 }

div#template { width: 754px; margin: 0 auto 0 auto; border-left: solid 1px #efefef; border-right: solid 1px #efefef; border-bottom: solid 2px #efefef; background-color: #fff }
div#header { width: 750px; height: 250px; overflow: hidden }
div#menu-main { height: 50px; background-image:url(../images/template/menu-background.jpg) }
div#menu-main ul { margin: 0; padding: 16 0 12 0 }
div#menu-main li { padding: 16 12 16 12; border-right: solid 1px #ddd }
div#menu-main a { color: #444 }
div#menu-main a:hover { color: #999 }
div#menu-sub { height: 26px; background-image:url(../images/template/menusub-background.jpg) }
div#menu-sub ul { margin: 0; padding: 4 0 2 0 }
div#menu-sub li { padding: 2 12 2 12 }
div#menu-sub a { color: #888 }
div#canvas { padding: 16 16 32 16 }
div#footer { color: #999; padding: 16 16 16 16; border-top: solid 1px #eee }
div#footer a { color: #999 }
div#footer a:hover { color: #333 }

div.container { text-align: left; width: 750px; margin: 0 auto 0 auto }
div.portal { padding: 0 0 24 12 }
div.menu { background-repeat:repeat-x; overflow: hidden }
div.menu li { display: inline }
div.menu a { text-decoration: none }
div.menu a:hover { text-decoration: underline }
div.col-left { float: left; width: 380px }
div.col-right { float: right; width: 320px }
div.clear { clear: both }
.no-border { border: none !important; background: none !important }
.right { text-align: right }