/*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(bg-body.gi);  background-repeat:no-repeat; background-color: #F5F3F2; color: #666666; font-family: "Trebuchet MS", Helvetica,  "Times New Roman", Times, serif;  text-align: center;}

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

.header {position:relative; background-image: url(bg-menu-orange.gi);  background-repeat:repeat-x;  background-color: #ffffff; color: #C68E17; font-family:  "Trebuchet MS", Helvetica, Times, serif;   text-align: left;   padding:15px 0 12px 25px}

.topnav {background-color: #990002; border-color:#333333; border-width:0px; border-style:normal; font-size:90%; color:#FBB917; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-align: center; padding:5px}

.topnav a:link {color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%;}

.topnav a:visited {color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%;}

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

.topnav a:active {color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%;}



.mid {background-color: #ffffff;  color:#666666; 
	float: right;
	width: 680px;
	padding: 20px 20px 20px 0;
	font-size: 95%;}

.sidebar {
	float: left;
	background: #fff;
	width: 180px;
	padding: 20px 0 20px 20px;
	font-size:small;
	font-size:10px;
	font-family: "Trebuchet MS", Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#444;
}

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

        text-align: left;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar form, .sidebar table, .sidebar p
{
	padding-left:1em;
	margin:0.5em 0;
}
.sidebar li {
	margin-bottom: 2em;
	color: #000;
}

.sidebar li li {
	margin-bottom: 0;
	padding-left: 1em;
}

.sidebar a {
	color: #365D95;

}


.clear
{
	clear:both;
}


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

.news {height:60px}

.left {background-color: #ffffff;  color:#666666; 
	float: left;
	width: 300px;
}

.right {background-color: #ffffff;  color:#666666; 
	float: right;
	width: 190px;
}

.top {background-color: #990002; background-image: url(bg-menu-orange.gi);  background-repeat:repeat-x;  border-color:#333333; border-width:0px; border-style:solid; font-size:12px; color:#FFFFFF; font-family: Arial, sans-serif; font-weight:normal; text-align: left;  padding:8px 8px 8px 30px}

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

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

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

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

.bot {background-color: #333333;background-image: url(bg-menu-orange.gif);  background-repeat:repeat-x;  border-color:#333333; border-width:0px; border-style:solid; font-size:90%; color:#FBB917; font-family: Arial, sans-serif; font-weight:normal; text-align: center; padding:8px}

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

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

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

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


/*Links: */

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


.blackboard {
width: 610px; background-image: url(http://www.cssvillages.co.uk/images/blackboard.jpg);  background-repeat:y; background-color:#4444;
 color:#fff; border:2px solid #ccc; 
padding: 8px; font-family: "Comic Sans MS"; font-style: italic
}


.left280 {background-color: #ffffff;  color:#666666; 
	float: left;
	width: 280px; border:2px solid #FF8B05; 
padding: 8px; text-align:left
}

.left300 {background-color: #ffffff;  color:#666666; 
	float: left;
	width: 300px; border:0px solid #eee; 
padding: 8px; text-align:left
}


.right280 {background-color:#fff;
   color:#666; 
	float: right; 
	width: 300px; border:0px solid #333; 
padding: 8px; text-align:left
}



/*Headers:*/

h1        {  font-size: 140%; font-weight:bold; text-align:center; color: #222222}

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 }

.special2	{font-size: 140%; 	font-weight: bold;	color: #333333; 	text-align:center }

.special3	{font-size: 130%; 	font-weight: bold;	color: #333333; 	text-align:center }

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

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


/* STYLES FOR CROSSFADER */



	


div.cf_element
	{
width: 605px; background-color:#fff;
 border:2px solid #ccc; 
padding: 5px;
}


div.cf_element div.content
 {
padding: 0px; 
font-size:12px;}



div.cf_element div.content h3
 {
padding-top: 0;
 margin-top: 0;
 color:#FC8204}