/* ELEMENTS*/

* {
margin: 0;
padding: 0;
}

body {
color: #333;
background-color: #D9E8F0;
background-image:url('/bg.jpg');
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
text-align: right;
direction:rtl;
}

a, a:visited {
font-size:90%;
color:#336699;
text-decoration:underline;
padding:2px;
}

a:hover {
font-size:90%;
color:#003366;
text-decoration:underline;
padding:2px;
}

li{
list-style: square inside;
margin-bottom: 10px;
}

blockquote{
margin: 20px;
}

img {
	border:none;
}

#container {
background-color:#FFFFFF; /* background-image:url(contentbg.jpg); */
background-repeat:repeat-y;
margin: 0 auto;
min-width: 785px;
width: 76%;
overflow:visible;
display: block;
}

#content_wrapper {
padding:10px 23px 10px 20px;
}

#header {
background-color:#FFFFFF;
background-position:left;
background-repeat:repeat-x;
color:#FFFFFF;
height:180px;
}

#header-in {
padding:10px;
}
      
#top-pic {
min-height:180px;
margin-left:0px;
float:left;
text-align:left;
padding:0px;
}

#toptitle {
height:180px;
float:right;
width:auto;
}

#logo {
min-height:px;
min-width:220px;
text-align:right;
padding:10px;
}
      

        
#topnav {
background-color:#D9F0F0;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
width:100%;
height:1.5em;
min-height:1.5em;
margin:0px 0px 0px 0px;
}

#topnav a:link {
font-size:90%;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#topnav a:visited {
font-size:90%;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#topnav a:hover {
font-size:90%;
color:#F0F0F0;
text-decoration:none;
background-color:#D3B38C;
}

#topnav ul {
	list-style:none;
	margin:3px;
	margin-bottom:0px;
	padding-left:3px;
	padding-right:3px;
	background-color:#D9F0F0;
}

#topnav li {
	list-style:none;
	float:right;
	background:url('tab1.png') top right no-repeat;
	background-color:#D9F0F0;
	min-width:140px;
	width:140px;
	text-align:center;
	margin:3px;
	margin-bottom:0px;
}
	
#login {
background-color:#D9F0F0;
float:left;
text-align:left;
width:20%;
padding:5px 5px 5px 5px;
}

#topright {
background-image:url('/topnavbg.jpg');
background-position:left;
background-repeat:repeat-x;
color:#FFFFFF;
height:20px;
color:#666666;
border-top:0px solid #cccccc;
padding:2px 10px 2px 2px;
font-size:100%;
text-align:right;
clear:both;
}
        

#textdiv {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
width:100%;
margin:0px 0px 0px 0px;
}

#innertext {
background-color:#F1F7FF;
padding:2px 10px 2px 2px;
font-size:100%;
text-align:right;
clear:both;
}

#right {
background-color:#F1F7FF;
width:100%;
padding:2px 10px 2px -10px;
/*padding:10px; */
margin-bottom:10px;
}  



#left {
text-align:center;
margin-bottom:10px;
width:20%;
position:absolute;
left:13%;
top:220px;
}

#left ul {
list-style-type: none;
}

#left a:link, #navlist a:link {
display: block;
width: 150px;
padding: 3px;
color:#336699;
text-decoration: none;
background-color:#F1F7FF;
border-bottom: dotted 1px #cccccc;
}

#left a:visited, #navlist a:visited {
display: block;
width: 150px;
padding: 3px;
color:#336699;
text-decoration: none;
background-color:#F1F7FF;
border-bottom: dotted 1px #cccccc;
}

#left a:hover, #navlist a:hover{
display: block;
width: 150px;
padding: 3px;
color:#003366;
text-decoration: none;
background-color:#D9E8F0;
border-bottom: dotted 1px #cccccc;
}

            
#footer{
background-image:url(/footerbg.jpg);
background-position:left;
background-repeat:repeat-x;
color:#FFFFFF;
height:20px;
color:#666666;
border-top:0px solid #cccccc;
padding:0px 10px 3px 10px;
font-size:85%;
margin-top:10px;
text-align:center;
clear:both;}

    
p {
margin-bottom:10px;
}


h1 {
font-size:130%;
font-weight:bold;
text-align:right;
color:#003366;
}

h2 {
font-size:120%;
font-weight:bold;
text-align:right;
color:#009966;
}

h3 {
font-size:110%;
font-weight:bold;
text-align:right;
color:navy;
}