/* LAYOUT - main body of page */
body, html {
	background-color: #7e8481;
 
	}	
div#wrap {
width: 808px;
margin: 0 auto;
position:relative;
height:auto;
background:#fff  url(images/page_shadow.gif) repeat-y;
}
div#top_page{
display:block;
width: 808px;
height:30px;
background:#fff url(images/top_page.gif) no-repeat;
}	
div#bottom_page{
margin:0 auto;
padding:0;
display:block;
width: 808px;
height:30px;
background:#fff url(images/bottom_page.gif) no-repeat;

}
/* GENERAL */
img {border:none} 
a {color: #523784;}



/* LAYOUT - HEADER */
div#header {
display: block;
margin:0 auto;
padding:0;
background:#fff url(images/header11.jpg) bottom no-repeat;
width:780px;
height:326px;
border-bottom:18px solid #523784;
}
div#userinfo {
	position:absolute;
	top:5px;
	right:90px;
	font-family:Verdana, Tahoma;
	font-size:9px;
	color: #000;
	
}

	div#header #logo{
		text-align:right;
		position:absolute;
		top:17px;
		left:14px;
		width: 760px;
		height: 120px;
		color: #523784;
		font-family:Verdana, Tahoma;
		font-size:10px;
		font-weight:bold;
		border:0px;
		background: transparent url(images/LogoJ2.jpg) left no-repeat;
		padding-left:10px;
		line-height: 17px;
	}
	div#header #top_lamp{
		
		position:absolute;
		top:140px;
		left:14px;
		width:780px;
		height:18px;
		background:#523784;

		
		}
	
	div#header #top_lamp a{
		color:#eee;
		text-decoration:none;
		}
		
	div#header #top_lamp #sublinks{
		position:relative;
		margin-top:8px;
		margin-right:10px;
		color:#fff;
		text-align:right;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
	
	}
	
	ul#menu
		{
		position:absolute;
		top: 103px;
		right:20px;
		margin:0 auto;
		padding: 0;
		height: 37px;
		list-style:none;
		}
		ul#menu li
		{
		position:relative;
		float: left;
		height: 37px;
		width:123px;
		background: url(images/button_off.jpg) no-repeat;
		text-align:center;
		}
		ul#menu li.active
		{
		background: url(images/button_on.jpg) no-repeat;
		text-align:center;
		color:#fff;
		}
		ul#menu li.active a
		{
		color:#fff;
		}

		ul#menu li a
		{
		display: block;
		float: left;
		font-family:Verdana, Tahoma;
		font-size:11px;
		font-weight: bold;
		color: #523784;
		text-decoration: none;
		width:123px;
		height:37px;
		text-align:center;
		padding-top:8px;
		}
		ul#menu li a:hover
		{
		text-decoration:none;
		//background: url(images/button_on.jpg) no-repeat;
		width:123px;
		height:37px;
		text-align:center;
		color:#000;
		}
		
		
		ul#submenu
		{
		position:absolute;
		top: 374px;
		left:20px;
		margin:0 auto;
		padding: 0;
		height: 23px;
		list-style:none;
		}
		ul#submenu li
		{
		position:relative;
		float: left;
		height: 23px;
		width:123px;
		background: url(images/subbutton_off.jpg) no-repeat;
		text-align:center;
		}
		ul#submenu li.active
		{
		background: url(images/subbutton_on.jpg) no-repeat;
		text-align:center;
		color:#ddd;
		}
		ul#submenu li.active a
		{
		color:#ddd;
		}

		ul#submenu li a
		{
		display: block;
		float: left;
		font-family:Verdana, Tahoma;
		font-size:11px;
		font-weight: bold;
		color: #523784;
		text-decoration: none;
		width:123px;
		height:23px;
		text-align:center;
		padding-top:2px;
		}
		ul#submenu li a:hover
		{
		text-decoration:none;
		//background: url(images/subbutton_on.jpg) no-repeat;
		width:123px;
		height:23px;
		text-align:center;
		color:#000;
		}
		
		
		
		
div#sidebar{
	position:absolute;
	top:440px;
	left: 15px;
	width: 134px;
	
	background-color:#eaebeb;
	border:0px;
	border-collapse: collapse;
}	
	div#sidebar #top_sidebar{
		background: #fff url(images/header_sidebar.jpg) no-repeat;
		width:134px;
		height:22px;
		font-family:Verdana, Tahoma;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		line-height:22px;
		text-indent:10px;
		}
	div#sidebar #main_sidebar{
		font-family:Verdana, Tahoma;
		font-size:13px;
		padding:5px 10px 10px 10px;
		}
	div#sidebar #main_sidebar p.text_sidebar{
		text-align:justify;
		}	
	div#sidebar #main_sidebar p.more{
		text-align:right;
	
		}
	div#sidebar #main_sidebar p.more a{
		color:#523784;
		text-decoration:none;
		}
	div#sidebar #main_sidebar p.more a:hover{
		text-decoration:underline;
		}
div#content {
	margin:0 auto;
	margin-left:170px;
	padding:0;
	min-height:305px !important;
	width:570px;
	color:#000000;
	font-family: Verdana, Tahoma, Arial;
	font:Tahoma, Verdana, Arial;
	font-size:12px;
	background-color:#FFFFFF;
	}
	div#sub{
		position: relative;
		top:10px;
		font-family:Verdana, Tahoma;
		font-size:14px;
		font-weight:bold;
		padding:0;
		margin:0;
		text-align:center;
		line-height:20px;
		}
	div#content h1{
		font-family:Verdana, Tahoma;
		font-size:11px;
		font-weight:bold;
		padding:0;
		margin:0;
		text-align:left;
		line-height:35px;
		}
	div#content a{
		color:#523784;
		text-decoration:none;
		}
		div#content a:hover{
		text-decoration:underline;
		}
	div#content div.code{
	padding:10px 10px 10px 10px;
	background:#f4f5f5 url(images/code.gif) repeat-x;
	border-top:1px solid #d8d9d9;
	border-bottom:1px solid #dfe1e1;
	}			
div#footer {
margin:0 auto;
padding:0;
text-align:center;
margin-left:30px;
margin-right:30px;
 font-family:Verdana, Tahoma;
 font-size:10px;
 font-style:normal;
 color:#818182;
 
 }
div#footer a{
	color:#818182;
	text-decoration:none;
	}
div#footer a:hover{
	color:#523784;
	}
div#footer a.activated{
	color:#523784;
	text-decoration:none;
	}	
div#author {
	position:relative;
	margin:0 auto;
	background-color: transparent;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	font-weight:normal;
	color:#fff;
	line-height:12px;
	text-align:left;
	}
div#author a{
	color:#FFF;
	margin-left:240px !important; margin-left:100px;
	}		

table#historytable {
	border-spacing: 10px;
}


table#contact {
	
	width:500px;
}	

table#contact td{
	padding: 10px;
	vertical-align: top;
	width:200px;
} 

table#who {
	
	width:600px;
}	

table#who td{
	padding: 10px;
	vertical-align: top;
	width:200px;
}

img {
	float:right;
	margin:10px;
}