body	{

background-image: url(/arkaplan.jpg);
background-repeat: repeat;
background-attachment: scroll;


}




{  color: #444444; cursor: default; font-family: verdana, arial, "ms sans serif", sans-serif; font-size: 11px;
 0; padding: 0; }
td { font-family: verdana, arial, "tahoma", sans-serif; font-size: 10px; font-weight: 400; }
pre { font-family: verdana, arial, "ms sans serif", sans-serif; font-size:10px; }
form { padding: 0; margin: 0; }
.textbox { background-color: #FFFFFF; border: 1px solid #999999; font-family: Klavakia, font-size: 10px; padding: 2px; }
select.textbox { padding: 1px; }
select, input { margin: 1px; }
a { color: #000000;    font-size: 10px; letter-spacing: 0px; text-decoration: none; }
a:hover{
color: #ffffff;
background-color: #5c78b0;
text-decoration: none;
} 
hr, hr.side-hr { border:0px #ff6600 solid; border-bottom: 0; margin: 0 0 0 0; }
.small, .side-small, .smallalt { font-size: 10px; font-weight: normal; }
.tbl-border { background-color: #FFFFFF; border: 3px solid #DCE3E4; border-left-width: 0px; border-right-width: 0px; margin-top: 4px; margin-bottom: 4px; }
.tbl { padding: 3px 4px 3px 4px; }
.tbl1 { background-color: #FCFEFE; padding: 4px; border: 0px solid #E0E7E8; }
.tbl2 { background-color: #F5F8F8; border: 0px solid #E0E7E8; padding: 4px; }
.forum-caption { font-size: 11px; font-weight: bold; background-color: #ECF0F2; padding: 4px 3px 4px 3px; border: 2px solid #DCE3E4; border-left-width: 1px; border-right-width: 1px; }
.pageLeft { top left repeat-y; padding-left: 0px; }
.pageRight {  top right repeat-y; padding-right: 0px; }
img { border: 0; }
#clock { background-color: #6CAFD6; color: #FFFFFF; font-size: 9px; font-weight: bold; letter-spacing: 1px; padding: 2px 10px 3px 10px; text-align: right; }
#noscript { float: none; text-align: center; }

#header .rightside { padding: 0 0px 0px 0; }
#header .slogan { padding-left: 40px; }
#footer { background-color: #5c78b0; border-top: 3px solid #DBE4E6; border-bottom: 3px solid #DBE4E6; color: #ffffff; font-size: 10px; letter-spacing: 0px; padding: 6px; }
#footer a:hover { color: #356B8D; text-decoration: underline; }
.side-border-left { background: #FFFFFF url('images/sideborderleft.gif') top right repeat-y; border-left: 0px solid ; padding-right: 2px; }
.main-bg { background-color: #FFFFFF; border-left: 0px solid #C2D0D8; border-right: 0px solid #C2D0D8; }
.side-border-right { background:#FFFFFF url('images/sideborderright.gif') top left repeat-y; border-right: 0px solid ; padding-left: 2px; }
.centerTitle { background: #FFFFFF url('images/centertitle.gif') top left repeat-x; }
.centerTitleOverlay { background:  url('images/centertitleoverlay.gif') top left repeat-x; color: #FFFFFF; font-size: 11px; font-variant: tahoma; font-weight: bold; letter-spacing: 0px; line-height: 25px; padding-left: 6px; }
.centerContent { background: #E8E8E8; font-size: 10px; padding: 5px; }
.sideTitle { background: #FFFFFF url('images/sidetitle.gif') top left repeat-x; }
.sideTitleOverlay { background: url('images/sidetitleoverlay.gif') top left repeat-x; color: #FFFFFF; font-size: 11px; font-variant: tahoma; font-weight: bold; letter-spacing: 0px; line-height: 25px; padding-left: 6px; }
.sideTitleMinMax { background: url('images/centertitleoverlay.gif') top left no-repeat; line-height: 25px; padding: 6px 0px 0 0px; vertical-align: top; }
.sideTitleMinMax img { cursor: pointer; }
.sideContent { background: #FFFFFF; font-size: 10px; padding: 6px; }
.button { background: url('images/buttonbg.gif') top left repeat-x; border: 0; border-left: 1px solid #D74904; border-right: 1px solid #D74904; color: #FFFFFF; cursor: pointer; font-size: 9px; height: 18px; letter-spacing: 1px; }
html>body input.button { padding-bottom: 3px; /* Mozilla fix */ }
.side { font-size: 10px; }
.quote { background: #FFFFFF; border: 1px #CCCCCC solid; color: #4B8500; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 5px; margin:0 20px 0 20px; }
.shoutboxname { font-weight: bold; color: #3E61A9; }
.shoutbox { color: #555555; }
.shoutboxdate { color: #333333; }
#navBar, #navBarOverlay { height: 32px; width: 100%; }
#navBar { background: #EAEFEF url('images/navbar.gif') top left repeat-x; }
#navBarOverlay { background: url('images/navbaroverlay.gif') top left no-repeat; }
#clearmenu { clear: both; }
#menu, #menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul.submenu { padding-top: 2px; padding-bottom: 4px; }
#menu li { float: left; position: relative; }
.menu { cursor: default; font-family: Klavakia; font-size: 11px; height: 22px; letter-spacing: 1px; margin: 6px 2px 0 2px; position: absolute; }
.menu p {  font-weight: bold; margin: 0; padding: 0; padding: 3px 12px 1px 12px; }
.link { cursor: default; height: 20px; letter-spacing: 1px; margin: 6px 2px 0 2px; line-height: 20px; position: absolute; }
.link a { color: #444444; font-family: Klavakia; font-size: 11px; font-weight: bold; padding: 3px 12px 3px 12px; }
.link a:hover { color: #FFFFFF; }
.submenu { background-color: #FFFFFF; border: 2px solid #356B8D; border-top-width: 3px; cursor: default; display: none; font-family: Klavakia; font-size: 10px; left: auto; position: absolute; width: 8px; }
.submenu li { width: 100%; }
.submenu li a { background: url('images/submenu.gif') top left repeat-x; display: block; font-size: 11px; height: 19px; line-height: 19px; letter-spacing: normal; margin-top: 2px; text-decoration: none; text-indent: 7px; width: 100%; }
.submenu li a.divider { height: 22px; }
.submenu li a:hover { background: url('images/submenuhot.gif') top left repeat-x; color: #FFFFFF; display: block; text-decoration: none; }
#menu li>ul { left: auto; top: auto; }
#menu li:hover ul, li.over ul { display: block; }
html>body .submenu li a { width: auto; }
html>body #clearmenu { height: 3px; }
	}

h1 {
	font-family:Klavakia;
	font-size:20px;
	font-weight:bold;

	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:20px;
	font-weight:bold;
	background:transparent url(bgOFF.gif) repeat-x top left;
	font-family:Tahoma;
	border-top:4px solid #6cb03d;
	}

#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
	}

#stylefour ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 23px 0 20px;
	height:36px;
	background:transparent url(bgDIVIDER.gif) no-repeat top right;
	}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	background:#fff url(bgON.gif) no-repeat top right;
	}


img{ border: 0pt; }

#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}

#vista_toolbar {
float:left;
font:normal 18px 'Trebuchet MS','Arial';
margin:0;
padding:0;
}

#vista_toolbar ul {
background-image:url(back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:874px;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(right.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}




		html{
			background: url(img/bg.jpg);
			border: 0px;
			margin: 0;
			padding: 0;
		}

		body{
			border: 0px;
			margin: 0;
			padding: 0;
		}		
		
		#page {
			margin: 0px auto;
			width: 878px;
		}
		
		#menu {
			position: relative;
			height: 0;
			margin-left: 5px;
		}
		
		
		.gallery{
			margin: 30px auto;
			width: 80%;	
			padding-top: 10px;
		}
		.menuitem{
	   		background: #afec77;
		}

		.menutarget{
			background-image: url(/greenbg.gif);
			display: none;
			border-bottom: 5px solid white;
			border-left: 5px solid white;
			border-right: 5px solid white;
			
		}


		img{
			border:0px;
		}
		
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframeauramenu{
font-weight: bold;
background-color: #ffffff;
font-size: 90%;
height: 34px;
width: 100%;
}

.wireframeauramenu ul{
border: 0 solid #BBB;
background-color: #ffffff;
padding: 5px 0;
height: 36px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
overflow: hidden;
}

.wireframeauramenu ul li{
display: inline;
}

.wireframeauramenu ul li a{
color: #494949;
padding: 12px 12px 6px 6px;
height: 34px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #6cb03d; /*right border between menu items*/
}

.wireframeauramenu ul li a:hover{
color: #f86828;
background: transparent url(media/lightyellow.gif) center center no-repeat; /*background of menu item onMouseover*/
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{position:relative;display:block;height:35px;font-size:12px;font-weight:bold;background:transparent url(img/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:3px solid #5c78b0;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 30px 0 18px;height:35px;background:transparent url(img/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#5c78b0;background:#fff url(img/bgON.gif) no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */




</style>