/* CSS Document */

body {
   background: #F7F7F6 url(images/background.jpg) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align:center;
}

#container {
	margin: 0px auto;
	width: 733px;
	text-align:left;
	position: relative;
}

#content {
	width: 426px;
	float:left;
	margin: 0;
	padding: 0;
	}
	
#content h3{ 
 	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
 	color: #BB5BB0;
}
	

#fish h2 {
 	font: normal 18px Georgia, Times New Roman, Times, serif;
 	color: #2E1865;
 	padding: 10px;
	margin: 0;
}

#fish h3 {
 	font: bold 15px Georgia, Times New Roman, Times, serif;
 	color: #BB5BB0;
 	padding: 10px;
	margin: 0;
	text-align:right;
}

#fish h4 {
 	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
 	color: #666666;
 	margin-bottom: 10px;
	padding: 0 15px 10px 20px;
}

.miniheaders { 
 	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
 	color: #BB5BB0;
 	margin-bottom: 10px;
	padding: 0 0 10px 0;
}

.pink { 
 	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
 	color: #BB5BB0;
 	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
}
 
.text { 
 	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
 	color: #666666;
 	margin-bottom: 10px;
	padding: 0px 15px 10px 20px;
}

.text a:link { 
 	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
 	color: #341954;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;

}
.text a:visited { 
 	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
 	color: #341954;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
}

.text a:hover{ 
 	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #BB5BB0;
	color: #341954;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

.tab {
	padding: 0px 25px 10px 20px;
	}
	
	.learning {
	padding: 0px 15px 10px 40px;
	}

/* Flags */

#english_flag {
	float:left;
	position:absolute;
	margin-left: 633px;
	margin-top: 55px;
	z-index: 100;
	width: 39px;
	}
	
#english_flag a { 
	display: block;
	background-image:  url(images/ukflag_fade.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 25px;
	}
#english_flag a:hover { 
	background-image:  url(images/ukflag.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 25px;
	}
	
#english_flag a#current { 
	background-image:  url(images/ukflag.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 25px;
	cursor:default;
	}
	
#german_flag {
	float:left;
	position:absolute;
	margin-left: 679px;
	margin-top: 55px;
	z-index: 100;
	width: 39px;
	}

#german_flag a { 
	display: block;
	background-image:  url(images/germanflag_fade.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 25px;
	}
#german_flag a:hover { 
	background-image:  url(images/germanflag.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 25px;
	}
	
#german_flag a#current { 
	background-image:  url(images/germanflag.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 25px;
	cursor:default;
	}

/* End of flags */

#left {
	width: 101px;
	float:left;
	}

/* Start of navigation */

#navcontainer {
	width: 101px;		
	background-color: #341954;
}

#navcontainer ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
	text-indent: 5px;
	letter-spacing: 1px;
	border-top: 1px solid #fff;	
	}
	
#navcontainer li {
	padding: 1px;
	border-bottom: 1px solid #fff;	
	}

#navcontainer a {
 	display: block;
 	width: 99px;
}

#navcontainer a:link, #navcontainer a:visited {
	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
 	text-decoration: none;
}

#navcontainer a:hover  {
	color: #BB5BB0;
	background-color:#C1CBF7;
	text-decoration: none;
}

#navcontainer li a#current {
	color: #BB5BB0;
	background-color:#C1CBF7;
	text-decoration: none;
	cursor:default;
}

.current { 
 	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
 	color: #BB5BB0;
 	margin-bottom: 10px;
	padding: 0 0 10px 0;
}

.currentsubnav { 
 	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
 	color: #BB5BB0;
 	margin-bottom: 10px;
	text-indent: 20px;
}

.subnav { 
 	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
 	color: #FFF;
	padding: 0;
	text-indent: 20px;
}

.subnav a { 
 	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
 	color: #FFF;
	text-decoration: none;
	border-bottom: 0;
}

.subnav a:link { 
 	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
 	color: #FFF;
	text-decoration: none;
	border-bottom: 0;
}

.subnav a:hover { 
 	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
 	color: #BB5BB0;
	text-decoration: none;
	border-bottom: 0;
}


/* End of navigation */

/* Footer */

#footer {	
	margin: 0px auto;
	position: relative;
	background-color: #DDDDFF;
	width: 734px;
	padding: 3px 0;
	clear: both;
}

#footer h2 {
	margin: 0;
	text-align: left;
	font: normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #2E1865;
	padding: 0 9px
}


#footer h2 a:visited, #footer h2 a:link {
	color: #BB5BB0;
	text-decoration: none;
	border-bottom: 1px dotted #2E1865;
}

#footer h2 a:hover {
	color: #DDDDFF;
	text-decoration: none;
	border-bottom: none;
	background-color: #2E1865;
}
.clear {
	clear: both;
}
.copyright {
 	float:left;
	}

.sitemap {
 	float:right;
	}

/* End of footer */

/* --- favorite links--- */

#favlinks {
	width: 101px;
	margin-top: 33px;
}

#favlinks h2 {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #5C604D;	
	margin: 20px 0 10px 12px;
	padding: 0;
}

#favlinks ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
}

ul.extlinks li {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
}


.extlinks a:link {
 	color: #341954;
 	text-decoration: none;
 	border-bottom: 1px dotted #341954;
}

.extlinks a:visited {
 	color: #341954;
 	text-decoration: none;
 	border-bottom: 1px dotted #341954;
}

.extlinks a:hover {
	background-color: #C1CBF7;
	color: #341954;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

/* Start of Right */

#right {
 width: 206px;
 float: left;
 padding:0;
 background-color: #C1C0F7;
}

#right h2{
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #BB5BB0;
}

#right h3{
	font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #BB5BB0;
}

/* End of Right */

/* Start of tables */

table
{
border:0px solid #ffffff;
}

td
{
border:0px solid #ffffff;
} 
/* End of tables */

/* Start of form */

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

label {
	text-align: left;
	width: 75px;
	padding-right: 10px;
	padding-left: 20px;
	}

br {
	clear: left;
	}

textarea { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}
.right {
	text-align:right;
	}

/* End of form */

.text img a:hover {
background-color: #fff;
}