body {

	background: #221f1d;
	margin:0;
	padding:20px;
	font-family: Trebuchet MS, Tahoma, Verdana;
	min-width:980px;
	width: expression(document.body.clientWidth < 1024? "980px":"100%");
	color:#ababab;
	font-size:100.01%;


}


#thecssawards{
position:absolute;
top:0px;
right:0px;
z-index:555;
}
#thecssawards a{
width:115px;
height:115px;
text-indent:-8000px;
display:block;
background:url(/i/honormention_green.png) no-repeat;
}



img {display:block; border:none;}

a {text-decoration: none; color:#3399cc;}
a:hover {color:#ffffff;}

h1 {font-size: 1.8em; font-weight: normal; color:#635f54; text-shadow: 0 -1px 0  #130e0b;}
h2 {background-color:#1c1a18; color:#ffffff;  padding: 0 3px 2px 3px; font-size:0.9em; font-weight: normal; margin: 3em 0 2em 0; display:inline; }

div#navigate {position: absolute; top:0; left: 80%;}
#navigate img {display:inline; width:13px; height:13px;}

div#navstring { font-size:0.8em; background-color:#1c1a18; padding: 0 3px 2px 3px; display:inline;}

#arrows {clear:both; font-size:1.5em; padding: 10px 0 10px 0;}

#logo {margin-left:20px;}

td#left {width:300px; padding-right:40px;}


table#maincontainer {font-size:0.8em; line-height:1.6em; border-collapse:collapse; }
#maincontainer td {vertical-align:top;}

ul#topmenu {list-style:none; padding: 5px 0 0 0;  margin:0; width:600px; font-size:10.9px; }
#topmenu li {display:block; float:left; margin:0 40px 0 0;  }
#topmenu li a { display:block; padding-top:87px; background:url('i/line.gif') 0 0 no-repeat;}
#topmenu li a:hover { background:url('i/animation.gif') 0 0 no-repeat; color:#ffffff; }



div#imagini {background:none top left no-repeat #1c1a18; width:100%; height:150px; margin: 10px 0 20px 0;}
#imagini div {float: right; margin: 20px; font-size:0.8em;}

#footer td {padding: 10px 0 10px 0;}
#footer #center {font-size:0.8em; color:#635f54;}



div#content {padding: 30px 0 30px 0; line-height:1.4em; width:80%; }
#content img {display:inline; border:0;}
#content ul {list-style-type:none;}
#content ul li {behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 );}
#content ul>li {text-indent: -1.3em;}
#content ul>li:before {content: '\2014\a0';}
#content label {width:200px; display:block; float:left;}
#content form {padding:40px 0 0 0; }
#content form sup {color:#CC0000; }
#announce div {width:100%; clear:both; padding: 1em 0 0 0;}
#content table {border:none; border-collapse:collapse; font-size:100%;}
#content th {font-size:0.9em; border-bottom: 2px solid #b2ae9e; padding: 1em; text-align: left;}
#content td {border-bottom: 1px solid #b2ae9e; padding: 1em; text-align: left;}

div#submenu {background: 0 6px no-repeat; padding: 30px 30px 30px 20px; margin: 0; line-height:2em; font-size:11px; }
div#sublevel {padding: 0 0 1em 1.5em;}

#announce span {background-color:#1c1a18; color:#ffffff;  padding: 0 3px 2px 3px; font-size:0.9em;}

div#banners { clear:both; width:100%; padding: 40px 0 40px 0; font-size:0.9em;}
#banners div {float:left; padding: 0 20px 0 0; width:30%;}


div#work { clear:both;  display:block; padding: 20px 0 40px 0; }
#work div { padding:0; margin:2px; float:left; border:1px solid #635f54;}
div#workitemnext {border:none;}
#workitem p, #workitem a, #workitemnext p, #workitemnext a {margin:0; padding:0;}




div#leftbonus, div#rightbonus {margin:40px 0; display:inline; font-size:0.8em; float:left; tex-align:center; }
#leftbonus img, #rightbonus img {display:block;}
#leftbonus div {white-space: normal; width:215px;}
#rightbonus div {white-space: normal; margin-left:10px; width:285px;}