body {
    margin: 0; 
    padding: 0; 
    font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    min-width: 1000px;
    
     }

.centerbox {
		font-weight medium;
		font-size: 14px;
		font-style: 'Alegreya Sans', sans-serif !important;	

	
}

dt {
    display: none;
}

  
    #utility, #tab-nav1, #tab-subnav1 ul {
      list-style: none;
      margin: 0;
      font-weight: bold;
    }
    #navi, #utility li, #tab-nav1 li, #tab-nav1 a, #tab-subnav1 ul li {
      float: left
    }
    #tab-nav1 a {color: #ffffff}
    #tab-subnav1 a {color: #930093}
    
    #tab-nav1 a:hover, #tab-subnav1 a:hover,  #utility li a, #tab-subnav1 ul #subnav-sec1 a 
    {color: #002346; text-decoration: none}
    #tab-subnav1 ul #subnav-sec1 a { color: #000 }
    #navi {
      width: 100%;
      height: 145px;
      background: #111C9C url(images/bottom-line.jpg) bottom left repeat-x;
    }
    #utility { 
      background: #000040; 
      padding: 3px 5px; 
      border-bottom: 1px solid #ffffff;
      border-left: 1px solid #ffffff;
      position: absolute;
      right: 0;
      top: 0;
    }
    #utility li {
      font-size: 85%;
      padding: 0 7px;
      border-left: 1px solid #0080FF;
    }
    #utility li#ut-home, #tab-subnav1 ul #subnav-sec1 {border: none}
    #utility li a { color: #ffffff }
    #utility li a:hover { color: #0080FF }

/************************************************************************************/
   
    .utility2 {
      list-style: none;
      margin: 0;
      font-weight: bold;
    }
    .utility2 li {
      float: left;
      color: #800000;
      font-weight: bold;
      padding: 0 7px;
      border-left: 1px solid #0080FF;      
    }

    .utility2 { 
      font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      padding: 3px 5px; 
      border-bottom: 1px solid #ffffff;
      border-left: 1px solid #ffffff;

	   left: 8px;

      
    }
    .utility2 li#ut-home {border: none}
    
    .footernav {
      font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			display:table;
		  padding:0; 
		  margin:0 auto; 
			list-style-type:none;
			font-weight: bold;
			white-space:nowrap;
		 }
    .footernav li {
      float: left;
      color: #800000;
      font-weight: bold;
      padding: 0 7px;
      border-left: 1px solid #0080FF;      
    }
    .footernav li#ut-home {border: none}
		.container3 {clear:both; text-decoration:none;}
		* html .container3 {display:inline-block;} 
/*******************************************************************************/    
    
    #tab-nav1 { float: right; padding: 115px .8em 0 0 }
    #tab-nav1 li {
      margin: 0 0 0 1px;
      padding: 0 1px;
      background: #000000;
      border: 1px solid #000000;
      border-bottom: none;
      }
    #tab-nav1 li#nav-sec1 { background: #fff }
    #tab-nav1 a {   
      padding: 5px 5px;
      text-decoration: none;
      background: #7E8095 url(images/tab.jpg) 0 0 repeat-x;
    }
    #tab-nav1 #nav-sec1 a { 
      background: #fff url(images/act-tab.jpg) repeat-x;
      padding-bottom: 6px;
      color: #000;
    }
    #tab-subnav1 {
    position: absolute;
    width: 100%;
          top: 145px;
    min-width: 1000px;
   background-color: #C6C9FF;
    }
    #tab-subnav1 ul {
      float: right;
      right: 5px;
      vertical-align: middle;
      height: 15px;
      padding: 3px 5px 0 0;
    }
    #tab-subnav1 ul li {
      font: bold 90% arial, sans-serif;
      padding: 0 7px;
      vertical-align:middle;
      border-left: 1px solid #999;
      height: 15px;
    }
    
    #logo { 
      font-size: 100%;
      margin: 0;
      height: 145px;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2;
    }

    #content {
     position: absolute;
     width: 99%;
     min-width: 1000px;
     clear: both; 
     top: 179px;
	   left: 10px;
     right: 180px; 
     
     }

#content h2 a
{
color: #004080;
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
 
    
 
#content a
{
color: #004080;
font: bold "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}



#content a:hover
{
color: #48A4FF;
text-decoration: underline;
}   

#youtube a:hover
{
color: #48A4FF;
text-decoration: none;
} 

#content h2 {
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}     
     #content h1 {
     color: #4A5396;
     font-size: 18px;
     font-weight: bold;
     }
     
    #usernav {
    position: absolute;
      float: left;
      left: 10px;
      top: 142px;
      padding: 5px 5px 0 0;
    }
    #mainbody {
    position: absolute;
    left: 250px;
    clear: none;
    margin: 10px;
    z-index: 2;
    
    }
#topbn {
width: 100%;
min-width: 1000px;
top: 24px;
position: absolute;
}
#bn {
float: right;

right: 2px;

}    
#rtbn {
float: right;
position: absolute;
right: 2px;
top: 180px;
z-index: 1;

}

#sidebar {
float: right;
position: absolute;
top: 0px;
right: 200px;
}

#sidebar h2 {
color: #0080C0;
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;

}
    
#left {
	position: absolute;
	margin: 10px;
	width: 200px;

}    
#t1 {
width: 213px;
	background: #BBBFDA;
	border: 1px solid #000000;

}
/*
#listing {
	background: #BBBFDA;
	border: 1px solid #000000;
	width: 100%;
	padding: 0.5em;
	height: 30em;
	overflow: auto;
}

#listing ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#listing li {
	margin: 0;
	padding: 0;
}

#listing a.target {
	color: black;
	text-decoration: none;
}    
*/
.taborder
{
	background: #7F86D4;
	color: #000000;
	border: 1px solid #0B198C;
}
.taborder a
{
	color: #ffffff;
}
.vbmenu_control
{
	background: #7F86D4;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
	
}
.alt1, .alt1Active
{
	background: #313BAA;
	color: #FFFF00;
}
.alt2, .alt2Active
{
	background: #17219D;
	color: #FFFF00;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}


#search_box {
font-size: 10px; 
border: #000000 solid 1px; 
width:120px;
}
#search {
font-size: 10px; 
border: #000000 solid 1px; 
}

.contact {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border: #000000 solid 1px; 
width: 100%;
}

.contact_text {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border: #000000 solid 1px; 
width: 100%;
height: 100%;
}

.contact_button {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border: #000000 solid 1px; 
}

.mytable {
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.mytable th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.gif) repeat-x top left;
}

.mytable th.nobg {
	border-top: 0;
	border-left: 0;
	color: #fff;
	border-right: 1px solid #C1DAD7;
	background: #000080;
}

.mytable th.nobgbox {
	border-top: 0;
	border-left: 0;
	color: #fff;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background: #AAAAFF;
}

.mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #D9E2E6;
	padding: 2px 2px 2px 4px;
	color: #4f6b72;
}


.mytable td.alt {
	background: #F5FAFA;
	color: #797268;
	
}

.mytable td.songbox {
	background: #FFFFCE;
	color: #797268;
	
}


.mytable2 td {
	border: 0;
	background: #D9E2E6;
	padding: 2px 2px 2px 4px;
	color: #4f6b72;
}


.mytable2 td.alt {
	background: #F5FAFA;
	color: #797268;
}

.mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #D9E2E6 url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
}

.mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
}

.mytable th.songboxspec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #FFFFCE url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
}

.highlight {
background: #FFFF80;
}

.searchhead {
	 color: #583C6F;
	 font-weight: bold;
   font-size: 16px;
}
.search_drop {
font-size: 10px; 
border: #000000 solid 1px; 
}


#kanji {
    font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: black;

}

#content #kanji a {
    font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    color: #000000;
		border-bottom: 1px dotted #4A5396;
		cursor:help;
}
#songbox {
height: 19px;
width: 100px;
}

#content #kanji a :hover
{
color: #FFFFFF;
text-decoration: none;
background: #808080;
}   

.lyrics {
font-family: "Trebuchet MS", "Consolas", sans-serif;
color: #0A0C49;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.2em;
}

.lyrics b {

display: none;
	
}

/*text-indent: 0px;
margin: .5em;
*/

td.romaji {
vertical-align: top;
border-right: 3px solid #4D6DA6;
padding: 0px, 4px, 5px, 0px;
}

td.translation {

  vertical-align: top;
  padding: 0px, 0px; 5px, 4px;
/*top right bottom left */
}

/* ---------->>> hover things <<<---------------------------------------------------------------*/


/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 visibility: hidden;
 top: 1.5em;
 left: 2em; width: 10em;
}
.notedefault {
 padding: 3px;
 border: 1px solid #369;
 background-color: #FFFFFF;
 color: black;
 width:210px;
}
.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 15px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: #69C;
 color: #FFFFFF;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 2px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden
}
.snb-pinned .note-close {
 visibility: inherit;
}

#content #kanji a[class^="supernote-"] { 
    font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    color: #000000;
		border-bottom: 1px dotted #4A5396;
		cursor:help;


 }
 
#content #kanji a[class^="supernote-"]:hover
{
color: #FFFFFF;
text-decoration: none;
background: #808080;
}   

a.bigusername { font-size: 14pt; }

#lookhere {
	background: #BF0000;
	color: #FFFFFF;

}

#lookhere a{
	color: #FFFFFF;
  font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;		
}

.notice {
		color: red;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.green {
		color: green;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	list-style-type:none;
	padding:0;
	margin:0;	
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}		
	
#pscroller1{
width: 700px;
height: 33px;
border: 1px solid black;
padding: 0 0 0 95px;
background-image: url('http://www.animegalleries.net/images/globe.gif');
background-repeat: no-repeat;
background-color: white;
}