body{
margin:0px; 
padding:0px; 
font-size:9px; 
font-weight:none; 
color:#FBCB57; 
word-spacing:2px;
background:  url(images/bg_01.png) left top repeat-x #26262A;
font-family:Verdana;
width:100%; 
cursor:default;}

blockquote
{background: url(images/statbg.gif) center bottom no-repeat; 
width:300px; 
color:#FFFCEE; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-weight:bolder; 
font-size:7pt; 
height:86px; 
text-align:center; 
margin-left:30px; 
margin-right:0px;}


.stats
{padding-right:35px; 
padding-left:35px; 
padding-top:15px; 
padding-bottom:2px;}

#text{
width:351px;
color:#A5C9E3;
font-size: 12px;
float:left}


#text a{
color:#FFFCEE; 
cursor:default; 
text-decoration:none;
font-weight:bold;
font-style:Verdana,Arial,Helvetica,sans-serif;}

#text a:hover{
color:#C61A02; 
cursor: crosshair; 
font-weight:bold;
font-style:Verdana,Arial,Helvetica,sans-serif;}

#text img{
	padding:0px;
	border:4px dotted #B0C7D5;
}

#text img:hover{
	padding:2px;
	border:2px dotted #B0C7D5;
}

#text p{
margin-left:1px; 
margin-bottom:-2px; 
margin-right:1px; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:7pt; 
color:#A2C2E9; 
text-align: justify;}

#text h1{
	text-align:center;
	background:url(images/h1.gif) bottom no-repeat;
	margin-top:0px;
	color: #B0C7D5;
	padding-left:0px; 
	font-size:20px;
	font-family:Impact,Times New Roman, courier new;
	font-weight:normal;
}

#text h1:first-letter{
background-position:left; 
background-repeat:no-repeat; 
padding-left:0px; 
padding-right:0px;
font-size:30pt;
text-align:right;
font-variant:small-caps; 
color:#8AA0A4; 
font-family:Impact,"Times New Roman",Times,serif;}


#text h2{
	text-align:left;
	margin-top:0px;
	font-size:9px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #B43320;
	margin-bottom:2px;
}

#text h2:first-letter{
background-position:left; 
background-repeat:no-repeat; 
padding-left:9px; 
padding-right:2px; 
font-size:15pt; 
font-variant:small-caps; 
color:#B43320; 
font-family:Times New Roman, Georgia, arial;}

#text h3{font-family:courier news; 
font-size:10px; 
font-weight:none; 
width:300px; 
margin-left:25px; 
color:#FFFFFF; 
text-align:left}

#text b, strong
{color:#B00349;
font-variant:small-caps}

#text em, i 
{
color:#3169CB}

#text ul
{margin-left:6px; 
margin-right:6px}

#text li
{
list-style-type: cjk-ideographic; 
font-size:11px; 
color:#B0C7D5;}

.codesort img{
border:1px #B0C7D5 dotted; 
margin-left:2px}


.codesort li{
list-style-type:hiragana-iroha;
margin-left:2px; 
margin-right: 2px;
font-size:10px; 
color:#B0C7D5}

option, select, input, textarea  
	{ 		background: url(images/index_01.png) bottom right #27262B;
		border-left:  none; 
border-right:  none; 
border-top: none; 
border-bottom: 2px dotted #5DB8B5; 
		color: #F42C39;
text-align:center;
		font: 9px Helvetica,sans-serif; 
 -moz-border-radius-bottomleft:6px; 
-webkit-border-bottom-left-radius:6px;
 -moz-border-radius-topleft:6px; 
-webkit-border-top-left-radius:6px;
 -moz-border-radius-bottomright:6px; 
-webkit-border-bottom-right-radius:6px;
 -moz-box-shadow:0 0 15px #4D6D93; 
-webkit-box-shadow:0 0 15px #4D6D93;}


/* Navigation - Credit to html.it for the basical script*/

        .demo{ margin-bottom:0px; overflow:auto; clear:both; }

.demo a{
		display:block;
		text-indent:-9999px;
		width:90px;
		height:32px;
		margin-right:2px;
		float:left;
		background-image:url(images/nav-sprite.png);
		background-repeat:no-repeat;
		background-position:bottom;
		cursor:pointer;
	}
        
	#demo_music{background-position:0 0;}
	#demo_music:hover,#demo_music.hover{background-position:0 -32px;}
        
	#demo_info{background-position:-90px 0;}
	#demo_info:hover,#demo_info.hover{background-position:-90px -32px;}
        
	#demo_listing{background-position:-180px 0;}
	#demo_listing:hover,#demo_listing.hover{background-position:-180px -32px;}
        
	#demo_site{background-position:-270px 0;}
	#demo_site:hover,#demo_site.hover{background-position:-270px -32px;}
        
	#demo_disclaimer{background-position:-360px 0;}
	#demo_disclaimer:hover,#demo_disclaimer.hover{background-position:-360px -32px;}
        
	#demo_home{background-position:-450px 0;}
	#demo_home:hover,#demo_home.hover{background-position:-450px -32px;}

/* Box dropdown - Credit to html.it for the basical script*/

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#1D1D1F; cursor:wait;}

/* Container */
#osx-container {background-color:#26262A; color:#CDEAFC; font-family:"Lucida Grande",Arial,sans-serif; font-size:10px;; padding-bottom:4px; width:750px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #4D6D93; -webkit-box-shadow:0 0 64px #4D6D93;  	filter:Alpha(Opacity=50, FinishOpacity=50); opacity:0.5;}
#osx-container:hover{filter:Alpha(Opacity=50, FinishOpacity=100);	opacity:1.0;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; float:right;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px; font-family:Impact; font-size:24px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#C7C7C7; font-size:10px; font-family:"Times New Roman", Times, serif;}


#dis-modal-content, #dis-modal-data {display:none;}

/* Overlay */
#dis-overlay {background-color:#1D1D1F; cursor:wait;}

/* Container */
#dis-container {background-color:#26262A; color:#CDEAFC; font-family:"Lucida Grande",Arial,sans-serif; font-size:10px;; padding-bottom:4px; width:750px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #4D6D93; -webkit-box-shadow:0 0 64px #4D6D93;  filter:Alpha(Opacity=50, FinishOpacity=50);	opacity:0.5;}
#dis-container:hover{filter:Alpha(Opacity=50, FinishOpacity=100);	opacity:1.0;}
#dis-container b {color:#D5F1F3; text-transform:capitalize; }
#dis-container a {color:#E9E9E9; text-decoration:none; font-weight:bold; font-style:Verdana, Arial, Helvetica, sans-serif;}
#dis-container a:hover {color:#000040; background:#FFFFFF; text-decoration:none; font-weight:bold; font-style:Verdana,Arial,Helvetica,sans-serif;}
#dis-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#dis-container .close {display:none; float:right;}
#dis-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#dis-container .close a:hover {color:#000;}
#dis-container #osx-modal-data {padding:6px 12px;}
#dis-container h2 {margin:10px 0 6px; font-family:Impact; font-size:24px;}
#dis-container p {margin-bottom:10px;}
#dis-container span {color:#C7C7C7; font-size:10px; font-family:"Times New Roman", Times, serif;}


#site-modal-content, #site-modal-data {display:none;}

/* Overlay */
#site-overlay {background-color:#1D1D1F; cursor:wait;}

/* Container */
#site-container {background-color:#26262A; color:#CDEAFC; font-family:"Lucida Grande",Arial,sans-serif; font-size:10px;; padding-bottom:4px; width:750px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #4D6D93; -webkit-box-shadow:0 0 64px #4D6D93;  filter:Alpha(Opacity=50, FinishOpacity=50);	opacity:0.5;}
#site-container:hover{filter:Alpha(Opacity=50, FinishOpacity=100);	opacity:1.0;}
#site-container b {color:#D5F1F3; text-transform:capitalize; }
#site-container a {color:#E9E9E9; text-decoration:none; font-weight:bold; font-style:Verdana, Arial, Helvetica, sans-serif;}
#site-container a:hover {color:#000040; background:#FFFFFF; text-decoration:none; font-weight:bold; font-style:Verdana,Arial,Helvetica,sans-serif;}
#site-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#site-container .close {display:none; float:right;}
#site-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#site-container .close a:hover {color:#000;}
#site-container #osx-modal-data {padding:6px 12px;}
#site-container h2 {margin:10px 0 6px; font-family:Impact; font-size:24px;}
#site-container p {margin-bottom:10px;}
#site-container span {color:#C7C7C7; font-size:10px; font-family:"Times New Roman", Times, serif;}


#list-modal-content, #list-modal-data {display:none;}

/* Overlay */
#list-overlay {background-color:#1D1D1F; cursor:wait;}

/* Container */
#list-container {background-color:#26262A; color:#CDEAFC; font-family:"Lucida Grande",Arial,sans-serif; font-size:10px;; padding-bottom:4px; width:750px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #4D6D93; -webkit-box-shadow:0 0 64px #4D6D93;  filter:Alpha(Opacity=50, FinishOpacity=50);	opacity:0.5;}
#list-container:hover{filter:Alpha(Opacity=50, FinishOpacity=100);	opacity:1.0;}
#list-container b {color:#D5F1F3; text-transform:capitalize; }
#list-container i,em {color:#D2F9FC;  }
#list-container a {color:#E9E9E9; text-decoration:none; font-weight:bold; font-style:Verdana, Arial, Helvetica, sans-serif;}
#list-container a:hover {color:#000040; background:#FFFFFF; text-decoration:none; font-weight:bold; font-style:Verdana,Arial,Helvetica,sans-serif;}
#list-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#list-container .close {display:none; float:right;}
#list-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#list-container .close a:hover {color:#000;}
#list-container #osx-modal-data {padding:6px 12px;}
#list-container h2 {margin:10px 0 6px; font-family:Impact; font-size:24px;}
#list-container p {margin-bottom:10px;}
#list-container span {color:#C7C7C7; font-size:10px; font-family:"Times New Roman", Times, serif;}


#info-modal-content, #info-modal-data {display:none;}

/* Overlay */
#info-overlay {background-color:#1D1D1F; cursor:wait;}

/* Container */
#info-container {background-color:#26262A; color:#CDEAFC; font-family:"Lucida Grande",Arial,sans-serif; font-size:10px;; padding-bottom:4px; width:750px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #4D6D93; -webkit-box-shadow:0 0 64px #4D6D93;  filter:Alpha(Opacity=50, FinishOpacity=50);	opacity:0.5;}
#info-container:hover{filter:Alpha(Opacity=50, FinishOpacity=100);	opacity:1.0;}
#info-container b {color:#D5F1F3; text-transform:capitalize; }
#info-container i,em {color:#D2F9FC;  }
#info-container a {color:#E9E9E9; text-decoration:none; font-weight:bold; font-style:Verdana, Arial, Helvetica, sans-serif;}
#info-container a:hover {color:#000040; background:#FFFFFF; text-decoration:none; font-weight:bold; font-style:Verdana,Arial,Helvetica,sans-serif;}
#info-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#info-container .close {display:none; float:right;}
#info-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#info-container .close a:hover {color:#000;}
#info-container #osx-modal-data {padding:6px 12px;}
#info-container h2 {margin:10px 0 6px; font-family:Impact; font-size:24px;}
#info-container p {margin-bottom:10px;}
#info-container span {color:#C7C7C7; font-size:10px; font-family:"Times New Roman", Times, serif;}