<!-- COLORS IN USE - OVERVIEW

		#ffffff = white
		#fbf8f1 = lightlight beige
		#eadab0 = light beige
		#977621 = gold
		#434343 = grey
		#6e2222 = dark red
		#082c55 = dark blue
		#593002=brown
		#F8A850=traveltop
-->

<!-- BODY --------------------------------------------------------------------------->

<!-- check this !! Added following body.money!! Otherwise its not working 
body.money
			{ background-image:url(images/bg_mone.jpg); background-repeat:no-repeat; 
	  		background-  color:#fbf8f1;font-family:Arial,Helvetica, sans-serif;  			background-attachment:scroll;}
-->
body.travel		
			{ background-image:url(images/travel.jpg);background-repeat:no-repeat;background-position:top;
			}
body.house		
			{ background-image:url(images/house.jpg);background-repeat:no-repeat; 
	  		background-color:#fbf8f1; font-family:Arial,Helvetica,sans-serif;background-			ttachment:scroll;}
body.admin		
			{ background-image:url(images/ird_top_300h_w.jpg); background-repeat:no-repeat; 
	  		background-color:#fbf8f1; font-family:Arial,Helvetica,sans-serif;  			background-attachment:scroll;}

body.index		
			{ background-image:url(images/ird_top_300h_w.jpg); background-repeat:no-			repeat;background-color:#fbf8f1; font-family:Arial,Helvetica,sans-serif; 			background-attachment:scroll;}

<!--for position of the content and the admin-part on the pages <div id='content'>
-->			
#content			{ position:absolute; top:150px; left:220px;}
#navigationindex		{ position:absolute; top:65px;  left:13px; }
#navigation			{ position:absolute; top:75px;  left:13px; }
#trnavigation		{ position:absolute; top:125px;  left:350px; }
#subnavigation		{ position:absolute; top:175px; left:12px; }
#trsubnavigation		{ position:absolute; top:190px; left:120px; }
#subnavigationtitle 	{ position:absolute; top:150px; left:13px;}
#trsubnavigationtitle 	{ position:absolute; top:170px; left:120px;}
#subnavigationsubtitle 	{ position:absolute; top:152px; left:480px;}
#trsubnavigationsubtitle { position:absolute; top:170px; left:350px;}
#message		  	{ position:absolute; top:140px; left:220px; }
#scrolllink			{position:absolute; top:20px;  right:10px; }

<!-- check this !! Added following #content Otherwise its not working-->
<!--#content 		{ position:absolute; top:150px; left:220px; width:500px; }-->

<!-- CLASSES ------------- example: <span class="blue">text</span>-------------------->

<!-- this class is for the normal text in the pages which have a grey textcolor -->
.text				{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:100; font-size:90%; text-align="left";}

.textcenter			{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:100; font-size:80%; text-align="center";width:500;}

.textbold			{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:bold; font-size:80%; text-align="left";width:500;}

.textsubcattitle		{font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#082c55 ; 
				font-weight:bold; font-size:90%; text-align="left";width:500;}

.textboldcenter		{ font-size:09pt; line-height:13pt; font-family:Arial,
				letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:bold; font-size:80%; text-align="center";width:500;}

.textsmall			{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:100; font-size:70%; text-align="left"; }

.textsmallblue		{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#082c55; 
				font-weight:100; font-size:70%; text-align="left"; }

.textadminmessage		{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#082c55; 
				font-weight:130; font-size:80%; text-align="center";width:500;}

<!-- this class is for the titles in the news-page which have a gold background and a beige textcolor -->
.newstitle			{ font-size:09pt; line-height:14pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:100; font-size:110%; text-align="center";}

<!-- this class is for the titles in the admin-part which have a grey textcolor -->
.admintitle			{ font-size:14pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				font-weight:bold; font-size:100%; text-align="center";}

<!-- titles in the admin-part with a beige background and a darkred textcolor, like in the tables -->
<!-- 	admintitlebg  = title in the center admintitledoc = title on the left side -->
.admintitlebg		{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				  serif;background-color:#eadab0;letter-spacing:0.1mm; word-				  spacing:0.5mm;color:#6e2222;font-weight:bold; font-size:80%; 
				  text-align="center";}

.admintitledoc		{ font-size:09pt; line-height:13pt; font-family:Arial,Helvetica,sans-				serif;background-color:#eadab0;letter-spacing:0.1mm; word-				spacing:0.5mm;color:#6e2222;font-weight:bold; font-size:80%; text-				align="left";}

<!-- FORMS AND BOXES ----------------------------------------------------------------->
<!-- for the forms in the admin-part this is the style of the size and the bordercolor -->

.form				{ width:240px; border:1px solid #434343; }
.formsmall			{ width:270px; border:1px solid #434343; }
.feedbackform		{ width:290px; border:1px solid #434343; }

<!-- for the forms in the news of admin-part this is the style of the size and the bordercolor -->
.newstextform		{ width:240px; border:1px solid #434343;}
.feedbacktextform		{ width:290px; border:1px solid #434343;}

<!-- for the big textboxes to fill in the content for the information pages -->
.textboxform		{ width:650px; border:1px solid #434343;}

<!-- this class is for buttons, but I am not sure if we need it anymore, we will see -->					
.button			{ background-color:#ffffff; color:#434343; width:300px; border:1px 				  solid #082c55;  }

<!-- TITLES ------------- example: <h1>title</h1>-------------------------------------->
	   
<!-- grey titles for the different pages -->
h1.title			{ font-size:8pt; line-height:14pt; font-family:Arial,Helvetica,sans-				  serif;
				  letter-spacing:0.1mm; word-spacing:0.5mm; color:#434343; 
				  font-weight:100; font-size:110%; text-align="center";}

h1.admin			{ font-size:12pt; line-height:12pt; font-weight:bold; font-size:100%; 				  font-family:Arial,Helvetica,sans-serif;letter-spacing:0.1mm; word-				  spacing:0.5mm; color:#434343; text-align="left";}

<!-- grey subtitle for the different pages-->
h2				{ font-size:09pt; line-height:09pt; font-weight:bold; font-size:80%; 				  font-family:Arial,Helvetica, sans-serif;letter-spacing:0.1mm; word-				  spacing:0.5mm;color:#434343; text-align="left";}


<!-- this is the style of the Navigation link -->

.nav    
			{ font-size: 09pt;letter-spacing:0.1mm; word-spacing:0.5mm;line-					height:13pt;font-weight: normal;font-style: normal;font-family: Arial, 				Helvetica, sans-serif;
			}

A.nav:link, A.nav:visited, A.nav:active
			{ text-decoration:none; color:#082c55; font-style:normal; 
			letter-spacing:0.1mm; word-spacing:0.5mm;font-size:09pt; line-height:13pt;
                  font-family:Arial,Helvetica, sans-serif; background-position: top left;}

A.nav:hover  
			{ text-decoration:none; background-color:#082c55; color:#ffffff;letter-				  spacing:0.1mm; word-spacing:0.5mm;font-size:09pt; line-height:13pt;
			 font-style:normal;}

<!-- this is the style of the Subnavigation link -->
.subnav    
			{ font-size: 09pt;letter-spacing:0.1mm; word-spacing:0.5mm;line-
height:13pt;font-weight: normal;font-style: normal;font-family: Arial,Helvetica, sans-serif;
			}

A.subnav:link, A.subnav:visited	
			 { color:#977621; text-decoration:none; font-style:normal; font-			family:Arial,Helvetica, sans-serif;  font-size:9pt; }

A.subnav:hover, A.subnav:active  	
 			{ color:#ffffff; background-color:#082c55; text-decoration:none; font-			size:9pt; font-style:normal; }
 
<!--------------- Style of the TOP link -------------->

A.top:link
			{ color:#977621; text-decoration:none; text-align="center"; font-			style:normal;font-family:Arial,Helvetica, sans-serif;  font-size:09pt; text-			align=right;}
A.top:visited
			{ color:#977621; text-decoration:none; text-align="center"; font-			le:normal;font-family:Arial,Helvetica,ans-serif; font-size:09pt; text-			gn=right;}
A.top:active
			{ color:#977621; text-decoration:none; text-align="center"; font-			style:normal;font-family:Arial,Helvetica,sans-serif;  font-size:09pt; text-			align=right;}
A.top:hover
			{ color:#ffffff; text-decoration:none; text-align="center"; font-			style:normal;font-family:Arial,Helvetica,sans-serif;  font-size:09pt; text-			align=right;}


<!--------------  Style of the disclaimer link ------------->

.disclaimer:link		
			{ color:#977621; text-decoration:none; font-style:normal; font-			family:Arial,Helvetica, sans-serif;font-size:08pt;}

.disclaimer:visited,.disclaimer:active 
			{ color:#082c55; text-decoration:none; font-style:normal; font-			family:Arial,Helvetica, sans-serif;font-size:08pt;  }

.disclaimer:hover
			{ color:#082c55; text-decoration:none; background-color=#fbf8f1; font-			style:normal;font-family:Arial,Helvetica, sans-serif; font-size:08pt;  }
 
<!-- TABLES ---- example: <table class="news">...</table> or <tr class="l">...</tr>----->

<!-- ADMIN ----------------------------------------------------------------------------->
<!-- for the style of the table in the admin-part -->
table.admin			{ border-color:#6e2222; border-width:1px; border-style:solid; 				  width:500; rules="rows"; }

<!-- style of the headline of the table, means the first row -->
th.thadmin			{ background-color:#082c55; font-size:9pt; line-height:13pt; 
				  font-weight:150; font-size:80%;font-family:Arial,Helvetica, sans-				  serif;letter-spacing:0.1mm;word-spacing:0.5mm; color:#a5a5a5; 
				  text-align="center"; valign="top";}

<!-- style of the cells in the table -->
td.tdadmin			{ font-size:9pt; line-height:13pt; font-weight:100; font-size:80%; 				  font-family:Arial,Helvetica, sans-serif; letter-spacing:0.1mm; word-				  spacing:0.5mm;color:#434343; text-align="left"; text-valign="top";}

<!-- NEWS -------------------------------------------------------------------------------> 

<!-- for the news-tables which present the news in a bordered table one by one -->
table.news			{ border-color:#977621; border-width:0px; border-style:solid; rules="rows"; }

<!-- for the news-tables which present the news in a bordered table one by one -->
table.newstext		{ border-color:#977621; border-width:1px; border-style:solid; 			        cellspacing="0";cellpadding="0"; vspace="0"; hspace="0"; 				  align="center"; width='90%'; }

<!-- style of the spaces in the table -->
tr.trnews			{ cellspacing="0"; cellpadding="0"; vspace="0"; hspace="0";}


<!-- GENERAL --------------------------------------------------------->
table				{ rules="rows"; cellspacing="0"; cellpadding="0"; 
				  table-layout:fixed;}

<!-- style of the headline of the table, means the first row -->
th 				{ font-size:9pt; line-height:13pt; font-weight:100; 
				  font-size:80%; font-family:Arial,Helvetica, sans-serif; letter-				  spacing:0.1mm; word-spacing:0.5mm; color:#434343;  }
<!-- style of the cells in the table -->
td				{ font-size:9pt; line-height:13pt; font-weight:100; font-size:80%; 				  font-family:Arial,Helvetica, sans-serif; letter-spacing:0.1mm; word-				  spacing:0.5mm;color:#434343; }

<!-- for a row with a beige background -->
tr.l 				{ background-color:#eadab0;}


