/* CSS Document */

h1
{
font:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
text-align:center;
padding:4px;
font-weight:bold;
color:#fff;
background-color:#8BA2C3;
}

h2{
font-size:11px;
color:#000000;
margin-left:20px;
margin-bottom:0px;
padding:0px;
font-size:11px;
/*width:280px;*/
}

h3
{
font-size:10px;
text-align:left;
margin:0px;
padding:0px;
color:#FFFFFF;
}

h4
{
margin:0px 10px 0px 20px;
font-size:12px;
padding:0px;
color:#000;
}

p
{
margin:0px 10px 0px 20px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*width: 250px;*/
}

body {
background-image:url('../navi/bg02.jpg');
font-family: Arial, Helvetica, sans-serif;
  	}
	
#logo
 {
 position:absolute;
 top:10px;
 left:50%; margin-left:-120px;
 width:240px;
 height:60px;
 background-image:url('../navi/dd_pda.gif');
 background-repeat:no-repeat;

 }   

#startlogo
{
border:1px solid black;
}
 
#content 
{
margin:0px;
padding:0px;
}

#startbox
{
position:absolute;
 height:150px;
 width:150px;
 top:120px;
 left:50%; margin-left:-75px;
 padding:0px;
 border:1px solid black;
}
   
#rightbox
 {
 position:absolute;
 top:100px;
 list-style-type:none;
 font-size:11px;
 letter-spacing:0.1em;
 line-height:150%;
 color:#333333;
 background-color:#FFF;
 height:auto; 
 width:auto;
 margin:0px;
 padding:0px;
 border:1px solid #000;
}
 
#rightbox a
 {
  color:#8BA2C3;
}
 
#rightbox ul
{
 margin: 10px 0px 10px 30px;
 padding: 0px;
 color: #000;
}
	
#rightbox li
{	
 margin:5px;
 padding:0px;
}

#rightbox a:hover
{
 color: #000;
}

#box
{
display:none;
}
	
   
 #leftbox
 {
 display:none;
 overflow:hidden;
 color:#8BA2C3;
 background-image:url('../navi/bg02a.jpg');
 height:250px;
 width:150px;
 margin:4px;
 padding:0px;
 border:1px solid #000;
 float:left;
  font-size:11px;
 }

#leftbox ul
{
 margin:  20px 10px 10px 20px ;
 padding: 0px 0px 0px 0px;
} 

#leftbox li
{
 margin: 0px 0px 3px 0px ;
 padding: 0px 0px 0px 0px ;
 list-style-type:none;
 font-size:11px;
 color:#000;
} 

#leftbox a
{
 font-size:11px;
 color: #8BA2C3;
 text-decoration:none;
}

#leftbox a:hover
{
 color: #000;
}

#bottombox
{
display:none;
 color:#000000;
 height:50px;
 width:150px;
 margin:4px;
 border:1px solid #000;
 float:left;
}

#switcher
{display:none;
height: 478px;
width: 10px;
float:right;
}
 
#red
{display:none;
background:inherit;
overflow:hidden;
	font-size:10px;
	margin-top:408px;
	height:8px;
 	width:8px;
 	border:0px solid white;
 }
 
#white
{	display:none;
	background:inherit;
	overflow:hidden;
	font-size:6px;
	margin-top:5px;
	height:8px;
 	width:8px;
 	border:1px solid white;
}
 
#yellow
{display:none;
  	font-size:6px;
	margin-top:5px;
 	height:8px;
 	width:8px;
 	border:1px solid white;
}
 
 #blue
{	
display:none;
  	font-size:6px;
	margin-top:5px;
 	height:8px;
 	width:8px;
 	border:1px solid white;
}
 
 #black
{display:none;
 	font-size:6px;	
 	margin-top:5px;
 	height:8px;
 	width:8px;
 	border:1px solid white;
}
	
#switcher
{
visibility:hidden;
}

#footer
 {
 margin-top:65px;
 	text-align:center;
	font-size:11px!important;
	letter-spacing:0em!important;
	color:#666666;
	width:auto;
	height:auto;
	padding:0px;
	
 }

#footer A
{
	letter-spacing:0em;
	color:#666666;
	text-decoration:none;
}
 

#footer A:hover 
{
	color: #000;
}

.center, .center p
{
text-align:center;
}

.off
{
color:#fff!important;
/*background-color:#000;*/
}

.on
{
color:#8BA2C3!important;
}