html, body { height:100%; margin-bottom:1px; line-height:135%; font-family:Helvetica, Arial, sans-serif; margin:0; padding:0; background:#000 url("background.pngx") top center repeat-x; font-size:12px; }
p { margin-top:10px; margin-bottom:15px; text-align:justify; }

h1, h2, h3, h4 { padding-bottom:5px; margin:25px 0; font-family:"Trebuchet MS"; }
h1 { font-size:200%; } h2 { font-size:175%; } h3 { font-size:150%; } h4 { font-size:120%; }
h5 { border-top:1px solid #333333; border-bottom:1px solid #333333; font-size:125%; font-weight:normal; margin:5px 0 10px 0; padding:4px; font-family:Trebuchet MS; background:#191919; }
#maincol h5{ color:#59a2b2; }
#secondcol h5 { color:#da5826; }

#header, #mainNav, #footer { margin:0; }
#header { text-align:right; color:#FFFFFF; font-weight:700; }
#mainNav { margin-top:-5px; }
#header { height:120px; background:#000000 url("dalnet.jpg") left no-repeat;}

a { color:#59a2b2; text-decoration:none; } a:hover { text-decoration:underline; }

div#wrapper { margin:0 auto; width:900px;padding:0; position:relative; background:#000000; }

#container { width:100%; position:relative; }
div#bodyCont { margin:0; background:#121212; padding:2px; color:#FFFFFF; display:block; border-bottom:2px solid #000000; }

#footer { display:block; line-height:30px; padding-right:10px; padding-left:10px; background:#121212 url("footer.png"); border-bottom:1px solid #121212; color:#666666; vertical-align:middle; font-size:smaller; }
#bottom { display:block; height:131px; background:#000000 url("dragontail.png"); vertical-align:top; }
#validation { text-align:right; display:block; padding-right:10px; padding-left:10px; vertical-align:middle; font-size:smaller; top:0; }

.maincol .hbar { background-color:#59a2b2; }
.secondcol .hbar { background-color:#da5826; }

a.validcss { background: url("validcss.gif") no-repeat left; padding-left: 13px; color:#FF9900; text-decoration: none; margin-left: 10px; font-size:85%; cursor:help; }
a.validcss:visited { color:#FF9900; }
a.validcss:hover { color:#ffffff; text-decoration: none; }
a.validhtml { background: url("validhtml.gif") no-repeat left; padding-left: 13px; color:#80c43d; text-decoration: none; margin-left: 10px; font-size:85%; cursor:help; }
a.validhtml:visited { color:#80c43d; }
a.validhtml:hover { color:#ffffff; text-decoration: none; }

/* @menu */
#mainNav { height:39px; background:url("menu-bg.png") 0 0 repeat-x; }
#mainNav ul.menu { padding-left:15px; }
#mainNav ul { list-style:none; margin:0; padding:0 0 0 0px; }
#mainNav li { display:block; float:left; margin:0; padding:0; }
#mainNav a { white-space:nowrap; font-family:"Trebuchet MS"; display:block; float:left; height:39px; line-height:42px; padding:0 15px 0 15px; font-weight:normal; font-size:110%; color:#ccc; }
#mainNav li:hover a, #mainNav li.sfHover a, #mainNav li:hover a:hover, #mainNav li.sfHover a:hover { color:#fff; }
#mainNav ul ul { background:#151515; border-left:1px solid #333; border-right:1px solid #000; }
#mainNav li li { background:none; border-top:1px solid #333; border-bottom:1px solid #000; }
#mainNav li li a:hover { background:none; }
#mainNav li.active, #mainNav li.active_menu { background:url("menu-active-r.png") 100% 0 no-repeat; }
#mainNav li.active a, #mainNav li.active_menu a { background:url("menu-active-l.png") 0 0 no-repeat; color:#fff; }
#mainNav span.top { display:block; float:left; position:relative; text-align:center; }
#mainNav li li span.top { display:inline; float:none; position:static; text-align:left; }
#mainNav li.active span span.selector, 
#mainNav li:hover span span.selector, 
#mainNav li.sfHover span span.selector { display:block; position:absolute; background:url("menu-hbar.png") 0 0 no-repeat; height:3px; width:59px; margin:0 auto; overflow:hidden; bottom:5px; left:50%; margin-left:-30px; }
#mainNav span.selector br { display:none; }
#mainNav li.active li span span.selector, 
#mainNav li:hover li span span.selector, 
#mainNav li.sfHover li span span.selector { display:none; }
#mainNav li.active a, 
#mainNav li.active_menu a { line-height:33px; }
#mainNav li li.active, 
#mainNav li.active li a, 
#mainNav li.active li a:hover { background:none; }
#mainNav li li a { font-family:Helvetica,Arial,sans-serif; font-size:100%; font-weight:normal; }
#mainNav a:hover { text-decoration:none; }

#mainNav li:hover li:hover a:hover, #mainNav li.sfHover li.sfHover a:hover { color:#da5826; }

#mainNav li.active span span.a.selector { background-color:#59a2b2; }
#mainNav li:hover span span.a.selector, #mainNav li.sfHover span span.a.selector { background-color:#59a2b2; }

#mainNav li:hover span span.b.selector, #mainNav li.sfHover span span.b.selector { background-color:#FFB62A; }
#mainNav li.active span span.b.selector { background-color:#FFB62A; }

#mainNav li:hover span span.c.selector, #mainNav li.sfHover span span.c.selector { background-color:#7ECE56; }
#mainNav li.active span span.c.selector { background-color:#7ECE56; }

#mainNav li:hover span span.d.selector, #mainNav li.sfHover span span.d.selector { background-color:#FF0000; }
#mainNav li.active span span.d.selector { background-color:#FF0000; }

#mainNav li:hover span span.e.selector, #mainNav li.sfHover span span.e.selector { background-color:#2AFF93; }
#mainNav li.active span span.e.selector { background-color:#2AFF93; }

#mainNav li:hover span span.f.selector, #mainNav li.sfHover span span.f.selector { background-color:#FF662A; }
#mainNav li.active span span.f.selector { background-color:#FF662A; }

#mainNav li:hover span span.g.selector, #mainNav li.sfHover span span.g.selector { background-color:#CC0000; }
#mainNav li.active span span.g.selector { background-color:#CC0000; }

#mainNav li:hover span span.h.selector, #mainNav li.sfHover span span.h.selector { background-color:#663399; }
#mainNav li.active span span.h.selector { background-color:#663399; }

/* @dropdown classes */
ul#horiznav li { display:inline; list-style:none; position:relative; }
ul#horiznav ul { margin:0; border:0 none; padding:0; width:180px; list-style:none; display:none; position:absolute; top:38px; left:0; border:1px solid #333333; border-top:0px; }
ul#horiznav ul:after { clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }
ul#horiznav ul li { width:180px; float:left; display:block !important; display:inline; }

ul#horiznav li:hover li a, ul#horiznav li.iehover li a { float:none; border:none; white-space:nowrap; height:20px; line-height:23px;  background:#121212; color:#FFFFFF; }
ul#horiznav li:hover li a.parent, ul#horiznav li.iehover li a.parent { float:none; border:none; white-space:nowrap; height:20px; line-height:23px; background:#121212 url("bullet-1a.png") no-repeat 99%; color:#FFFFFF; }
ul#horiznav li:hover li a:hover, ul#horiznav li:hover li:hover a, ul#horiznav li.iehover li a:hover, ul#horiznav li.iehover li.iehover a { background:#000000; color:#FFFFFF; }

ul#horiznav li:hover li:hover li a, ul#horiznav li.iehover li.iehover li a { background:#000000; color:#FFFFFF; }
ul#horiznav li:hover li:hover li a:hover, ul#horiznav li:hover li:hover li:hover a, ul#horiznav li.iehover li.iehover li a:hover, ul#horiznav li.iehover li.iehover li.iehover a { background:#121212; color:#59a2b2; }

ul#horiznav li:hover li:hover li:hover li a, ul#horiznav li.iehover li.iehover li.iehover li a { background:#121212; color:#FFFFFF; }
ul#horiznav li:hover li:hover li:hover li a:hover, ul#horiznav li.iehover li.iehover li.iehover li a:hover { background:#000000; color:#59a2b2; }
ul#horiznav ul ul, ul#horiznav ul ul ul { display:none; position:absolute; left:180px; top:-1px; }

ul#horiznav li:hover ul ul, ul#horiznav li:hover ul ul ul, ul#horiznav li.iehover ul ul, ul#horiznav li.iehover ul ul ul { display:none; }
ul#horiznav li:hover ul, ul#horiznav ul li:hover ul, ul#horiznav ul ul li:hover ul, ul#horiznav li.iehover ul, ul#horiznav ul li.iehover ul, ul#horiznav ul ul li.iehover ul { display:block; }
/* @dropdown classes */
/* @menu */
table#mainbody { width:100%; margin:0; padding:0; background:#121212 url(body-bg.png) 0 0 repeat-x; border:0px; border-collapse:collapse; }
td.maincol, td.secondcol, td.thirdcol, td.forthcol { margin:0; padding:0; background:url("column-shadow.png") 0 0 repeat-y; }
.hbar { height:1px; overflow:hidden; }
.hbar .hbar-right { float:right; width:60px; height:1px;  background:url(hbar-top-right.png) 100% 0 no-repeat; }
.hbar .hbar-left  { float:left; width:60px; height:1px; background:url(hbar-top-left.png) 0 0 no-repeat; }
.bottom .hbar .hbar-right  { background:url(hbar-bottom-right.png) 100% 0 no-repeat; }
.bottom .hbar .hbar-left { background:url(hbar-bottom-left.png) 0 0 no-repeat; }
.maincol .hbar { height:1px; margin:0 0 10px 0; }
.maincol.bottom .hbar { height:1px; margin:10px 0 10px 0; }
.secondcol .hbar, .thirdcol .hbar { height:1px; margin:0 0 15px 0; }
.secondcol.bottom .hbar, .thirdcol.bottom .hbar { height:1px; margin:10px 0 10px 0; }
td.bottom { padding:0 18px; }
td.maincol.bottom { padding:10px; }
#maincol, #secondcol, #thirdcol { color:#FFFFFF; padding:5px 10px 5px 10px; }
.left-elements { margin:0 0 20px 0; }
#component h3, .left-elements h3 { font-size:125%; font-weight:normal; margin:5px 0 10px 0; padding:4px; font-family:Trebuchet MS; background:#191919; }
a.mainlevel { display:block; line-height:25px; text-indent:28px; height:25px; font-family:Trebuchet MS; font-size:110%; text-decoration:none; background:#999 url(bullet.png) 0 0 no-repeat; color:#ccc; }
a.mainlevel:hover, a.mainlevel.active { background:#da5826 url(bullet.png) 0 0 no-repeat; color:#da5826; text-decoration:none; }

a.readon { display:block; background:url("readmore.png"); line-height:20px; vertical-align:middle; text-decoration:none; text-align:center; width:100px; margin:0 auto; }
a.readon:visited { color: #ffffff; }
a.readon:hover { background: transparent url("readmore_hover.png"); color: #ffffff; }

.width-100 { width:100%; } .width-75  { width:75%; } .width-50  { width:50%; } .width-25  { width:25%; } 
.vlt { vertical-align:top; } .vlm { vertical-align:middle; } .vlb { vertical-align:bottom; }
.ac { text-align:center; } .ar { text-align:right; } .al { text-align:left; }
div.newsbox { border:1px solid #333333; background:#000000; padding:4px; margin-bottom:2px; }

input, select, textarea {
	border:1px solid #333333;
	background:#121212;
	color:#FFFFFF;
	margin-top:2px;
	margin-bottom:2px;
}
input.submit { background:url("inputbg.png") repeat-x; }
input.submit:hover { background:url("menuhover.gif") repeat-x; }
input.text { background:url("menuhover.gif") repeat-x; }

.clearfix:after { content: ""; display: block; clear: both; }