body { 
	background-color: #000; 
	background-image: url(pattern.jpg);
	
	scrollbar-base-color:#2d4707;	   	/* takaväri, vasen ja ylä (reunat) */
	scrollbar-3d-light-color:#55860d;	/* asd  */
	scrollbar-shadow-color:#0f4a09;			/* 	oikea ja ala (reuna)		  */
	scrollbar-dark-shadow-color:#0f4a09;;
	scrollbar-face-color:#5b8d10;		 		/* scrollaajan pintaväri */
	scrollbar-3d-light-color:#fc36b2;			/*  */
	scrollbar-arrow-color:#0a5032;
}

.logo
{
position: relative;
z-index: 3;
padding: 0px;
margin: 0px;
}
 					  				   /* text and links */

h2 {
color: #f3ff05;
font-size: 20px;
margin-top: 20px;
margin-bottom: 0px;
}
									   
p { 
	color: #FFF;
	margin: 10px;
	font-family: arial;
}

p.text {
	color: #BBB;
	margin: 20px;
	margin-top: 0px;
	font-family: arial;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
}

p.rights
{
position: relative;
font-size: 12px;
color: green;
font-family: times new roman;
margin-top: 12px !important;
margin-top: 2px;
}

.animtext
{
float: left;
margin: 0px 40px 0px 40px; 
}

.animlink
{
float: left;
margin: 0px 110px 0px 58px; 
}



a 
{
color: #445e1d;	  	  /* original #394822 */
}

a.select
{
color: #f3ff05;
font-size: 20px;
font-family: times new roman;
}

a.top 
{ 
color: #f3ff05;	 	   				   /*  #597d17; */
font-family: times new roman;
margin-top: 8px;
margin-left: 31px;
font-size: 13px;
line-height: 26px;
font-family: times new roman;
text-decoration: none;
font-weight: bold;
}

a.menu 
{ 
color: #FFF; 
font-family: times new roman;
font-size: 13px;
margin-top: 6px;
margin-left: 31px; 	   		 /* general padding towards the linkimage */
line-height: 26px;
text-decoration: none;
font-weight: bold;
color: #b3ab55;
}

#xtra
{
border-bottom: 2px solid #394822;
border-left: 2px solid #394822;
color: #f3ff05;
padding-left: 5px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
spacing: 0px;
background-image: url('menu.jpg');
}

#xtra:hover
{
color: #f3ff05;
background-color: #426f00; 
background-image: none;
}

 			 	   	   				   /* Top Parts */

.main 
{
position: relative;
margin-top: 20px;
border: green 1px solid;
width: 762px;
height: 780px;
background-image: url(bg.gif);		   					  /* background-color: #646464; */
padding: 1px;
spacing: 0px;
z-index: 2;
}


.header 
{
padding: 0px;
float: left;
background-color: black;
border: #0a5032 1px solid;
width: 525px;
height: 120px;
}


.toplinks 
{
margin-left: 1px;
float: left;
padding: 0px;
width: 232px;
height: 120px;
background-color: black;
border: #0a5032 1px solid;
background-image: url('bg.gif')  /* menu.jpg  check */
}



.linktable 		  						   /* the div that contains all the page links */
{
margin: 5px 0px 0px 1px;
float: left;
padding: 0px;
spacing: 0px;
width: 758px !important;			/* 696 */
width: 756px;   					   	   	  /* for IE, right edge */
height: 32px;
background-color: black;
border: #0a5032 1px solid;

}


.link 					  			   		/* LINK DIVS */
{
margin-top: 2px;
margin-left: 3px !important;
margin-left: 2px;							/* for IE, keeping the edges same width */
margin-right: 0px;
display: block;
width: 146px;
height: 26px;
border: 1px solid green;
padding: 0px;
spacing: 0px;
background-image: url('menu.jpg');
float: left;

}

.sublink		  				  			/* the top box in the links */
{
position: absolute;
padding: 0px;
margin-left: -1px;
margin-top: -1px !important;			/* for IE, which sucks btw. Overrules the next values for other browsers */
margin-top: -5px;						/* this value is for IE */
display: block;
background-image: url('slide4g.gif');
background-repeat: no-repeat;
background-position: bottom right;
border-top: 1px solid green;
padding-bottom: 10px;  			  		/* gives the last menu item some bottom space */
border-left: 1px solid green;
z-index: 5;
}

.linkimage
{
padding: 0px;
position: absolute;
margin-top: 10px !important;
margin-top: 7px;
margin-left: -25px !important;
margin-left: -25px;
}


.sublink{
display: none;
}

.sublink div  	  		  /* the div = menus inside sublink div*/
{
padding-top: 10px;
margin-bottom: -8px;
display: block; 
height: 40px;
width: 146px;
border-right: 0px;	 	   /* #434419; */
}

#menutop	 	 	   /* toppest item on the drop down menu */
{
margin-bottom: 0px;
padding: 0px;
display: block;
border-bottom: 1px solid green;
height: 26px;
}

 			  	   		 	/* Bottom Parts */
.content 
{
float: left;	
margin-top: 9px;
margin-left: 7px;

width: 740px;
height: 500px;
background-image: url('bg_gradient.jpg');
/* background-color: #000; */
border: #0a5032 1px solid;

overflow: auto;

}


.bottom 
{
padding: 0px;
float: left;	
margin-top: 10px;
position: relative;	
background-color: black;
border: #0a5032 1px solid;
}

#left 
{
margin: 10px 2px 2px 2px;
height: 94px; 
width: 495px;
}

#right 
{
height: 94px; 
width: 257px;	 
}
 	   			 		  	   /* imgs */
							   
.linkpic
{
margin: 3px 4px 3px 7px;
border: 1px solid black;
border-bottom: 3px solid #111;
}

.linkpic:hover
{
border: 1px solid green;
}

a.me
{
margin-left: 152px !important;
margin-left: 0px; 
display: block;
width: 414px;
height: 310px;
background-image: url('hello.jpg');
}

a.me:hover
{
background-image: url('hello4.jpg');
}

.animpic
{
float: left;
margin: 10px 10px 5px 26px;
border: 1px green solid;
}

.animpic2
{
float: left;
margin: 10px 77px 5px 28px;
border: 1px green solid;
}




 	   			 		  	   		  /* SHADOWS */
.main_s 
{
margin-top: -790px !important; 
margin-top: -787px;
margin-left: 35px;
border: 0px;

padding: 0px;
spacing: 0px;
}

/* thx for the help macouno ^_^ */