html {font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif; text-align:center; color:#222222; background: #424242; font-size: 12px;}
body {margin:0 auto; text-align:center; background: #424242}
a {text-decoration:none; color: #222222; outline:none;}
button{cursor:pointer;}

#headerbase {display:block; width:100%; height:75px; border-bottom:5px solid #000000; }
#header {width:900px; height: 75px; text-align: left; margin: 0 auto; position:relative; }
div#logo {width:296px; height: 50px;}

.navigation { display:block; height:30px; position:absolute; right:170px; top:20px; }
.navigation li { display:inline; }
.navigation li a { line-height:30px; padding:35px 0 35px 35px; color:#fff; font-size:14px; }
.navigation li a:hover { background: url(../images/kikare.png) 32px 67px no-repeat; }

div#bd-hd {background: url(../images/bggradient_main.png) repeat-x; display:block; width:100%; height:730px;}

hr {color:#00ffff;}

form {
  padding: 0;
  margin: 0;
}

	H1 { 	font-family: arial;
		font-size: 12pt;
		color: #000000;
		text-align: left;
		margin-left: 5%
		 } 
	H2 { 	font-family: verdana, arial;
		font-size: 10pt;
		color: #000000;
		text-align: left;
		 } 

	H3 { 	font-family: Arial;
		font-size: 10pt;
		color: #f5f1dc;
		text-align: center;
		}

	P {	font-family: arial;
		font-weight: 900;
		color: #050505;
		font-size: 10pt;
		margin-left: 1%
			}

	.whitetext { color: #ffffff; }
	.greentext { color: #11FF11; }
	.redtext { color: #FF1111; }
	.blacktext { color: #000000; }
	.graytext { color: #333333; }

	A {	font-family: verdana, arial;
		font-weight: 600;
		color: #111133;
		font-size: 8pt
			}
A.kainalo {	border-style: solid;
		border-color: #ff0000;
		border-width: 1;
		}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #424242; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li.here a{
background: gray;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}