@charset "utf-8";
html {
	height:100.1%;
}
body {
	font: 65% Arial, Helvetica, sans-serif;
	background: #c7c9cb;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height:100.1%;
}
.wrap #container {
	width: 786px;
	background: none;
	margin: 0 auto;
	border: none;
	text-align: left;
}
.wrap #header {
	background: #c7c9cb;
	padding: 0;
	height:60px;
	width:786px;
	overflow:hidden;
}
.wrap #mainContent {
	padding: 0;
	margin: 0;
	background: none;
	width:786px;
	height:546px;
	overflow:hidden;
	font-size:1.2em;
}
#imageframe {
	position:absolute;
	top:0;
	left:50%;
	margin: 60px 0 0 -393px;
	background: transparent url(./background-window.png) 0 0 no-repeat;
	width:786px;
	height:546px;
	z-index:1000;
}
#menus{
	position:absolute;
	top:0;
	left:50%;
	margin: 80px 0 0 -360px;
	z-index:1010;
	font-size:1.2em;
	text-align: left;
}
#menu1,#menu2,#menu3 {
	margin:0 0 0 0;
	width:190px;
}
#menus h1{
/*	margin:0;
	padding:24px 0 0 20px;
	background: transparent url(./panel-menu-top.png) 0 0 no-repeat;
	height:48px;
	font-size:1.4em;*/
}
#menus ul{
	margin:0;
	padding:0;
	background: transparent url(./panel-menu-content.png) 0 0 repeat-y;
	list-style:none;
	text-align:left;
}
#menus .content{
	margin:0;
	padding:0 13px;
	background: transparent url(./panel-menu-content.png) 0 0 repeat-y;
}
#menus ul li{
	margin:0 0 0 20px;
	padding:0;
}
#menus ul li.act{
	margin:0 0 0 20px;
	list-style:url(./list-arrow.png);
	padding:0;
}
#menus ul li:hover{
	margin:0 0 0 20px;
	list-style:url(./list-arrow.png);
	padding:0;
}
#menus .bottom{
	margin:0;
	padding:0;
	background: transparent url(./panel-menu-bottom.png) 0 0 no-repeat;
	height:30px;
}
#menus a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#contentbox{
	position:absolute;
	top:0;
	left:50%;
	z-index:1020;
	margin:80px 0 0 -140px;
	width:490px;
	min-height:400px;
	font-size:1.2em;
	text-align: left;
}
#contentbox h1{
	margin:0;
	padding:0;
}
#contentbox #top h1{
	margin:0;
	padding:20px 0 0 20px;
	background: transparent url(./panel-text-top.png) 0 0 no-repeat;
	height:48px;
	font-size:1.4em;
}
#contentbox #top h1 h1,
#contentbox #top h1 h3{
	margin:0;
	padding:4px 0 0 0;
	background: none;
}
#contentbox #top h1 p{
	margin:0;
	padding:8px 0 0 0;
	background: none;
}
#contentbox #content{
	margin:0;
	padding:0 40px 0 20px;
	background: transparent url(./panel-text-content.png) 0 0 repeat-y;
}
#contentbox #content p{
	margin:0;
	padding:0;
}
#contentbox #content p.bodytext a{
	color:#000;
	text-decoration:none;
	border-bottom:dotted 1px #000;
}
#contentbox #content p.bodytext a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:solid 1px #000;
}
#contentbox .bottom{
	margin:0;
	padding:0;
	background: transparent url(./panel-text-bottom.png) 0 0 no-repeat;
	height:30px;
}
#menus .buttons,#contentbox .buttons{
	position:relative;
	top:-64px; right:0;
	float:right;
}

/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  
/* just a little gab */
#rgaccord2-nest {
  margin:0;
}


/*#menus h1{
	margin:0;
	padding:24px 0 0 20px;
	background: transparent url(./panel-menu-top.png) 0 0 no-repeat;
	height:48px;
	font-size:1.4em;
}*/

/* Toggle default */
h1.rgaccord2-toggle {
	margin:0;
	padding:14px 0 0 20px;
	background: transparent url(./panel-menu-top-plus.png) 0 0 no-repeat;
	height:48px;
	font-size:1.4em;
  	line-height: 48px;
    cursor:pointer;
}

/* Toggle act item */
h1.togact {
	background: transparent url(./panel-menu-top-minus.png) 0 0 no-repeat;
}

/* the content */
div.rgaccord2-content {
  width:190px;
}

/* remove margin of a CE */
div.rgaccord2-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord2-content h1 {
  display:none;
}



/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  


/* Toggle default */
h3.rgaccord1-toggle {
  font-weight:bold;
  color:#475425;
  line-height: 26px;
  height: 23px;
	background: transparent url(./panel-menu-top.png) 0 0 no-repeat;
  border-top:1px solid #eee;
  padding:2px 0 2px 25px;
  margin-right:32px;
  cursor:pointer;
}

/* Toggle act item */
h3.togact {
  color:#edf2f7;
	background: transparent url(./panel-menu-top.png) 0 0 no-repeat;
}

/* the content */
div.rgaccord1-content {
  width:190px;
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h3 {
  display:none;
}


ul.csc-menu {
margin:0 0 0 20px;
padding:0;
}