/*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: #111; color: #444; font-family: "Helvetica Neue", "Trebuchet MS", Helvetica,  "Times New Roman", Times, serif;  text-align: center;}

.header {
     margin-left: auto;
     margin-right: auto;
     width: 940px;
     text-align: left;
background-color: #eeeeee;
padding:20px
}

.center-div {
     margin-left: auto;
     margin-right: auto;
     width: 940px;
     text-align: left;
background-color: #ffffff;
border-color:#869CB2; border-width:0px; border-style:solid;
     }


.mid {background-color: #ffffff;  color:#444; 
	float: left;
	width: 700px;
	padding: 20px 15px;
	font-size: 95%;}

.sidebar {
	float: right;
	background: #fff;
	width: 180px;
	padding: 20px 5px;
	color:#444;
	margin-right:20px;
	 font-size: 90%;
}

.sidebar h2 
{
	color:#111111;
	font-variant:small-caps;

        text-align: left;
}


.sidebar a {
	color: #365D95;

}
.sidebar a:hover 
{
	color:#444;
	background-color: #ffffff;
	font-weight:normal; 
	text-decoration:underline;
}

.clear
{
	clear:both;
}


.bodytext {margin-left:40px; margin-right:20px;}


.top {background-color: #869CB2;background-image: url(jpg);  background-repeat:repeat-x;  border-color:#333333; border-width:0px; border-style:solid; font-size:90%; color:#eee;font-weight:normal; text-align: left; padding:10px}

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

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

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

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

/*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: 140%; font-weight:bold; text-align:left; color: #869CB2}

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

h3	{ font-size: 100%; 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:center }



/*Properties for special highlight:*/
.special	{font-size: 150%; 	font-weight: bold;	color: #333333; 	text-align:center }

.specialright	{font-size: 90%; color: #333333; text-align:right; padding:0 20px 0 0}


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

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