/* ------------------------------------ NORMAL BODY ------------------------------------ */
A:link {
	font-family : arial;
	font-size : 11px;
	font-weight : bold;
	text-decoration : underline;
	color: #666666;
}
A:visited {
	font-family : arial;
	font-size : 11px;
	font-weight : bold;
	text-decoration : underline;
	color: #666666;
}
A:active {
	font-family : arial;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	color: #888888;
}
a:hover {
	text-decoration : none;
	font-size : 11px;
	font-weight : bold;
	color : #888888;
}
html,body{
	margin : 0;
	padding: 0;
	font-family : Arial, Verdana;
	font: 11px arial,sans-serif;
	color: #ffffff;
	background: #000000;
}


/*-------------------------------------- LAYOUT-----------------------------------------------*/
div#top {
	height: 75px;
	margin: 0;
	padding: 0;
	background: transparent url('images/top.jpg') repeat-x;
	}

div#middle{
	float:left;
	width:100%;
	background: transparent url('images/bg.jpg') repeat-x;
	}
	
div#container{
	text-align:justify;
	width:705px;
	margin:0 auto;
	background: transparent url('images/bg2.jpg') repeat-y;
	padding: 0;
	}

div#ichimaru{
	float:left;
	width:100%;
	height: 365px;
	background: transparent url('images/misch.jpg') no-repeat;
	position: relative;
	}
	
div#nani {
	width: 705px;
	height: 72px;
	margin: 0px;
	padding: 0;
	background: transparent url('images/nani.jpg') no-repeat;;
	}
	
div#foot {
	height: 125px;
	margin: 0px;
	padding: 0;
	background: transparent url('images/foot.jpg') repeat-x;
	}
	
div.scontainer{
	float: right;
	padding: 0 10px 0 0;
	width: 695px;
	}



h1#title{
	float: right;
	padding:0 15px 0 0;
	margin: 3px 0 3px 0;
	font-size: 48px;
	text-transform: uppercase;
	font-family: "impact", arial, verdana, tahoma;
	color: #000000;
	}
	
/* ------------------------------------ TOP CONTENTS --------------------------------- */
div.sbox{
	width: 207px;
	float: right;
	padding: 0;
	margin: 0 5px 0 0;
	}

ul.nav {
padding : 0;
list-style : none;
margin : 0;
padding: 0;
width: 207px;
}

.orange ul.nav {
background: #468551;
border-top: 1px solid #111111;
}
.gray ul.nav {
background: #222222;
border-top: 1px solid #111111;
}

h3 {
	padding: 1px 5px 0 5px;
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-family: "trebuchet ms" ,arial, verdana, tahoma;
}

.gray h3 {
	text-align: right;
	color: #666666;
	background: transparent url('images/graytop.jpg') no-repeat;
}

.orange h3 {
	text-align: left;
	color: #000000;
	background: transparent url('images/greentop.jpg') no-repeat top right;
}



.nav li a {
display : block;
width: 202px;
font-family : arial;
font-size : 11px;
font-weight : normal;
padding : 2px 0 2px 5px;
margin: 0;
text-align: left;
text-decoration: none;
}


.orange .nav li a:link {
color : #000000;
text-decoration: none;
}
.orange .nav li a:visited {
color : #000000;
text-decoration: none;
font-weight : normal;
}
.orange .nav li a:hover, .nav li a:active {
font-weight : normal;
color : #000000;
background: #468551;
font-size : 11px;
}

.gray .nav li a:link {
color : #555555;
text-decoration: none;
}
.gray .nav li a:visited {
color : #555555;
text-decoration: none;
font-weight : normal;
}
.gray .nav li a:hover, .nav li a:active {
font-weight : normal;
color : #666666;
background: #111111;
font-size : 11px;
}

div.scontainer .contentpad{
	margin: 22px 5px 35px 0;
	}
	
div.black{
	width: 526px;
	height: 147px;
	float: right;
	padding: 0;
	margin: 10px 5px 0 0;
	background: #000000;
	}
	
div.black h4 {
	padding: 0 15px 5px 15px;
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	font-family: "trebuchet ms" ,arial, verdana, tahoma;
	color: #ffffff;
	border-bottom: 1px solid #111111;
}

div.black p{
	padding: 10px 10px 15px 10px;
	margin: 0 5px 5px 5px;
	color: #999999;
	}
	

/* ------------------------------------ CONTENT ------------------------------------ */

div#content{ 

	margin: 0 0 0 15px;
	padding: 0;
	text-align: justify;
	width: 674px;
	float: left;
	}

div#content .contentpad{
	margin: 15px 0 35px 0;
	}
	
div#content .gray .contentpad{
	background: #222222;
	padding: 0;
	margin: 15px;
	}

div#content .orange .contentpad{
	background: #468551;
	padding: 0;
	margin: 15px;
	}

div#content h2{
	padding: 0 15px 5px 15px;
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	font-family: "trebuchet ms" ,arial, verdana, tahoma;
}

div#content .gray h2{
	color: #ffffff;
	border-bottom: 1px solid #333333;
	background: #222222;
}

div#content .orange h2{
	color: #000000;
	border-bottom: 1px solid #000000;
	background: #468551;
}

div#content p{
	padding: 10px 10px 5px 10px;
	margin: 0 5px 5px 5px;
	}
div#content .gray p{
	color: #999999;
	background: #222222;
	}	
	
div#content .orange p{
	color: #000000;
	background: #468551;
	}		

ol, ul{
	padding: 10px 0 0 40px;
	margin: 0 15px 0 15px;
	}
	
div#content .orange ol,ul {
	color: #000000;
	background: #468551;
}

div#content .gray ol,ul {
	color: #999999;
	background: #222222;
}

div#content .orange {
background: #468551;
width: 674px;
}

div#content .gray{
background: #222222;
width: 674px;
}

div#content .gray b{
	color: #666666;
}
div#content .gray i{
	color: #666666;
}
div#content .orange i{
	color: #990000;
}
div#content .orange b{
	color: #990000;
}

div#content .orange A:link {
	font-family : arial;
	font-size : 11px;
	font-weight : bold;
	text-decoration : underline;
	color: #660000;
}
div#content .orange A:visited {
	font-family : arial;
	font-size : 11px;
	font-weight : bold;
	text-decoration : underline;
	color: #660000;
}
div#content .orange A:active {
	font-family : arial;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	color: #660000;
}
div#content .orange a:hover {
	text-decoration : none;
	font-size : 11px;
	font-weight : bold;
	color : #990000;
}


/* MISCELLANEOUS */


hr {
color: #000000;
}

input {
font-family : verdana;
font-size : 13px;
border: 1px solid #000000;
width: 400px;
}

textarea {
font-family : verdana;
font-size : 13px;
border: 1px solid #000000;
width: 400px;
height: 100px;
}

.button {
font-family : verdana;
font-size : 14px;
border: 1px solid #000000;
width: 120px;
}

.orange input{
color : #000000;
background-color : #b93d0d;
}
.orange textarea{
color : #000000;
background-color : #b93d0d;
}
.orange .button{
color : #000000;
background-color : #b93d0d;
}

.gray input{
color : #000000;
background-color : #666666;
}
.gray textarea{
color : #000000;
background-color : #666666;
}
.gray .button{
color : #000000;
background-color : #666666;
}

/* SPANS */


#chan_link {
height:18px;
width: 260px;
display: block;
position: absolute;
top: 0px;
left: 0px;
}


div.clear{
	clear: both;
	}
