body {
	margin:0;
	background: url(images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	padding:0;
}
h1{font-size:13px; font-family:Arial, Helvetica, sans-serif;padding:5px;color:#333;background:url(images/h1.jpg) repeat-x;margin:0;}
h2{font-size:12px; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0;}
.clear{clear:both;}
a, a:visited {
	text-decoration: none;
	color: #333;
	font-weight:bold;
}

#wrapper{margin-top:10px;}
#main{width:962px;margin:0 auto;background:url(images/indexmiddle.gif) repeat-y;} 
#submain{width:925px; margin:0 auto;}
#header{background:url(images/header.png) center top no-repeat; height:143px;}
#topmenu{text-align:right; padding-right:20px;}
#categories{padding:57px 20px 5px 0; text-align:right;color:#FFF;}
#categories a{color:#FFF;font-size:12px;margin:7px;}
#breadcrumb{text-align:right;color:#666;}
#breadcrumb a{color:#666;font-size:11px;}

#leftcol{width:220px;float:left;}
#rightcol{width:696px;float:right;}
#rightcol li{margin:0;padding-left:5px; list-style:url(images/checked.png);}
#indextop{width:962px;background:url(images/indextop.gif) no-repeat; height:22px;margin:0 auto;}
#indexbottom{width:962px;background:url(images/indextop.gif) bottom no-repeat; height:22px;margin:0 auto;}
#footer{background:#000;padding:20px; color:#CCC;margin-top:10px;}
#footer a{color:#FFF;}

/* classes boxes */
.greyboxtop{background:url(images/greyboxtop.gif) right top no-repeat; height:17px;}
.greyboxmiddle{background:url(images/greyboxmiddle.gif) repeat-y; padding:5px;}
.greyboxbottom{background:url(images/greyboxtop.gif) right bottom no-repeat; height:17px;margin-bottom:5px}

.darkboxtop{background:url(images/darkboxtop.gif) left top no-repeat;height:10px;color:#FFF;font-weight:bold;}
.darkboxmiddle{background:#A2EF00; padding:3px;color:#333;}
.darkboxmiddle a{color:#666;}
.darkboxbottom{background: url(images/darkboxtop.gif) left bottom no-repeat; height:10px;margin-bottom:5px}

.wideblackboxtop{background:url(images/wideblackbox.gif) left top no-repeat;height:11px;}
.wideblackboxbottom{background:url(images/wideblackbox.gif) left bottom no-repeat;height:11px;margin-bottom:5px;}

.whiteboxtop{background:url(images/whiteboxtop.gif) top no-repeat;height:18px;}
.whiteboxmiddle{background:#FFF url(images/whiteboxmiddle.gif);color:#333;padding:0 5px;}
.whiteboxmiddle a{color:#666;}
.whiteboxbottom{background: url(images/whiteboxtop.gif) bottom no-repeat; height:18px;margin-bottom:2px}

.blackboxtop{background:url(images/blackboxtop.gif) left top no-repeat;height:23px;padding-top:3px;text-align:center;}
.blackboxtop h2{color:#FFF;}
.blackboxmiddle{background:#000; padding:5px;color:#999;}
.blackboxmiddle a{color:#FFF;}
.blackboxbottom{background: url(images/blackboxtop.gif) left bottom no-repeat; height:24px;margin-bottom:5px}

/* BUTTON	*/
.selectbox{	width:195px; float:right;margin-right:40px;}
#button{
	color:#333;
	background:url(images/button.png) top right no-repeat;
	font-size:11px;
	font-weight:bold;
	height:28px;
	padding-right:20px;
	display:block;
}
.dropdown {
	line-height:32px;
}
.dropdown a {
	min-width: 190px;
	display:block;
	padding:0px 10px;
}
.dropdown a:hover{
	color: #00ccff;
}
.dropdown ul {
	top:32px;
}
.dropdown li ul a{
	width:190px;
	background:#f9f9f9;
}
.dropdown li ul {
	border-top: solid 1px #f0f0f0;
}
.dropdown a.popout {
	background-image: url(../images/popout.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
#navigationmenu li{border-bottom:1px solid #CCC;}

/************************************************************
 Important!!
************************************************************/
.dropdown {
	margin:0;
	padding:0;
	list-style-type:none;
}
.dropdown ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.dropdown a {
	display:block;
}
.dropdown li{
	float:left;
	position:relative;
	display: block;
}
.dropdown ul {
	position:absolute;
	display:none;
}
.dropdown li ul a{
	float:left;
}
.dropdown li ul li{
	float:left;
	position:relative;
}
.dropdown ul ul{
	top:0;
	left:100%;
}
.dropdown li ul ul {
	margin: -1px 0px 0px 0px;
	float:left;
}
.dropdown li:hover ul ul, .dropdown li:hover ul ul ul, .dropdown li:hover ul ul ul ul{
	display:none;
	background:#f0f0f0;
}
.dropdown li:hover ul, .dropdown li li:hover ul, .dropdown li li li:hover ul, .dropdown li li li li:hover ul{
	display:block;
}
.box{background: url(images/box_bg.jpg) repeat-x;}
.checked{ background:url(images/checked.png) no-repeat;}

/* TOP FLOATER */

#floater {
	text-align: center;
	width: 100%;
	top: 0px;
	margin-bottom: 0px;
	position: fixed;
	z-index: 100;
	right: 0;
	color:#FFF;
	position:fixed;
}
#floater a{color:#999;  font-weight:bold;}
#togglefloater{text-align:right; background: url(images/tab.png) bottom right no-repeat; height:19px;cursor:pointer;color:#FFF;font-size:11px; padding-right:100px;display:block;}
#togglefloater a{color:#AAF000; font-weight:bold;}
#togglefloater a:hover{color:#FFF;}
.pixel{height:7px;background:#1E1E1E;margin-top:0;}

#floatmenucontent{background:#1E1E1E;padding:1px; text-align:center;}
/* BOTTOM FLOATER */

#floaterbottom {
	text-align: center;
	width: 100%;
	bottom: 0px;
	margin-bottom: 0px;
	position: fixed;
	z-index: 100;
	right: 0;
	color:#FFF;
	position:fixed;
	padding:0;
}
#floaterbottom a{color:#999;  font-weight:bold;}
.pixel{height:7px;background:#1E1E1E;margin-top:0;}

#floatmenucontentbottom{padding:1px; text-align:center;}
.righttab{width:125px;float:right;background:#000; background:#000 url(images/ltcorner.gif) top left no-repeat;}
#headerflash{text-align:center;margin-bottom:5px;}

/*TABS mootools*/
.boxholder{clear: both;background: #F9F9F9;border-top:1px solid #f1f1f1;}
.tabtxt{margin: 0;color:#000;font-size: 11px;font-weight: bold;padding: 5px 0 0 0;}
.tabtxt a:link, .tabtxt a:visited{color:#FFF;}
.tabtxt a:hover{color:#666;}
#heading *, #heading1 *, #heading2 *, #heading3 *, #heading4 * {display: inline;cursor: pointer;vertical-align: middle;}
#heading h3, #heading1 h3,#heading2 h3,#heading3 h3,#heading4 h3 {float:left;height: 20px;width: 102px;margin: 0 1px 0 0;text-align: center;background: #f3f3f3;}#div4 h2,
#panes div div, #panes1 div div, #panes2 div div, #panes3 div div, #panes4 div div { overflow: hidden;}
#previous, #previous1, #previous2, #previous3, #previous4 { float: none; cursor: pointer; margin-right:2px;}
#next, #next1, #next2, #next3, #next4  { float: none; cursor: pointer; }
.pane * {padding:5px;}
/*END TABS mootools*/
.code{color:#333;background:#999;border:1px solid #FFF;}
