body {
	color: #00FF00;
	background-color: #000000;
	background-image: url(images/navi_back.jpg);
}

a {
	color: #6666FF;
}
a:visited {
	color: #CCAAFF;
}
a:hover {
	color: #FFFFFF;
}

#to-poroba  {
	background-color: #000000;
	border: 3px double #333333;
	padding: 1px 7px;
	position:absolute; top:2px; left:10px;
}
#to-poroba a {
	color: #00CC00; text-decoration: none;
}
#to-poroba a:hover {
	color: #33FFAA; text-decoration: underline;
}
#site-position {
	background-image: url(images/opacity50.png);
	color:#6666FF;
	padding:0px 20px;
	position:absolute; top:7px; left:150px; right:150px; height:20px;
	border:1px solid #333333;
	overflow:hidden;
}
#site-position a {
	text-decoration:none;
}
#to-komaxx {
	background-color: #000000;
	border:3px double #333333;
	padding: 1px 7px;
	position:absolute; top:2px; right:10px;
}
#to-komaxx a {
	color: #00CC00; text-decoration: none;
}
#to-komaxx a:hover {
	color: #33FFAA; text-decoration: underline;
}
#head-rim {
	background-image: url(images/navi_head_rim_w.png);
	position:absolute; top:20px; left:200px; right:0px; height:40px;
}

#layout_switcher{
	background-image: url(images/opacity50.png);
	position:absolute; top:42px; left:35px; width:125px; height:15px;
	color: #666699; text-decoration: none;
	padding: 2px 3px;
	border:2px double #333366;
}
#layout_switcher a {
	color: #333366; text-decoration: none;
}

#left-navigation {
	position:absolute; top:60px; left:0px; width:160px; bottom:40px;
	padding: 20px 10px;
	overflow: hidden;
	z-index:3;
}
#head-edge-left {
	background-image: url(images/navi_head_edge_left.png);
	position:absolute; top:21px; left:0px; width:26px; height:40px;
}
#left-rim {
	background-image: url(images/navi_left_rim_w.png);
	position:absolute; top:60px; left:0px; width:40px; bottom:38px;
	z-index:2;
}

#shoutbox {
	position:relative; top:50px; bottom:100px; left:15px; width:145px;
	background-image: url(images/opacity50.png);
	border:1px solid #333333;
	font: normal 10px sans-serif;  text-decoration: none;
	color: #666666;
	overflow: hidden;
}
#certificates-area {
	position:absolute; left:40px; bottom:5px; width:120px;
	z-index:3;
}


.naviButton a { 
	display:block;
    color: #333333;	font:bold 16px sans-serif;  text-decoration: none;
	background-image: url(images/navi_button.jpg);	
	background-repeat:no-repeat;
	margin: 2px 0px; padding: 5px 10px;
	position:relative; left: 16px; 
}
.naviButton a:hover{ 
	display:block;
    color: #FFFF00;	text-decoration: none;
	background-image: url(images/navi_button_h.jpg);	background-repeat:no-repeat;
	margin: 2px 0px; padding: 5px 10px;
	position:relative; left: 16px; 
}
.naviButton-pressed  {
	color: #AA3300;	font:bold 16px sans-serif;
	background-image: url(images/navi_button_x.jpg);	background-repeat:no-repeat;
	position:relative; left: 16px;
	margin: 2px 0px;
	padding: 5px 27px;
}

.subNaviButton a {
	display:block;
    color: #000000;	font:bold 15px sans-serif;  text-decoration: none;
	background-image: url(images/sub_navi_button.jpg);	
	background-repeat:no-repeat;
	margin: 0px 0px; padding: 4px 10px;
	position:relative; left: 29px; 
}
.subNaviButton a:hover{
	display:block;
    color: #0000CC;	font:bold 15px sans-serif;  text-decoration: none;
	background-image: url(images/sub_navi_button_h.jpg);	
	background-repeat:no-repeat;
	margin: 0px 0px; padding: 4px 10px;
	position:relative; left: 28px; 
}
.subNaviButton-pressed {
	display:block;
    color: #3333AA;	font:bold 15px sans-serif;  text-decoration: none;
	background-image: url(images/sub_navi_button_x.jpg);	
	background-repeat:no-repeat;
	margin: 0px 0px; padding: 4px 25px;
	position:relative; left: 28px; 
}

#head-edge-right{
	background-image: url(images/navi_head_edge_w.png);
	position:absolute; top:21px; left:174px; width:26px; height:40px;
}
#right-rim {
	background-image: url(images/navi_right_rim_w.png);
	position:absolute; top:60px; left:160px; width:40px; bottom:38px;
	z-index:2;
}

#footer-edge-left {
	background-image: url(images/navi_footer_edge_left.png);
	position:absolute; bottom:0px; left:0px; width:26px; height:40px;
	z-index:2;
}
#footer-edge-right {
	background-image: url(images/navi_footer_edge_w.png);
	position:absolute; bottom:0px; left:174px; width:26px; height:40px;
	z-index:2;
}
#footer-rim {
	background-image: url(images/navi_footer_rim_w.png);
	position:absolute; bottom:10px; left:200px; right:0px; height:20px;
	z-index:2;
}

#footer-content {
	font-size:small;
	color:#AAAAAA;
	position:absolute; bottom:0px; height: 18px; left:200px; right:0px;
	overflow:hidden;
	z-index:3
}
#fade {
	position:absolute; top:60px; left:0px; right:0px; bottom:0px;
	z-index:1;
}


#content-pane {
	color: #333333;
	background-color: #FFFFFF;
	position:absolute; left:200px; right:0px; top:60px; bottom:30px;
	z-index:2;
}

#news_pane {
	position:absolute; left:0px; right:200px; top:0px;
}
#recently_changed {
	color: #333333;
	background-color: #FFFFCC;
	position:absolute; right:15px; width:180px; top:100px; bottom:100px;
	border: 1px solid #996699;
	margin:2px;
	overflow:hidden;
	z-index:3;
}
.recently_box {
	position: relative; width:100%; height: 90px;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	overflow:hidden;
}
.recently_box h1 {
	font-size: 14px;
}
.recently_box .content-intro {
	font-size: 11px;
	color:#663333;
	padding: 10px 5px;
}

#content {
	font-size: 16px;
	background-image: url(images/content_back.gif); 
	background-repeat:repeat-y;
	background-position: center;
	margin: 0px 0px;
	position:absolute; left:10px; right:0px; top:0px; bottom:0px;
	overflow:auto;
}
#content a { color:#993333;}
#content a:hover { color:#999999;}
#content a:visited { color:#666666;}
#content h1 {
	font:bold 20px sans-serif;
	text-align:center;
}
#content h2 {
	color:#993333;
	font:bold 17px sans-serif;
	margin: 30px 40px 5px;
	padding: 0px 3px;
	border-left: 1px solid #993333;
	border-bottom: 1px solid #993333;
}
#content h6 {
	text-decoration: none;
	color:#AAAAAA;
	margin: 0px 0px;
	padding: 0px 10px;
}
#content h6 a {
	text-decoration: none;
	color:#AAAAAA;
	border:1px dashed #CCCCCC;
	margin: 0px 0px;
	padding: 0px 10px;
}
#content h6 a:hover {
	color:#666666;
	border:1px solid #666666;
}
#content h6 a:visited {
	color:#AAAAAA;
	border:1px dashed #CCCCCC;
}

#content cite {
	font-style:italic;
	font-weight:bold;
}

#content dt {
	color: #000066;
	font-weight:bold;
	border-left: 1px dotted #000066;
	border-bottom: 1px dotted #000066;
	margin: 15px 0px 4px 0px;
	padding: 0px 3px;
}
#content dd {
	font-size: 90%;
}

.content-intro {
	font-size: 17px;
	color:#663333;
	padding: 20px 10px;
}
#content p {
	margin: 0px 10px;
}