﻿

body
{
	background-image:url(Images/background2.gif);
	background-repeat:repeat;
	margin:0px;
	padding:0px;
	font-family:Tahoma;
	color:#f0f0f0;
}

.content
{
	width:940px;
   margin-left:auto;
	margin-right:auto; 
	background-image:url(Images/background.png);
	background-repeat:repeat-y;
	padding:8px;
}

.bubble1
{
    margin-left:200px;
	height:100px;
	padding-left:130px;
	padding-top:10px;
	background-image:url(Images/bubble1.gif);
	background-repeat:no-repeat;
	color:#505050;
}

.bubbles
{
	margin-left:14px;
	padding-left:12px;
	width:900px;
	height:470px;
	background-image:url(Images/bubbles.gif);
	background-repeat:no-repeat;
	background-color:Transparent;
}

.menu
{
    background-color:#707070;
}

.left1, .left2
{
	float:left;
	width:202px;
	font-size:smaller;
}

.left2
{
	margin-left:25px;
}

.clear
{
	clear:both;
}

ul
{
	margin-bottom:10px;
	list-style-type:disc;	
}

li
{
   padding:0px;
   margin-left:-20px;
}

dd
{
	font-size:smaller;
	margin-bottom:4px;
}

h1
{
	margin:0px;
	padding:0px;	
}

h3
{
	margin:4px;
	padding:0px;	
}

h4
{
	margin-top:4px;
	padding-top:0px;
	padding-left:10px;
	width:180px;
	color:rgb(128,0,0);
}

h5
{
	margin:0px;
	padding:0px;	
	font-size:larger;
}


a:link, a:visited
{
	color: rgb(200,200,170);
    text-decoration:underline;
}

a.example:hover
{
	color: rgb(240,240,255);
	background-color:#303030;
}



/* menu related */

 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(MenuSprite.gif);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

#kwick1 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick4 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick4 a:hover{
	background-position: right -120px;
}