/**************************** normalisation ************************/
* {	
	padding: 0;
	margin: 0;
}
html,body {
	background: #003333;
	width: 100%;
	height: 100%;
	font-family:Tahoma; font-size:62.5%;
	text-align: center; 
}


/***************************** layout *****************************/
#wrapper {
	position: relative; top: 5%;
	width: 780px;
	height: 480px;
	margin: 0 auto;
	background: #004000;
}

/***************************** navbar******************************/

#nav {  list-style:none;	
		margin-left: 5px;	
		padding:0; 
		height: 30px; }

#nav li { margin:2px; 	
		float:left; }

#nav li a { display:block; 	
		width:150px;	
		padding:4px 0;	
		text-decoration:none;	
		text-align:center;	
		font-size:12px;
		font-weight:bold;	
		color:#FFFFFF;	
		background-color:#000000; }
		
#nav li a:hover, 
#nav li a.active { color:#FFFF99;	
				background-color:#99CC00; }


/***************************** text ******************************/

.logo        { text-align:center; }

.slogan      { color: #000000; font-size: 8pt; font-style:italic; padding-left:5; padding-right:5; padding-top:5; padding-bottom:5; }

h1           { color: #FFFF99; padding-left: 10; padding-right: 10; font-size:12pt }

h2           { color: #FFFF99; padding-left: 10; padding-right: 10; font-size:11pt }

.greentext  { color: #99CC00; padding-left: 10; padding-right: 10; font-size:10pt }

.plaintext   { color: #FFFF99; font-size: 10pt; padding-left: 10; padding-right: 10 }

.plain        { color: #FFFF99; font-size: 10pt; }

.smalltext  { color: #99CC00; font-size: 8pt; padding-left:5; padding-right:5; padding-top:5; padding-bottom:5; }


/**************************** pseudo classes ***********************/
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #99CC00;
	text-decoration: none;
}

a:active {
	color: #99CC00;
	text-decoration: none;
}