/*General font: */ 

font	{ font-family: arial, tahoma, Times, serif; color: #444444; font-size: 90%;}

/*General properties of the body: Background color, -picture, margins. */ 

body {background-color: #00639C; color: #444444; font-family:  "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; arial, tahoma, Times, serif; font-size: 85%;}

.top {background-color: #00639C; margin: 0 0 0 0; font-size: 85%; text-align:center; color: #ffffff;}

.top a:link 	{color: #ffffff; font-weight:normal; text-decoration:none;}
.top a:visited 	{color: #ffffff; font-weight:normal; text-decoration:none;} 
.top a:hover   {  background-color:#FFffef; color: #00639C; font-weight:normal; text-decoration:none;}
.top a:active	{color: #ffffff; font-weight:normal; text-decoration:none;}


.bodytext {margin-left:10%; margin-right:10%;}
.bodycontent {margin-left:10%; margin-right:10%;}
.content {font-size: 85%;}
.content2 {font-size: 90%;}
.content3 {font-size: 70%;}


.featuredlisting {margin-left:10%; margin-right:10%; font-size: 90%; border-color:#00639C; border-width:1px; border-style:solid; color: #333333; background-color: #ffffff; padding:8px 10px 8px 10px}

.featuredlisting a:link 	{color: #00639C; font-weight:normal; text-decoration:underline;}
.featuredlisting a:visited 	{color: #00639C; font-weight:normal; text-decoration:underline;} 
.featuredlisting a:hover   {  background-color:#00639C; color: #ffffff; font-weight:normal; text-decoration:underline;}
.featuredlisting a:active	{color: #00639C; font-weight:normal; text-decoration:underline;}

.left300 {
	float: left;
	width: 300px;
	padding: 20px 15px;
	font-size: 95%;}


.right300 {
	float: left;
	width: 300px;
	padding: 20px 15px;
	font-size: 95%;
text-align:center;}


.clear
{
	clear:both;
}


/*Links: */

a:link 	{color: #00639C; font-weight:normal; text-decoration:none;  font-family:  arial, tahoma, Times, serif;}
a:visited 	{color: #00639C; font-weight:normal; text-decoration:none;  font-family:  arial, tahoma, Times, serif;} 
a:hover     { background-color: #399DE9; color: #FFFFFF; font-weight:normal; text-decoration:none;  font-family:  arial, tahoma, Times, serif;}
a:active	{color: #00639C; font-weight:normal; text-decoration:none;  font-family:  arial, tahoma, Times, serif;}
a:link img   { border-color: #00639C } 
a:visited img   { border-color: #00639C} 
a:hover img   { border-color: #800000 } 
a:active img   { border-color: #399DE9} 

/*Headers:*/


h1        {  font-size: 130%; font-weight:bold; text-align:center; color: #333333; margin: 5px 0 10px 0;}

h2	{ font-size: 140%;  font-weight: bold; text-align:center; color: #333333}

h3	{ font-size: 100%; font-weight: bold; text-align:left; color: #333333}

h4	{font-size: 60%; text-align:center; color: #333333}

h5	{font-size:110%; text-align:center }
h6	{font-size:200%; text-align:center; color: #00639C}

/*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	{text-align:center }
.specialh2	{ font-size: 150%;  font-weight: bold; text-align:left; color: #6D939B}
.specialf {font-size: 70%;text-align:right; margin:0 }

/*Change distance between list items:*/


/*color of list:*/
li {color: #333333; margin-bottom: 5px}
ul {color: #333333; margin-bottom: 0px}





