#pageWrap {
	background-image: url(../images/bg_floating.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	min-height:800px
	}
	

	
	#innerPageWrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	color: #600;
	background-color: #C69449;
}
#topheader {
	height: 160px;
	width: 900px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	color: #523930;
}
#topheader a {
	height: 160px;
	width: 900px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	color: #523930;
	text-decoration: none;
}

#topheader a:hover {
	height: 160px;
	width: 900px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}


#topmenu {
	height: 30px;
	width: 920px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#bellow_topheader {
	height: 18px;
	width: 900px;
}

#mainbody {
	width: 100%;
	background-image: url(../images/bg_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#mainbody_single {
	width: 900px;
	background-image: url(../images/bg_content_single.gif);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	min-height:550px;
	float: left;
}


#mainbody_bg {
	width: 900px;
	background-color: #F8E8C8;
	background-image: url(../images/bg_repeat.gif);
	margin: 0px;
	padding: 0px;
	min-height: 850px;
	float: left;
}


#bg_repeat {
	background-image: url(../images/bg_repeat_single.gif);
	background-repeat: repeat;
}

#content {
	width: 100%;
	border: 0px solid #E2C99E;
	margin: 0px;
	}
	
	
#content-single {
	width: 95%;
	border: 0px solid #E2C99E;
	margin: 0px;
	padding-top: 15px;
	padding-left: 15px;
	float: left;
	}

#middle-marker {
clear:none;
float:left;
width: 640px;
	border: 0px solid #E2C99E;
	margin: 0px;

padding-right: 5px;
	padding-left: 5px;
}

#middle-marker-inside {
clear:none;
float:left;
	width: 630px;
	border: 0px solid #E2C99E;
	margin: 0px;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 10px;
}


#footer {
	width: 900px;
	background-color: #C19149;
	min-height:150px;
	color: #FFF;
	clear:both;
float:left;
}

#footer_content p {
	color: #FFF;
	font-size: 11px;
}


#footer_content {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
}



#footer_content a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
}


#footer_content a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFC;
	text-decoration: none;
}




#content_right {
	float: right;
	width: 240px;
	padding-left: 5px;
}




/*New styles */


select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EDEFF1;
	border: 0px solid #000000;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:1px solid #336699;
	color: #000000;
	font-weight : normal;
	background-color: #EDEFF1;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
/*	background-color:#CCCCCC;*/
	border:1px solid #336699;
}

button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border:1px solid #336699;
}

.csc-mailform {
	width: 300px;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 36px;
}

.csc-mailform-field {
	margin-bottom: 6px;
	line-height: 18px;
	text-align: right;
}

/*
// Left Column
*/
#menubody ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21280A;
	text-decoration: none;
	font-variant: normal;
	width:100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	text-align:left;
	clip: rect(auto,10px,auto,auto);
	left: 0px;
	clear: left;
	float: left;
}

#menubody ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21280A;
	text-decoration: none;
	font-variant: normal;
	display: block;
	text-align:left;

}

#menubody ul li {
	display: inline;
	padding: 0;
	margin: 0;
	align:left;
	
}


#menubody span.left-level-1-no a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21280A;
	border-top:0px solid #C2CEB7;
	border-bottom:1px solid #C2CEB7;
	height: auto;
	text-decoration:none;
	text-align:left;
	padding-left:15px;
	padding-right:12px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(../images/leftmenuarrow.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

#menubody span.left-level-1-no a:hover, #menubody span.left-level-1-act a {
	border-top:0px solid #C2CEB7;
	border-bottom:1px solid #C2CEB7;
	height: auto;
	text-decoration: none;
	display: block;
	color: #6B292B;
	text-align:left;
	padding-left:15px;
	padding-right:12px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(../images/leftmenuarrow.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

#menubody span.left-level-2-no a {
	border-top:1px solid #C2CEB7;
	border-bottom:1px solid #C2CEB7;
	height: auto;
	text-decoration: none;
	display: block;
	color: #40594f;
	font-size:12px;
	text-align:left;
	padding-left:20px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(../images/leftmenuarrow2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	
	
}

#menubody span.left-level-2-no a:hover, #menubody span.left-level-2-act a {
	border-top:1px solid #C2CEB7;
	border-bottom:1px solid #C2CEB7;
	height: auto;
	text-decoration: none;
	display: block;
	color: #6B292B;
	font-size:12px;
	text-align:left;
	padding-left:20px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(../images/leftmenuarrow2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menubody span.left-level-3-no a {
	border-top:1px solid #C2CEB7;
	border-bottom:1px solid #C2CEB7;
	height: auto;
	text-decoration: none;
	display: block;
	color: #7E5F1D;
	font-size:12px;
	text-align:left;
	padding-left:25px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(../images/leftmenuarrow3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menubody span.left-level-3-no a:hover, #menubody span.left-level-3-act a {
	border-top:1px solid #C2CEB7;
	border-bottom:1px solid #C2CEB7;
	height: auto;
	text-decoration: none;
	display: block;
	color: #6B292B;
	font-size:12px;
	text-align:left;
	padding-left:25px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	background-image: url(../images/leftmenuarrow3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*
// Content 
*/
H3, H4, H5, H6, P, UL { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
A { color: #330000; text-decoration: none; }
A:hover { color: #21280A; text-decoration: underline; }
P, UL, OL { font-size: 12px; font-family: Verdana; }
P {
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-weight: normal;
}

H1 {
	font-size: 16px;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
H2 {
	font-size: 14px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
H3 {
	font-size: 14px;
	color: #300;
}
H4 { font-size: 11px; color: #21280A; }
H5 { font-size: 10px; color: #993300; text-decoration: underline; }
H6 {
	font-size: 10px;
	color: #600;
}
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; }
H1 {
	margin: 0px 0px 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-decoration: none;
}
H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
H4, H5, H6 { margin: 0px 0px 0px 0px; }
H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }
H3.csc-firstHeader { margin-top: 0px; }
H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

P.bodytext { font-family: Verdana; font-size: 12px; color: #000000; line-height: 14px; padding-bottom: 6px;}

UL { list-style-type: disc; list-style-position: outside; }
UL UL LI { font-size: 12px; font-family: Verdana; }
LI { padding-left: 2px; }

IMG { border-style: none; }

P.csc-caption { font-size: 10px; }

.csc-textpic-caption { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; }



      #nav {
      list-style: none;
      position: relative;
      width: 750px !important; 
      width: 700px; 
      margin: 0px 30px 0px 0px !important;
      margin: 0px 0px 0px 20px;
      font-size: 1em;
   }
   
   #nav ul {
      list-style: none;
      display: none;
      position: absolute;
      overflow: visible;
      border-bottom: 3px solid #707586;
   }
   
   
   #nav li {
      display: block;
      width: 90px; 
      position: relative;
      margin: 7px 3px 2px 3px !important; 
      margin: 5px 2px 0px 2px;
      padding-bottom: 4px !important;
      padding: 0;
      float: left;
      }
      #nav li a {
      display: block;
      background-color: #888C99;
      color: #D6EFB5; 
      font-weight: bold;
      text-decoration: none;
      border: solid 2px; 
      border-color: #AFB6D0 #333333 #333333 #AFB6D0;
      }
      #nav li a:hover {
      background-color: #d6ecb9;
      color: #333333;
      border: solid 2px; 
      border-color: #333333 #AFB6D0 #AFB6D0 #333333;
      }
      #nav li.sel A {
      background-color: #d6ecb9;
      color: #333333;
      }
      #nav li.sel A:hover {
      background-color: #d6ecb9;
      color: #ff6600;
   }
   
   /* 1st dropdown level */
      #level1 {
      display: block;
      left: -39px;
      }
      #level1 UL {
      position: absolute;
      overflow: visible;
      border-bottom: 3px solid #707586;
      }
      #level1 li {
      display: block;
      margin: 0 !important; 
      margin: 0;
      padding: -0 0 !important;
      font-size: 1em; 
      }
      #level1 li A {
      display: block;
      width: 150px; 
      background: #e6f0d2;
      padding: 1px 3px;
      font-weight: normal;
      text-align: left;
      text-decoration: none;
      color: #364061;
      margin: 0; 
      border: 0; 
      }
      #level1 li A:hover {
      display: block;
      color: #ff6600;
      background-color: #BFE699;
      border: 0; 
      }
      #level1 li.sel A {
      background-color: #BFE699;
      color: #364061;
      }
      #level1 li.sel A:hover {
      background-color: #BFE699;
      color: #ff6600;
      } 
   
   
   /* 2nd dropdown level */
      #level2 {
      display: block;
      left: 116px !important;
      left: 110px;
      top: 0; !important;
      }
      #level2 UL {
      display: block;
      position: relative;
      overflow: visible;
      }
      #level2 LI {
      display: block;
      }
      #level2 li A {
      display: block;
      background: #afb6d0;
      }
      #level2 li A:hover {
      display: block;
      background: #dadde9;
      }
      #level2 li.sel A {
      background-color: #dadde9;
      color: #364061;
      }
      #level2 li.sel A:hover {
      background-color: #dadde9;
      color: #ff6600;
      }
   
   
   /* all see this */
      #nav ul ul, #nav ul ul ul {
      display: none;
      position: absolute;
      width: 150px;
      top: 0;
      }
      /* non-IE bowsers see this */
      #nav ul li>ul, #nav ul ul li>ul {
      margin-top: 0;
      }
      #nav LI:hover UL UL, #nav LI:hover UL UL UL{
      display: none;
      }
      #nav LI:hover UL {
      display: block;
      }
      #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
      display: block;
      }
      li>ul {
      top: auto:
      }
      UNKNOWN {
      margin-top: 0;
      left: auto; 
      top: auto;
      }
   
/* List TopNav Multimenu end*/ 


.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
}

.topmenul1 li {
	background-color: #E79518;
	padding:1px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
}

/* First level colors for link tags */
.topmenul1 a {
	color:black;
	padding:0px 15px 0px 5px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	border:1px solid #E79518; 		/* Same as BG color so total width is always the same */
}

.topmenul1 a:hover {
	background-color:#FEB103;		/* On hover for a alements, */
	border:1px solid black;
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:200px;				/* Default width for sub-menu's */
	border:1px solid black;			/* Border around the sub-menu's */
	z-index:10;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:15px !important;
	top:16px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:200px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 .topmenul2 li {
	padding:2px 0px;  			/* Controls the height per menu item on second level and lower */
	border-bottom:1px solid #f0f0f0;	/* little color seperator */
	background-color:#FEB103; 
	width:100%;
}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding:0px 4px;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	color:white;
	border:none;				/* no border, remove the style from level1 a tags */
}

/* Little arrows for the menus */
.topmenul1-ifsub,.topmenul2-ifsub {
	background-image:url(../images/arrow-b-d.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.topmenul2-ifsub {
	background-image:url(../images/arrow-b-r.gif);
}


.topmenul1 .hoveratag {
	background-color:#FEB103;		/* Hack in javascript, this will highlite teh a tag of the menu above */
	border:1px solid black;			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}




 .menu {
width:auto; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
 .menu ul {
padding:0;
margin:0;
list-style-type:none;
}
 .menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
 .menu li {
float:left;
position:relative;
}
/* style the links for the top level */
 .menu a,  .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#873931;
	width:135px;
	height:31px;
	padding-left:10px;
	line-height:29px;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html  .menu a, * html  .menu a:visited {
width:auto;
}

/* style the second level background */
 .menu ul ul a.drop,  .menu ul ul a.drop:visited {
	background-color: #C19149;
	background-image: url(../../graphics/drop.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* style the second level hover */
 .menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
 .menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
 .menu ul ul ul a,  .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
 .menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
 .menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html  .menu ul ul {
top:31px;
}

/* position the third level flyout menu */
 .menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
 .menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
 .menu table {position:absolute; top:0; left:0;}

/* style the second level links */
 .menu ul ul a,  .menu ul ul a:visited {
background:#C19149; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:210px;
/* yet another hack for IE5.5 */
}
* html  .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
 .menu ul ul a:hover{
	color:#fff;
	background-color: #E5B46F;
}

.menu a:hover{
	color:#fff;
	background-color: #E5B46F;
	background-image: url(../images/menu_bg_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


/* style the second level hover */

.menu ul ul :hover > a {
	color:#873931;
	background-color: #F2D59E;
	background-image:none;
}

.menu :hover > a {
	color:#fff;
	background-image: url(../images/menu_bg_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* make the second level visible when hover on first level list OR link */
 .menu ul li:hover ul,
 .menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
 .menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
 .menu ul :hover ul :hover ul{ 
visibility:visible;
}

.smallMenu span 
{
	color: #FFFFFF;
	background-color: #990000;
}

.specialMenu
{
	
background-image: url(../images/topmenu_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	
	border-bottom-color: #99CCFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #004BA9;
	border-left-color: #A1CAE7;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	bottom: 5px
}


.specialMenu a:hover {
	background-color:#289AFB;
		
}
		



.news_date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B53F00;
}


.news_titles {
	color: #4D3F39;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

a:link.news_titles {
	color: #4D3F39;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

a:hover.news_titles {
	color: #600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a:visited.news_titles {
	color: #4D3F39;
	text-decoration: none;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a:active.news_titles {
	color: #4D3F39;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.news-latest-gotoarchive {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B53F00;
	background-color: #F2D59D;
	}
	
	
	.news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, .news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, .news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu {
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B53F00;
}


	.news-single-rightbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B53F00;
	text-align: left;
	float: left;
	width: 630px;
	clear: both;
	padding-bottom: 5px;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border:thin solid #BB8439;
	padding:0;
}

#arabic {
font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 13px;
}

#arabic h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#arabic a {
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	color: #300;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

#arabic a:hover {
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	color: #53382F;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}