/* OBMhost */

body {
background-color:#000000; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
padding:0;
}

p {
margin:0px;
padding:5px;
font-size:90%;
}

h1 {
	margin-top:0px;
    margin-bottom:0px; 
    font-size: 260%;
    text-indent: 10px;
    font-variant: small-caps;
    color:#fff;
    background-color:#660000;
    padding:5px;
	border-right:4px #990000 solid;
	width:90%;}
	
h3 {
	margin-top:0px;
    margin-bottom:0px; 
    font-size: 110%;
    text-indent: 10px;
    font-variant: small-caps;
    color:#fff;
    background-color:#660000;
    padding:5px;
	border-right:4px #990000 solid;
	width:90%;}
	
h4 {
	margin-top:0px;
    margin-bottom:0px; 
    font-size: 100%;
    text-indent: 10px;
    font-variant: small-caps;
    color:#fff;
    background-color:#660000;
    padding:5px;
	border-right:4px #990000 solid;
	width:90%;}
	

#textarea img {
margin:0px;
padding:2px;
border:#000000 solid 1px;
}

a:link {
	color: #CC0000;
}
a:visited {
	color: #FF0000;
}

/* button menu*/
.menu {
  margin:0;
  width: 100%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: bold;
}
.menu a {
  display: block;
  width: 100%;
}
.menu a:link,
.menu a:visited,
.menu a:hover {
  background-color: #000000;
  color:#ffffff;
  text-decoration: none;
}
.menu a:link,
.menu a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.menu a:hover {
  border-bottom: 2px solid #660000;
  border-top: 2px solid #990000;
  border-right: 2px solid #660000;
  border-left: 2px solid #990000;

}
.menu span.title1 {
  padding: 0 0.4em;
  background-color:#000000;
  color: #ffffff;
}



/* image floats */

 .floatright200
{
float: right;
width: 200px;
margin: 10px;
color:#900;
background-color:#000;
}

 .floatright320
{
float: right;
width: 320px;
margin: 5px;
color:#900;
background-color:#000;
}

 .floatright480
{
float: right;
width: 480px;
margin: 10px;
color:#900;
background-color:#000;
}

 .floatleft200
{
float: left;
width: 200px;
margin: 10px;
color:#900;
background-color:#000;
}

 .floatleft320
{
float: left;
width: 320px;
margin: 5px;
color:#900;
background-color:#000;
}

 .floatleft480
{
float: left;
width: 480px;
margin: 10px;
color:#900;
background-color:#000;
}

/* background */

#header-bg {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:171px;
	z-index: 1;
}

/* layout */

#menu {
	position:absolute;
	left:10px;
	top:175px;
	width:172px;
	height:169px;
	z-index:4;
}

#textarea {
	position:absolute;
	left:200px;
	top:174px;
	width:772px;
	height:683px;
	z-index:2;
	border-left:#FF0000 2px solid;
}

#date {
	position:absolute;
	left:10px;
	top:514px;
	width:174px;
	height:30px;
	z-index:3;
}

#sitename {
	position:absolute;
	left:20px;
	top:20px;
	width:452px;
	height:52px;
	z-index:5;
}

#contact {
	position:absolute;
	left:20px;
	top:83px;
	width:451px;
	height:31px;
	z-index:6;
}