body {
background: #eeeeee url('http://hyperty.com/dev/rodmons/img/bg_body.png') top left repeat-x;
}
.dcolumn {
	max-width:120em;
	min-width:70em;
	width:expression(document.body.clientWidth < 700 ? '700px' : (document.body.clientWidth > 1200 ? '1200px' : "auto"));
	text-align:left;
	argin:0 auto;
	padding:0 1em;
}

#container {
padding:0 4em 4em 4em;
margin:0 auto;
height:100%;
}

#header-wrap {
background: #888;
}
#header {
width:100%;
height:150px;
padding:0;
margin:0;
background: transparent url('http://hyperty.com/dev/rodmons/img/hdr/default.jpg') top left no-repeat;
}
#header td {
padding:0;
margin:0;
border:none;
vertical-align:top;
padding:24px;
}
#hlogo {
width:27%;
background: transparent url('http://hyperty.com/dev/rodmons/img/bg_logo.png');
}
#header #hmenu {
width:73%;
padding-top:0;
padding-bottom:0;
height:100%;
}
#htitle {
width:73%;
vertical-align:bottom;
}

#logo {
z-index:200;
float:left;
}
#logo img {
}
#searchbox-wrap {
}
#searchbox {
}
#topmenu {
}
#topmenu .clear {
}

#title {
float:right;
}
#title h1 {
margin:0;
padding:0;
color:#fff;
}

/* Main menu */
#mainmenu {
margin-top:2em;
width:100%;
background: transparent url('http://hyperty.com/dev/rodmons/img/bg_menu_space.png');
}
#mainmenu ul {
list-style:none;
margin:0;
padding:0;
}
#mainmenu ul li {
float:left;
}
#mainmenu .level1 {
}
#mainmenu .level1 li {
display:block;
margin-right:1px;
}
#mainmenu .level1 a {
display:block;
font-size:1.3em;
padding:0.6em 1.6em;
text-decoration:none;
font-weight:bold;
border:none;
background: transparent url('http://hyperty.com/dev/rodmons/img/bg_menu_space.png');
color:#eee;
}
#mainmenu .level1 a:hover {
color:#fff;
}
#mainmenu .level1 li.on {
position:relative;
top:-2em;
padding-top:2em;
background: transparent url('http://hyperty.com/dev/rodmons/img/bg_menu_red.png');
background: #c00;
height:1em;
}
#mainmenu .level1 li.on a {
font-size:1.4em;
text-decoration:none;
color:#fff;
background: #c00;
}
#mainmenu .level1 li.on a:hover {
}

#mainmenu .level2 {
}
#mainmenu .level2 li {
}
#mainmenu .level2 li.first {
}
#mainmenu .level2 li.first a {
}
#mainmenu .level2 a {
}
#mainmenu .level2 a:hover {
}
#mainmenu .level2 li.on a {
}


#sidebar-wrap {
float:left;
width:27%;
min-width:210px;
}
#sidebar {
padding:2em 0;
background:#eee;
}
#sidebar ul {
list-style:none;
margin:0;
padding:1em 24px;
border-bottom:1px solid #eee;
}
#sidebar ul ul {
padding:0 2em;
}
#sidebar li {
padding:0.4em 0 0.4em 0;
font-size:1.3em;
border-bottom:1px solid #ddd;
}
#sidebar li li {
padding:1em 0 0 0;
font-size:1em;
}

#content-wrap {
margin-top:0em;
border:1px solid;
float:left;
height:1%;
}
#content {
padding-bottom:0;
margin-left:27%;
background:#fff;
padding:2em;
padding-bottom:8em;
background:#fff;
}

#footer-wrap {
}
#footer {
margin-bottom:2em;
margin-left:27%;
padding:12px 24px;
background:#666;
}
#footer a {
color:#eee;
}
#footer a:hover {
color:#fff;
}
#footer .copyright {
float:right;
color:#ccc !important;
}

#auxbar-wrap {
}
#auxbar {
padding:2em 24px;
}
#auxbar h2 {
font-size:1.8em;
border-bottom:1px solid #ccc;
}
#auxbar p {
color:#333;
}


.bnr_c {
}
.bnr_tl,
.bnr_tr,
.bnr_bl,
.bnr_br,
.bnr_l,
.bnr_r {
width:8px;
}
.bnr_t,
.bnr_b {
height:8px;
font-size:1px;
line-height:0.0;
}
.bnr_tl {
background: url('../img/bnr_tl.png') left top no-repeat;
}
.bnr_t {
background: url('../img/bnr_t.png') left top repeat-x;
}
.bnr_tr {
background: url('../img/bnr_tr.png') right top no-repeat;
}
.bnr_l {
background: url('../img/bnr_l.png') left top repeat-y;
}
.bnr_r {
background: url('../img/bnr_r.png') right top repeat-y;
}
.bnr_bl {
background: url('../img/bnr_bl.png') left bottom no-repeat;
}
.bnr_b {
background: url('../img/bnr_b.png') left bottom repeat-x;
}
.bnr_br {
background: url('../img/bnr_br.png') right bottom no-repeat;
}

ul.rmenu,
ul.lmenu {
list-style:none;
margin:0;
padding:0;
}
ul.rmenu li {
float:right;
margin:0;
padding:0;
padding:0 0.6em 0.2em 0.6em;
border-right:1px solid #ccc;
}
ul.lmenu li {
float:left;
margin:0;
padding:0;
padding:0 0.6em 0.2em 0.6em;
border-left:1px solid #ccc;
}
ul.rmenu li.first {
border:none;
padding-right:0;
}
ul.lmenu li.first {
border:none;
padding-left:0;
}

/*Headers*/
h2.hdr1 {
margin:0;
padding:0.3em 1em;
color:#ffffff;
font-size:1.2em;
ont-weight:normal;
ackground:#bf9900 url('../img/boxtopblue.gif') left top repeat-x;
background:#587381;
}

/*TOC*/
.pnl-toc {
background:#ffffff url('../img/pnl1_bg.png') left top repeat-x;
border-top:4px solid #ccc;
padding:0.8em 1.2em;
margin-right:0.6em;
}
ul.toc1 {
list-style:none;
margin:0;
padding:0;
}
ul.toc1 li {
padding:0.5em 0;
font-size:1.2em !important;
border-bottom:1px solid #eee;
}
ul.toc1 li a {
text-decoration:none;
}
ul.toc1 li a:hover {
text-decoration:underline;
}
ul.toc1 li.on a {
color:#333;
font-weight:bold;
}