﻿/*
Company Horizon Computer
Design by Khalil Abu Shehab	
email:kh_abushab@yahoo.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 5px 0;
	background: #FFFFFF;
	
	color:#000000;
	text-align:right;
	direction:rtl;

}

#header {
	width: 1000px;
	height: 103px;
	margin: 0 auto;
	background: #ffffff;
}
#flash {
	float:left;
	width:600px;
	height:103px;
}
#header2 {
	width:1000px;
	height:182px;
	background:#006633;
	margin: 0 auto;
}
#find
{
	margin: 0 auto;
	height:37px;
		width:1000px;

}
#green
{
	width:1000px;
	height:20px;
	background:#016622;
	font-size:1px;
		margin: 0 auto;

}

#logo {
float:right;
width:400px;
height:103px;
background:#FFFFFF url(images/index_02.jpg);
}
#login {
	float:left;
	width:289px;
	height:180px;
	background:url(images/index_03.jpg);
	
}
#login2
{
	padding-top:35px;
	padding-right:10px;
}

#flash2 {
	float:right;
	width:711px;
	height:180px;
	background-image:url(images/index_05.jpg);
	background-position:right top;
}
#search {
	float:right;
	width:411px;
	height:36px;
	background:url(images/find.gif);
} 

#container {
	width: 1000px;
	margin: 0 auto;
		background: url(images/bckground2.jpg) ;
	border-top: 1px solid #FFFFFF;
}
#maincol {
	float:left;
	width:661px;
	
}
#maincoltop
{
	width:661px;
	height:5px;
	background:url(images/index_1655.jpg) repeat-x;
	
}

#rightcol {
	float:right;
	width:339px;
	
}

.sidetopgreen
{
	width:339px;
	height:37px;
	background:url(images/index_10-25.jpg) repeat-x;

}

.sidetopleftgreen {
float:left;
background:url(images/index_38.jpg) no-repeat top left ;
width:339px;
height:37px;
}
.sidetopmiddlegreen {


   font-weight: bold;
   color: #ffffff;
font:large "Simplified Arabic" ;
	padding-right:25px;
	padding-top:7px;
	}

.sidecontent {
width:339px;
background-color:#ffffff;
float:right;

}
.sidecontentrightmenu 
{
padding-top:5px;
}
.sidecontentrightmenu ul li a
{
color:#000000;
font-size:16px;
text-decoration: none;
line-height:15px;
}
.sidecontentleft {
float:left;
background:url(images/index_29.jpg) repeat-y;
width:37px;
}

.TreeViewContent
{
	height:500px;
}

 .sidecontentright a {
float:right;
background:#FFFFFF;
padding-right:25px;
}
.sidecontentright a{
color:#000000;
font-size:14px;
text-decoration: none;
height:27px;

}

.sidebottom 
{
	clear:both;
width:339px;
background:#cccccc url(images/index_22.jpg)  no-repeat bottom  ;
height:17px;
font-size:5px;

}

.sidetopred
{
	width:339px;
	height:37px;
	background:url(images/index_10.jpg) repeat-x;
}
.sidetopleftred 
{

width:339px;
height:37px;

float:left;
background:url(images/index_08.jpg) no-repeat top left;
}
#sidetopleftred 
{

width:339px;
height:37px;

float:left;
background:url(images/index_23 red.jpg) no-repeat top left;
}
.sidetopmiddlered 
{
	font-size: 16px;
   font-weight: bold;
   color: #ffffff;

	padding-right:25px;
	padding-top:10px;
	
}
#sideleft
{
	width:339px;
	background: url(images/index_29.jpg) repeat-y left;
}
#mainmenutopleft
{
	float:left;
background:url(images/index_23.jpg) no-repeat top left ;
width:339px;
height:37px;
}

.headermenulink
{
	font-family:Simplified Arabic ;
	font-size:16px;
	color:#000;
}
/*
#menu1 ul{
}
#menu1 ul li{
}
#menu1 a {
	display:block;
	float:left;
	width: 117px;
	list-style:none;
	height: 37px;
	font-family:"Simplified Arabic";
	font-size:16px;
	text-align:right;
	font-weight:inherit;
	color: #000000;
}
#menu1 a:hover {
	background-image: url(images/butover.gif);
}

#main {
	float: left;
	width: 670px;
	height:500px;
	background:#ffffff;
}
*/
#footer {
	clear: both;
	width: 1000px;
	height: 199px;
margin: 0 auto;
	background:#FFFFCC;
}
#footerleft{
	float:left;
	width:648px;
	height:199px;
	background: #ffffff  url(images/index_36.jpg) bottom no-repeat;
}
#footerright {
	background: url(images/index_35.jpg) no-repeat;
	float:right;
	width:352px;
	height:199px;
}

#footer p {
	margin: 0;
	font:"Simplified Arabic";
	text-align: center;
	line-height: normal;
	font-size:16px;
	font-weight:100;
}
#footer a {
	text-decoration: underline;
	color:#006633;
}
#footer a:hover {
	text-decoration: none;
}
#newscontent
{
}

.newstitle 
{
	width:620px;
	height:46px;
	background: url(images/index_23-23.jpg) repeat-x;
	
}
.newstitleright
{
	width:600px;
	height:46px;
	
	background: url(images/index_24.jpg) no-repeat right;
}
.newstitlemiddle
{
	padding-right:20px;
	padding-top:5px;
	font: large Simplified Arabic;
	
}

.item a
{
	width: 117px;
	height: 30px;
	text-decoration: none;
	font-family:"Simplified Arabic";
	font-size:6px;
	text-align: center;

	background: url(images/but.gif) repeat-x;
	float:left;

text-decoration: none;
	color:#000000;
padding-top:8px;
}

.item a:hover
{
	background-image: url(images/butover.gif);

}


.DynamicItem
{

	color:#000000;
	text-decoration: none;
	text-align:center;
	background-color:#A9C356;
	background: url(images/but.gif) repeat-x;
	width:139px;
	height:29px;
	font-size:14px;
}
.DynamicItem a
{	
	background-image:none;
}
.hover 
{
	background-image: url(images/butover.gif);
}

#menu {
	float:left;
	width:589px;
}
/*
#menu .active a {
	background-image: url(images/img05.gif);
}
*/
#serviceleft
{
	height:600px;
}


#mainmenuleft
{
	height:100px;
}

#newsletterleft
{
	height:120px;
}

#depleft
{
	height:500px;
}
#infoleft
{
height:120px;
}
#poolleft
{
	height:200px;

}
#pictureleft
{
	height:150px;
}
.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   
}

.progressbar
{
   width: 5px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 14px;
   font-weight:bold;
   text-align:justify;
}

.newsletterboxcontent
{
   padding: 6px;
}
#mainContent
{
	padding:20px 30px 10px 10px;
}

#textboxsearch
{
	padding-right:120px;
	padding-top:5px;
}

