body, html {
	height: 100%;	
	margin: 0;
	background: #3d3d3d url(images/bodybg.jpg) repeat-x;
}

body,td,th {
	font-size: 12px;
	font-family: verdana, arial;
	color: #000000;
}

.main {
	width: 970px;
	margin: auto;	
	min-height: 100%;	
	background: #ffffff url(images/mainbg.gif) repeat-y;
	
}
.top {
	height: 30px;	
	background: #575756 url(images/tubeend.gif) repeat-y;
}

.menu {
	float: left;
	width: 200px;
}

.header {
	width: 770px;
	float: left;
	height: 80px;
	background: #575756 url(images/header.jpg) no-repeat ;
}
.header2 {margin-left:20px; padding-top:20px; color: #666666; font: bold 16px Arial;;}

.content {
	float: left;
	width: 510px;
	margin-left: 25px;
	margin-top: 25px;
	vertical-align: top;
	text-align: left;	
}

.sidebar {
	float: right;
	width: 200px;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

.innerclear { height: 31px; width: 780px; clear: both;}
.footer {
	width: 970px;
	clear: both;
	height: 51px;
	margin: -50px auto 0 auto;
	background: #3d3d3d url(images/footer.jpg) no-repeat ;
}

.footer2 {margin-left:220px; padding-top:20px; color: #ffffff; font-weight: bold;}



/* start accordion menu here */

.menu {XXbackground: #dddddd url(images/menuebg1.gif) repeat-y; }

.menu ul li {
	list-style-type: none;
	list-style-image: none;	
} 
.menu h3 {
	margin: 0;
	padding: 0;
}

.menu a {
	text-decoration: none;
	color: #ffffff;	
}


.arrowlistmenu {
	width: 200px;
	background-image: url(images/mbg.gif);
	background-repeat: repeat-y;
}


/*------------------------------------------------------------*/
/*CSS class for menu headers expanding*/
.arrowlistmenu .menu-expand a { 
	display:block;
	font: bold 14px Arial;
	text-transform: uppercase;
	padding: 100px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

/*-----Pictures------*/
.expand1  {background: url(images/menue1.jpg) no-repeat left bottom;}
.expand2  {background: url(images/menue2.jpg) no-repeat left bottom;}
.expand3  {background: url(images/menue3.jpg) no-repeat left bottom;}
.expand4  {background: url(images/menue4.jpg) no-repeat left bottom;}
.expand5  {background: url(images/menue5.jpg) no-repeat left bottom;}
.expand6  {background: url(images/menue6.jpg) no-repeat left bottom;}

/*hover and current:*/
h3 a:hover, .arrowlistmenu .openheader a  {background: url(images/mbar.png) no-repeat left bottom ;} 


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*not used now*/
}



/*------------------------------------------------------------*/
/*CSS class for menu headers _not_ expanding*/
.arrowlistmenu .noexpand a { 
	color: #444444;
	font: normal 14px Arial;	
	text-transform: uppercase;
	padding: 4px 0 4px 10px; 
	display:block;
	font: bold 14px Arial;
	background: #dddddd url(images/mbg-noex-lo.gif) no-repeat left bottom;
}

/*hover and current:*/
.arrowlistmenu .noexpand a:hover {
	background: #dddddd url(images/mbg-noex-hover.gif) repeat-y;
}

.noexpand .acurrent {
	color: #ffffff ! important;
	background: #dddddd url(images/mbg-noex-curr.gif) repeat-y ! important;
}







/*------------------------------------------------------------*/
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	/*padding-bottom: 2px; bottom spacing between menu items*/
}

.arrowlistmenu ul li a {
color: #444444;
background: url(images/mbg-noex-lo.gif) no-repeat bottom left; /*custom bullet list image*/
display: block;
padding: 5px 0 5px 10px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a:visited {
	color: #444444;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #444444;
	background: url(images/mbg-noex-hover.gif) no-repeat bottom left; /*custom bullet list image*/
}

.arrowlistmenu ul li .menu-current,  .arrowlistmenu ul li .acurrent {
	background: #dddddd url(images/mbg-noex-curr.gif) no-repeat bottom left ! important;
	color: #ffffff ! important; 
}

/* end accordion menu here 

.arrowlistmenu ul li .menu-current a {
	color: #00F3F3;
}
.Xmenu-current a {background-color: #0000F3 ! important;}*/




