@charset "utf-8";

div#template { width: 760px; margin: 0 auto 0 auto }
div#canvas { height: auto !important; min-height: 400; height: 400; background-color: #edecec; background-image:url(../images/template/canvas-top.png); background-repeat: no-repeat }
div#content { text-align: left; padding: 8 18 8 18; line-height: 1.6em }

div#menu-main { background-image:url(../images/template/menu-main-background.png) }
div#menu-main li { font-size: 14px; font-weight: bold; border-right: dotted 1px #fff }
div#menu-sub  { background-image:url(../images/template/menu-sub-background.png) }
div#menu-sub li { border-right: dotted 1px #4d0000 }

div#footer { text-align: left; padding: 8 16 16 16 }

div.menu { width: 735px; height: 40px; margin: 0 auto 0 auto; background-repeat: no-repeat }
div.menu ul { text-align: center; margin: 0 0 0 16; padding: 6 0 6 0 }
div.menu li { font-size: 12px; display: inline; padding: 2 12 2 10 }
div.menu a { color: #fff; text-decoration: none }
div.menu a:hover { color: #ff0; text-decoration: underline }

div.col-left { float: left; width: 300px }
div.col-right { float: right; width: 390px }
div.portal { padding: 0 0 16 0 }

div.clear { clear: both }
div.space-20 { clear: both; height: 20 }
.no-border { background: none !important; border: none !important }
.right { text-align: right }

.visual-page td, th { padding-right: 32 }

iframe#hardware { width: 720px; height: 400px; border: none }

.grid { width: 700px; border: solid 1px #000; margin-bottom: 16 }
.grid td { width: 340px; padding: 4 32 4 4; border-bottom: solid 1px #000 }

.half-grid { border: solid 1px #000; margin-bottom: 16 }
.half-grid td { padding: 4 32 4 4; border-bottom: solid 1px #000 }

.nobr { padding: 0; margin: 0 }