/*General font: */ 

font	{ font-family: arial, tahoma, Times, serif; color: #666666; font-size: 85%;}

/*General properties of the body: Background color, -picture, margins. */ 

body {background-color: #333; color: #666666; font-family:  Helvetica, "Trebuchet MS" Verdana, Arial, sans-serif, tahoma, Times, serif; text-align: center;  font-size: 95%;}

.center-div {
     margin-left: auto;
     margin-right: auto;
     width: 940px;
     text-align: left;
background-color: #ffffff;
     }

.header {background-color: #ffffff; color: #333333; font-family:  Helvetica, Times, serif;   text-align: left;   padding:15px 0 12px 15px; margin-left:10%; margin-right:10%;}


.header h1  {  font-size: 150%; font-weight:bold; text-align:left; color: #333333; font-family: Helvetica, Verdana, Times, serif; }

.content {margin-left:10%; margin-right:15%;}
.bodycontent {margin-left:10%; margin-right:10%;}
.bodytext {margin-left:10%; margin-right:10%;}



.top {background-color: #111; color:#ffffFf; font-size:90%; text-align: left; padding:10px}

.top a:link {color:#ffffFf; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:10px}

.top a:visited {color:#ffffFf; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:10px}

.top a:hover { background-color: #ffffff; color: #333333; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:10px}

.top a:active {color:#ffffFf; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:10px}

/*Links: */

a:link 	{color: #00639C; font-weight:normal; text-decoration:none; font-family:Helvetica,  "Times New Roman", Arial, sans-serif;}
a:visited 	{color: #00639C; font-weight:normal; text-decoration:none; font-family: Helvetica, "Times New Roman", Arial, sans-serif;} 
a:hover     { background-color: #00639C; color: #FFFFFF; font-weight:normal; text-decoration:none; font-family: Helvetica, "Times New Roman", Arial, sans-serif;}
a:active	{color: #00639C; font-weight:normal; text-decoration:none; font-family: Helvetica, "Times New Roman", Arial, sans-serif;}
a:link img   { border-color: #ffffff } 
a:visited img   { border-color: #ffffff} 
a:hover img   { border-color: #ffffff } 
a:active img   { border-color: #ffffff } 


/*Headers:*/


h1        {  font-size: 160%; font-weight:bold; text-align:left; color: #444444}

h2	{ font-size: 110%;  font-weight: bold; text-align:left; color: #444444}

h3	{ font-size: 100%; font-weight: bold; text-align:left; color: #444444}

h4	{font-size: 110%; font-weight: bold; text-align:left; color: #444444}

h5	{font-size:110%; text-align:center }

h6	{font-size:100%; text-align:left}


.left300 {background-color: #ffffff;  color:#666666; 
	float: left;
	width: 300px;
	padding: 20px 15px;
	font-size: 95%;}


.right300 {background-color: #ffffff;  color:#666666; 
	float: left;
	width: 300px;
	padding: 20px 15px;
	font-size: 95%;
text-align:center;}


.clear
{
	clear:both;
}





/*Properties for special highlight:*/
.special	{font-size: 150%; 	font-weight: bold;	color: #333333; 	text-align:center }
.special2	{font-size: 150%;	color: #333333; 	text-align:center }
.special3	{font-size: 120%;	color: #333333; font-weight: bold; 	text-align:left }
.special4	{font-size: 120%;	color: #333333; 	text-align:left }
.special5	{font-size: 120%;	color: #333333; 	text-align:center }
.special6	{font-size: 100%;	color: #333333; 	text-align:center }
.special7	{font-size: 120%;	color: #00639C; 	text-align:left }
.special8	{font-size: 100%;	color: #333333; 	text-align:left }
.special9	{font-size: 100%;	color: #333333; 	text-align:right }
.specialh2	{ font-size: 150%;  font-weight: bold; text-align:left; color: #6D939B}


/*Change distance between list items:*/
li  { margin-bottom: 5px}

/*color of list:*/
li {color: #333333}
ul {color: #333333}