/*General font: */ 

font	{ font-family: "Trebuchet MS", Helvetica, "Times New Roman", Times, serif; color: #666666; font-size: 100%;}

/*General properties of the body: Background color, -picture, margins. */ 

body {background-image: url(lightgrey-bg.gi);  background-repeat:repeat-x; background-color: #869CB2; color: #555; font-family: "Trebuchet MS", Helvetica,  "Times New Roman", Times, serif;  font-size: 95%; text-align: center;}


.center-div {
     margin-left: auto;
     margin-right: auto;
     width: 800px;
     text-align: left;
background-color: #ffffff;
border-color:#869CB2; border-width:1px; border-style:solid;
     }

.header {position:relative; background-image: url(l-header.jpg);  background-repeat:repeat-x;  background-color: #ffffff; color: #fff; font-family:  Helvetica, Times, serif;   text-align: left; height:120px;  padding:25px 0 0px 100px}

.header h1 {  font-size: 160%; font-weight:bold; text-align:left; color: #fff}

.header h2 {  font-size: 130%; font-weight:bold; text-align:left; color: #fff}


.topnav {background-color: #869CB2; font-size:90%; color:#FBB917; text-align: left; padding:5px}

.topnav a:link {color:#ffffff; font-weight:normal; text-decoration:none; padding:5px}

.topnav a:visited {color:#ffffff; font-weight:normal; text-decoration:none; padding:5px}

.topnav a:hover { background-color: #ffffff; color: #333333; font-weight:normal; text-decoration:none; padding:5px}

.topnav a:active {color:#ffffff; font-weight:normal; text-decoration:none; padding:5px}


.sup {font-size:80%;}


.clear
{
	clear:both;
}


.bodytext {margin-left:30px; margin-right:30px;}

.bodytext2 {margin-left:30px; width: 540px; float:left}

.rightside {margin-right:20px; width: 180px; float:right}

.top {background-color: #869CB2;background-image: url(jpg);  background-repeat:repeat-x;  font-size:90%; color:#000; text-align: left; padding:5px}

.top a:link {color:#ffffFf; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none; font-size:90%; padding:5px}

.top a:visited {color:#ffffFf; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none; font-size:90%; padding:5px}

.top a:hover { background-color: #ffffff; color: #333333; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none; font-size:90%; padding:5px}

.top a:active {color:#ffffFf; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none; font-size:90%; padding:5px}


.bot {background-color: #333;background-image: url(jpg);  background-repeat:repeat-x;  font-size:90%; color:#Ff0000; text-align: left; padding:5px}

.bot a:link {color:#ffffFf; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:5px}

.bot a:visited {color:#ffffFf; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:5px}

.bot a:hover { background-color: #ffffff; color: #333333; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:5px}

.bot a:active {color:#ffffFf; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%; padding:5px}

/*Links: */

a:link 	{color: #00639C; font-weight:normal; text-decoration:none;}
a:visited 	{color: #00639C; font-weight:normal; text-decoration:none;} 
a:hover     { background-color: #00639C; color: #FFFFFF; font-weight:normal; text-decoration:none;}
a:active	{color: #00639C; font-weight:normal; text-decoration:none;}

a:link img   { border-color: #00639C } 
a:visited img   { border-color: #00639C } 
a:hover img   { border-color: #00639C } 
a:active img   { border-color: #00639C } 


/*Headers:*/


h1        {  font-size: 150%; font-weight:bold; text-align:left; color: #222222}

h2	{ font-size: 130%;  font-weight: bold; text-align:left; color: #222222}

h3	{ font-size: 120%; font-weight: bold; text-align:left; color: #222222}

h4	{font-size: 110%; font-weight: bold; text-align:left; color: #222222}

h5	{font-size:110%; text-align:left }



/*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 }
.specialwhite	{font-size: 100%;	color: #ffffff; 	text-align:left }

.specialred	{font-size: 100%;	color: #ff0000; 	text-align:left }

.specialgold	{font-size: 100%; font-weight: bold;	color: #8C7853; 	text-align:left }



/*Change distance between list items:*/
li  { margin-bottom: 5px}

/*color of list:*/
li {color: #333333}
ul {color: #333333}




