body {
  margin: 0;
  background: #D3BB6D url(bg.jpg) no-repeat center top;
  width: 100%;
  display: table;
}

#wrapper {
	width: 100%;
	display: table;
}
#content {
	margin: 263px auto 0;
	padding: 20px;
}
.quote4g { font-family:arial; font-size:13px; color: #ffffff; }
.text { font-family:arial; font-size:13px; color: #000000; }
.bold { font-family:arial; font-size:13px; color: #000000; font-weight: bold;}
.textR { font-family:arial; font-size:12px; color: #000000; }
.headmatkon { font-family:arial; font-size:15px; color: #000000;  text-decoration: underline; font-weight: bold;}
.header { font-family:arial; font-size:13px; color: #773E0F; text-decoration: none; font-weight: bold;}
.header:hover { font-family:arial; font-size:13px; color: #773E0F; text-decoration: underline; font-weight: bold;}
.headerr { font-family:arial; font-size:15px; color: #000000; text-decoration: none; font-weight: bold;}
.awhite { font-family:arial; font-size:16px; color: #773E0F; text-decoration: none; font-weight: bold;}
.title { font-family:arial; font-size:22px; color: #773E0F; text-decoration: none; font-weight: bold;}
.title2 { font-family:arial; font-size:26px; color: #773E0F; text-decoration: none; font-weight: bold;}
.title3 { font-family:arial; font-size:35px; color: #773E0F; text-decoration: none; font-weight: bold;}
.next { font-family:arial; font-size:13px; color: #773E0F; text-decoration: underline; font-weight: bold;}
.headline { font-family:arial; font-size:13px; color: #000000; text-decoration: none; font-weight: bold;}
.swhite { font-family:arial; font-size:13px; color: #ffffff; text-decoration: none; font-weight: bold;}
.swhiteb { font-family:arial; font-size:12px; color: #813A00; text-decoration: none; font-weight: bold;}
.sw { font-family:arial; font-size:11px; color: #000000; text-decoration: none;}
.dor { font-family:arial; font-size:11px; color: #8B0000; text-decoration: underline;}
.madr { font-family:arial; font-size:17px; color: #773E0F; text-decoration: underline; font-weight: bold;}
.Head { font-family:arial; font-size:15px; color: #000000; }
.makor { font-family:arial; font-size:9px; color: #D57A2F;  font-weight: bold;}
.makor2 { font-family:arial; font-size:9px; color: #000000;  font-weight: bold;}
.blackbold { font-family:arial; font-size:12px; color: #000000;  font-weight: bold;}
.white { font-family:arial; font-size:12px; color: #ffffff;  font-weight: bold;}
.bwhite { font-family:arial; font-size:13px; color: #000000;  font-weight: bold; text-decoration: none;}
.user { font-family:arial; font-size:13px; color: #813A00; font-weight: bold;}
.share { font-family:arial; font-size:11px; color: #813A00; font-weight: bold;}
.t { font-family:arial; font-size:13px; color: #000000; font-weight: bold; text-decoration: none;}
.m { font-family:arial; font-size:15px; color: #000000; font-weight: bold; cursor: pointer; text-decoration: none;}
.matkonr { font-family:arial; font-size:13px; color: #000000; font-weight: bold; }
.gray { font-family:arial; font-size:12px; color: #D57A2F;  font-weight: bold;}
 ul { list-style: none;}

#footer {width:906px; clear:both; direction:rtl; float:none; margin:0px auto 0px auto;}

  #olChannels { height:0; display:none; overflow:hidden;} 
 .olChannels {width:100%; margin: 5px 0 0; border-top: 0px !important; background-image: url('12.gif'); background-repeat: repeat; !important; float:right;} 
  .olChannels strong { text-align:center; font: bold .825em verdana,arial,sans-serif;} 
  .olChannels ul { margin: 0px 0px 0 0; padding-bottom:17px;}
   .olChannels li {float:right;}
    .olChannels li ul { width:50px; margin:0;}
	 .olChannels li ul li { font-size:1.1em !important; float:none;font-weight:normal;}
 .olChannels div { margin: -12px 0 0 15px; float:left; border: 1px solid #b1bbbb !important; background:#D0D6D6 !important; color:#647878 !important; width:16px; text-align:center; font: bold .825em verdana,arial,sans-serif; padding:1px 0 2px; cursor:pointer;}
 #footer .olChannels { margin:0 0 0px;;display:table;}
 #footer .olChannels div { display:none;}

#menu1 {width:100%;}
.menus td {
text-align: right;
text-decoration:none;
}

.menus td a {
text-decoration:none;
font-family:arial; 
font-size:15px; 
color: #000000;  
font-weight: bold; 
text-decoration: none;
background-color:#DCC987;
display:block;
padding-left: 8px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
}

* html .menus td a {width: 100%;}

.menus td a:hover {
background-color:#975D2D;
color: #ffffff;
}
.menus td a:visited {text-decoration:none}

.invertedshiftdown{
padding-bottom:15px;
width: 100%;
border-top: 5px solid #813A00; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 35px; /*margin between first menu item and left browser edge*/
margin-right: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 14px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 7px 6px 7px; /*Padding within each menu item*/
background-color: DFCA85; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #813A00; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #813A00; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

fieldset {
	border:1px dashed #CCC;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}
legend {
	font-family:Arial;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
h1 {
	font-family:Arial;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}
label {
	width:140px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:16px;
	background-color:#BDA556;
	float:right;
	display: block;
	font-family:Arial;
	font-size: 100%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#000000;
}
.form {
	margin:0;
	padding:0;
}
#container {
	width:90%;
	margin:auto;
	padding:10px;
}
#top {
	width:680px;
	height:50px;
}
#leftSide {
	width:630px;
	padding-top:0px;

}
#rightSide {
	background-color:#fff;
	width:1px;
	padding:7px;
	margin-top:15px;
	float:right;
	border:1px solid #CCC;
	font:normal 16px Arial;
	color:#666666
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width:347px;
	float:right;
	background-color:#D3A02F;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	height: 250px;
	width:285px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}

.div_texbox2 {
	width:347px;
	float:right;
	background-color:#D3A02F;
	height:100%;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}


.textbox {
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.username {
    	background-color:#FFFFFF;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
   	background-color:#FFFFFF;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}

.button_div {
	width:100%;
	border:0px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:14px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}