body {
margin: 0px;
padding-top:34px;	
background-image: url(../images/bg.png);
background-repeat: repeat-x;
background-color: #f7fcd2;
}

#Page_title{
margin-top: -50px;
color: #ffffff;
font-size:15px;
font-weight:bold;
}

#header {
height:305px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
padding:0px;
margin: 0px;
}

#footer_main{
margin-left:205px;
}

#footer{
color:#737373; 
font-size:8pt; 
font-family: Verdana;
text-align:Left;
margin-left:320px;
margin-top:25px;
text-align:center:
}

#footer2{
color:#737373; 
font-size:8pt; 
font-family: Verdana;
text-align:Left;
margin-left:340px;
margin-top:25px;
text-align:center:
}

#loginerror{
background-image: url(../images/background_pagetext3.png);
background-repeat:repeat-y;
width: 588px;
float:left;
margin-left:8px;
}
#main {
background-image: url(../images/background_pagetext3.png);
background-repeat:repeat-y;
width: 588px;
margin-top: -20px;
}
#main_2{
background-image: url(../images/background_pagetext3.png);
background-repeat:repeat-y;
width: 588px;
margin-left:205px;
margin-top: -20px;
}

#logintext4{
color:#555555; 
font-size:8pt; 
font-family: Verdana;
text-align:Left;
margin-right:29px;
text-transform: capitalize
}

#logintext5{
color:#555555; 
font-size:8pt; 
font-family: Verdana;
text-align:Left;
margin-top:5px;
}

#head_main {
margin-top:-40px;
margin-left:205px;
}

#register{
margin-left:60px;
margin-top:20px;
padding-left:15px;
color:#555555; 
font-size:8pt; 
font-family: Verdana;
background-color: #e5f4fb;
width: 450px;
}

#inputalign {
text-align:right;
margin-top:-15px;
margin-right:180px;
}
#imageregister{
margin-left:-15px;
}
#sasukeartwork{
position:absolute; 
margin-left: 390px;
margin-top:-50px;
float:left;
z-index: 3;
}

#usercheck{
margin-left:280px;
margin-top:-18px;
padding-bottom:20px;
width:200px;
}
#mailcheck{
margin-left:280px;
margin-top:-18px;
padding-bottom:20px;
width:200px;
}

#menu {
float:left;
}

#menu2 {
position:absolute; 
left:803px;
margin-top:-25px;
}

#download_button{
position:absolute; 
z-index: 3;
}

#download_flash{
position:absolute; 
z-index: 2;
}

#logintop {
margin-top: -73px;
margin-left: 6px;
}

#frameslider {
position:absolute;
margin-left:0px;
margin-top:6px;
z-index: 2;
}

#imageslider{
position:absolute; 
margin-left:12px;
margin-top:40px;
z-index: 1;
}

#login {
background-image:url(../images/loginbox.png);
width: 191px;
height: 148px;
margin-left: 6px;
margin-top: -5px;
}

#slidertext1{
position:absolute; 
color:#555555; 
font-size:7.2pt;
font-family: Verdana;
margin-top:22px;
margin-left:22px; 
z-index: 3;
}

#textsliderstyle{
text-decoration: none;
color:#7c0202;
}

#slidertext2{
position:absolute; 
color:#555555; 
font-size:7.2pt;
font-family: Verdana;
margin-top:22px;
margin-left:449px;
z-index: 3;
}


#logintext{
padding-top: 8px;
margin-left: 17px;
}

#quicklinks {
margin-top: 0px;
}

#community {
margin-top: 0px;
}

#Navbar {
margin-top: 12px;
margin-left: 6px;
}

#video_preview{
margin-left:6px;
}

#Navbg {
background-image: url(../images/bgnav.png);
margin-top: -12px;
background-repeat: repeat-y;
}

#multimedia {
color:#337ccc; 
font-size:8pt;
font-family: Verdana;
background-image: url(../images/bgmultimedia.jpg);
padding-left:13px;
background-repeat: repeat-y;
}

#Navitems {
margin-left: 0px;
}

#navbottom {
margin-top: -5px;
}

#multimediabottom {
margin-top: 0px;
}
#news {
margin-left: 12px;
margin-top: -10px;
padding-top: 10px;
}

#text {
font-family: helvetica;
font-size: 80%;
background-repeat: repeat-y;
width:531px;
padding-left: 10px;
padding-right: 10px;

}

#ads {
margin-top: -1px;
margin-left: 62px;
}

.input2	{
width:72px;
height:15px; 
border:1px solid #FF9933;
color:#555555; 
font-size:8pt; 
font-family: Verdana;
}

#logintext2 {
color:#555555; 
font-size:8pt; 
font-family: Verdana;
text-align:right;
margin-right:29px;
}

.login_text {
margin-top:18px;
color:#555555; 
font-size:8pt; 
font-family: Verdana;
}

.login_text2 {
position:absolute; 
color:#555555; 
font-size:8pt; 
font-family: Verdana;
top:473px;
}

#News_title{
margin-top:10px;
color:#6774c4; 
font: bold 18px Georgia, Arial;
}

#News_title a
{
   text-decoration: none; 
   color: #6774c4 ;
   font-style: italic;
}

#News_author{
color:#939393; 
font: 10px Verdana;
padding-bottom:5px;
}

#News_preview{
color:#807b44; 
font: 12px Verdana;
padding-bottom:10px;
}

#News_date{
float:right;
color:#807b44; 
font: 11px Verdana;
}

#News_rule{
  border-bottom: 2px dotted #cbbebe;
}

#Forum_title{
color:#6774c4; 
font: bold 14px Georgia, Arial;
}

#Forum_title a
{
   text-decoration: none; 
   color: #6774c4 ;
}

#Forum_author{
color:#939393; 
font: 10px Verdana;
padding-bottom:5px;
}

#Forum_preview{
color:#807b44; 
font: 12px Verdana;
padding-bottom:10px;
}

#Forum_date{
float:right;
color:#807b44; 
font: 11px Verdana;
}

#Forum_rule{
  border-bottom: 1px solid #cbbebe;
}
/*JAVASCRIPT !!!*/

.arrowlistmenu{
width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: url(../images/bgnavitem2.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/bgnavitem3.png);
margin-left:-17px;
margin-right:-15px;
padding-left: 27px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
margin-left:12px;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 18px; /*link text is indented 19px*/
text-decoration: none;
font: bold 11px Arial;
}

.zzz{
color: #A70303;
margin-left:12px;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 18px; /*link text is indented 19px*/
text-decoration: none;
font: bold 11px Arial;
}
.zzz a{
text-decoration: none;
}
.zzz a:visited{
color: #A70303;
}

.zzz a:hover{ /*hover state CSS*/
color: #5b99d8;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #5b99d8;
}

