/*General font: */ 

font	{ font-family: "Times New Roman", Times, serif; color: #333333; font-size: 100%;}

/*General properties of the body: Background color, -picture, margins. */ 

body {background-color: #869CB2; color: #333333; font-family:  "Times New Roman", Times, serif;}

.bodycontent {margin-left:10%; margin-right:10%;}
.bodytext {margin-left:10%; margin-right:10%;}

.content {margin-left:50;}
.droplets {background-image: url(Droplets_fade.jpg);
    background-repeat: repeat-y;

.layout {background-color: #FFFFFF; color: #333333; margin-left:2%; margin-right:2%; border-color:#00639C; border-width:1px; border-style:solid;}

.layout2 {background-color: #FFFFFF; color: #333333; margin-left:5%; margin-right:5%;}

.left { width: 140px; float: left; margin-top:5px;}

.left2 { width: 170px; float: left; padding-top:15px; padding-bottom:15px;}

.right { width: 130px; float: right; margin-top:5px;}

.right2 { width: 170px; float: right; padding-top:15px; padding-bottom:15px;}


.top {background-color: #869CB2; border-color:#869CB2; border-width:2px; border-style:solid; color:#ffffff; font-family: Arial, sans-serif; font-weight:normal; text-align: center}

.top a:link {color:#ffffef; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #869CB2; font-size:100%;}

.top a:visited {color:#FEEA83; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #869CB2; font-size:100%;}

.top a:hover { background-color: #ffffff; color: #333; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:100%;}

.top a:active {color:#AB171D; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #869CB2; font-size:100%;}

.top2 {background-color: #869CB2; border-color:#869CB2; border-width:1px; font-size:90%; border-style:solid; color:#ffffff; font-family: Arial, sans-serif; font-weight:normal; text-align: center}

.top2 a:link {color:#ffffff; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #869CB2; font-size:90%;}

.top2 a:visited {color:#ffffff; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #869CB2; font-size:90%;}

.top2 a:hover { background-color: #ffffff; color: #222222; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%;}

.top2 a:active {color:#AB171D; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #869CB2; font-size:90%;}

/*Links: */

a:link 	{color: #00639C; font-weight:normal; text-decoration:none; font-family: "Times New Roman", Arial, sans-serif;}
a:visited 	{color: #00639C; font-weight:normal; text-decoration:none; font-family: "Times New Roman", Arial, sans-serif;} 
a:hover     { background-color: #00639C; color: #FFFFFF; font-weight:normal; text-decoration:none; font-family: "Times New Roman", Arial, sans-serif;}
a:active	{color: #00639C; font-weight:normal; text-decoration:none; font-family: "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 } 


/*Headers:*/

h1        {  font-size: 150%; font-weight:bold; text-align:center; color: #222222}

h2	{ font-size: 140%;  font-weight: bold; text-align:center; color: #222222}

h3	{ font-size: 100%; font-weight: bold; text-align:left; color: #AB171D}

h4	{font-size: 60%; text-align:center; color: #AB171D}

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: 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: 110%;	color: #333333; 	text-align:center }

/*Change distance between list items:*/
li  { margin-bottom: 5px}

/*color of list:*/
li {color: #333333}
ul {color: #333333}




