@charset "utf-8";

/* CSS Document */



body  {

background-color:#E9DB77;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

}

.main {

	float: none;

	position: relative;

	width: 760px;

	margin-right: auto;

	margin-left: auto;

}

.news {

	background-image: url(news.jpg);

	margin-top: 11px;

	float: right;

	height: 147px;

	width: 126px;

	margin-right: 15px;

	text-align:center;

	direction:rtl;

	padding-top: 55px;

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 15px;

	position:static;

	clear: right;

}

.header {

	float: left;

	height: 106px;

	width: 760px;

	position: static;

}

.navbar {

	float: left;

	height: 107px;

	width: 505px;

	position: static;

	background-image: url(buttons_new.jpg);

	padding-left: 60px;

	padding-right: 195px;

	display:block;

}

.bg {

	float: left;

	width: 760px;

	position: static;

	background-image: url(bg.jpg);

	background-repeat: repeat-y;

	background-color: #F6EDC6;

}

.articles {

	background-image: url(articles.jpg);

	margin-top: 10px;

	float: right;

	height: 147px;

	width: 126px;

	margin-right: 15px;

	text-align: right;

	padding-top: 55px;

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 15px;

	position:static;

	clear: right;

}

.twowindows {

	float: left;

	position: static;

	height: 333px;

	width: 156px;

}

.footer {

	background-image: url(down.jpg);

	float: left;

	height: 143px;

	width: 760px;

	position: static;

}

.content {

	float: left;

	width: 541px;

	position: static;

	text-align: right;

	direction:rtl;

	padding-right: 20px;

	padding-left: 20px;

}



.side_menu {

	float: right;

	width: 150px;

	margin-top: 10px;

	margin-right: 10px;

	text-align:right;

	direction:rtl;

}

.side_menu ul, .menu li {

	list-style-type: none;

	display: block;

	margin: 0;

	padding: 0;

	padding-right: 5px;

}



.highlight {

	background-color: #D0D0D0;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	####	Header Menu #####

	#######################



	Horizontal Drop-Down Menu based off :

	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

	

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {

clear:both;

display:block;

height:30px;

margin-top: 65px;

	width: auto;

	float: left;

	margin-right: 23.5px;

}





/* Remove List Formattings

~~~~~~~~~~~~~~~~~~~~  */

 ul.menu, li.menu {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



/* Header menu */	 

#header_menu {position: absolute; margin-left: 20px;}

#header_menu li {line-height: normal;}

ul#header_menu  {z-index: 10; clear: both;}



#nav {

	float:left;	

	height: 30px;	

	border: 0;	

	padding:0;

	

}

#nav ul {

	list-style-type: none; 

	margin: 0; 

	padding: 0;	

	width: auto;

	/*

	(Disappearing List-Background)

	http://www.positioniseverything.net/explorer/ie-listbug.html

	*/

	position: relative; /* Fix the Stupid IE6 Bug */

}



/* Root Level Link Formatting */

#nav ul li { float:right; color: #fff; text-align: center; font-weight: normal; direction:rtl; }

#nav ul li a {display: block; background: url(img/navbgl1.gif) no-repeat; padding: 0px 15px 0px 15px; color: #fff; text-decoration: none; font-weight: bold; }

/* Root Level link hover */

#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {background: url(img/navbgl1hi.gif); color: ##fff;}

#nav a.menu-parent {background: url(img/navbgl0parent.gif); color: #fff;}



/*Current page Customisations*/

#nav a.menu-current		{font-weight: bold;} 



/* 2nd Child menu */

#nav .menu li ul { position: absolute; right:0px; width: 11em; margin:0;  display: none; text-transform: none; border-bottom: 1px solid #3b4750; border-left: 1px solid #3b4750; border-right: 1px solid #3b4750; font-size: 100%; background: #f1ba45 url(img/ulbg1.jpg) no-repeat;}

#nav .menu li ul li {direction:rtl; width: 11em; text-align: right; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}

#nav .menu li ul li a {width: 10.5em; padding: .3em .1em .3em .4em; color: #fff; border-left: 1.8px solid #3b4750; border-top: 1px solid #3b4750; font-weight: normal;  background: none;}



/* 2nd Child link hover */

#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: #F90 url(img/navbgl1hi.gif); color:#FFF;}

#nav .menu li ul a.menu-parent {background: #7290a7 url(img/navbgl1parent.gif); color:#fff;}



/* Show and hide */

#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}

#nav .menu li ul ul { display: none;}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}

#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}





/* 3rd Child Menu Appreances */

#nav .menu li ul li ul	{ margin:  0 80% 5px 0  ; z-index: 9999;  background:#f1ba45  url(img/ulbg2.jpg) no-repeat;}

#nav .menu li ul li ul li	{width: 11em;}

#nav .menu li ul li ul li a 	{ width: 10.5em;}



/* 4rd Child Menu Appreances */

#nav .menu li ul li ul li ul	{  width: 9em; background: #808080 url(img/ulbg3.jpg) no-repeat;}

#nav .menu li ul li ul li ul li	{  width: 9em; }

#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}



/* Positioning the Pop-out Drops */

#nav li {position: relative;}



#nav ul ul ul {

	position: absolute;

	top: 1px;

	right: 100%;

}



#nav li:hover {

	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */

	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */

}



/* end menu */