body {
	behavior: url("csshover3.htc");
	background-color: #787097;
	background-image: url(BG2.jpg);
	margin: 0px;
	cursor: default;
	overflow-x: hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:justify;
	line-height: 200%;
	color: #1e172e;
	
}

/*
LAYOUT 
############################################ 
*/

#BG {
 	background: url(BG.jpg) repeat-x;
 	height: 441px;
 	width: 100%;
}

#navigation {
	position:absolute;
	width:850px;
	left: 270px;
	top: 425px;
}

#content {
	position:absolute;
	width: 750px;
	left: 90px;
	top: 475px;
}

#footer {
	padding-top: 30px;
	height: 212px;
}



/*
NAVIGATION 
############################################ 
*/ 


#navigation ul {
 height: 40px; 
 margin: 0;
 position: relative;
 width: 539px;
}

#navigation ul li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 position: absolute;
}

#navigation ul li#shishi, #navigation ul li#shishiCurrent:hover {
 background: url(menu.png) 0px 0px no-repeat; 
 height: 40px;
 left: 0px;
 top: 0px;
 width: 175px;
}

#navigation ul li#shishi:hover, #navigation ul li#shishiCurrent {
 background: url(menuhover.png) 0px 0px no-repeat;
 height: 40px;
 left: 0px;
 top: 0px;
 width: 175px;
}

#navigation ul li#fanclub, #navigation ul li#fanclubCurrent:hover {
 background: url(menu.png) -188px 0px no-repeat; 
 height: 40px;
 left: 188px;
 top: 0px;
 width: 157px;
}

#navigation ul li#fanclub:hover, #navigation ul li#fanclubCurrent {
 background: url(menuhover.png) -188px 0px no-repeat;
 height: 40px;
 left: 188px;
 top: 0px;
 width: 157px;
}

#navigation ul li#etc, #navigation ul li#etcCurrent:hover {
 background: url(menu.png) -367px 0px no-repeat; 
 height: 40px;
 left: 367px;
 top: 0px;
 width: 84px;
}

#navigation ul li#etc:hover, #navigation ul li#etcCurrent {
 background: url(menuhover.png) -367px 0px no-repeat;
 height: 40px;
 left: 367px;
 top: 0px;
 width: 84px;
}

#navigation ul li#main, #navigation ul li#mainCurrent:hover {
 background: url(menu.png) -468px 0px no-repeat; 
 height: 40px;
 left: 468px;
 top: 0px;
 width: 69px;
}

#navigation ul li#main:hover, #navigation ul li#mainCurrent {
 background: url(menuhover.png) -468px 0px no-repeat;
 height: 40px;
 left: 468px;
 top: 0px;
 width: 69px;
}

#navigation ul a {
 border: 0;
 display: block;
}

#navigation ul li#shishi a {
 height: 40px;
}

#navigation ul li#fanclub a {
 height: 40px;
}

#navigation ul li#etc a {
 height: 40px;
}

#navigation ul li#main a {
 height: 40px;
}


/*
OTHER LINKS
############################################ 
*/


.borders img {
	border: 5px solid #9a92b8;
	margin-right: 10px;
	margin-top: 5px
}

.borders img:hover {
	border: 5px solid #e4ac94;
}

.codes img {
	border: 5px solid #9a92b8;
	margin: 5px;
}

.codes img:hover{
	border: 5px solid #514777
}

a:link, a:visited, a:active {
	font-family: trebuchet MS;
  	color: #fbc683;
  	text-decoration: none;
	font-weight: bold;

}

a:hover {
	font-family: trebuchet MS;
	color: #fbc683;
	text-decoration: underline;
	font-weight: bold;
}


/*
TITLES 
############################################ 
*/ 

.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	text-decoration: none;
	color: #ffffff;
	text-shadow: #19132e 1px 1px 1px;
	padding-left: 20px;
	padding-top: 5px;
	margin-top: 10px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 4px;

}

.highlighted {
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #ffa2ce;
	text-transform: uppercase
}

.highlighted2 {
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #95ff9a;
}

.small {
	font-size: 8pt;
}

/*
FORMS 
############################################ 
*/ 

input, textarea	{
	color: #201c2c;
	font-size: 9pt;
	font-family: Trebuchet MS;
	background-color: #6a628a;
	border: solid 1px #cfc9ec;
	padding: 2px 3px 2px 3px;
	}

button, option, select {
	color: #cfc9ec;
	font-size:9pt;
	font-family: Trebuchet MS;
	background-color: #6a628a;
	border: solid 1px #cfc9ec;
}