#content
  {
  text-align: right;
  /*overflow: hidden;  This hides the excess padding in non-IE browsers */
  background-color: white;
  padding:10px;
  float: center;
  width: 760px;
  margin: auto;
  direction: rtl;
  overflow: hidden; /*very important*/
}

  
div#footer
{  
  background: url(../images/footer.JPG) no-repeat bottom center;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  background-color:white;
  height: 125px;
  clear: both;/*very important*/

  }

div#header
{
  width: 780px;
  color:white;
  background-color:#006FB7; /*00797f; */
  direction:rtl;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

div#header div#titlebar
{
  background-color: #FFEC95;
  font-size:150%;
  color: #00ADA3;
}

div#searchBox
{
	width: 390px;
	height: 30px;
	display:inline;
	float: right;
  background-color: #FFEC95;
}


#titlebar a:link,#titlebar a:visited,#titlebar a:hover
{
	font-size:150%;
	color:#00ADA3;
	text-decoration: none;
}

div#header h1
{
	/*background: url(../images/rightTop.png) no-repeat bottom right;
    line-height: 0.8;
	padding: .5em 0 1.7em; 
	font-size: 200%;
	
	*/
	background: url(../images/header.JPG) no-repeat bottom center;
	font-family: Arial,times new roman, Tahoma;
    vertical-align: top;
	text-align:center;
	display:block;
    height: 94px;

}

div#header h2
{
	font-size: 150%;
	font-family: Arial,times new roman, Tahoma;
	color:#64DBBB; /*8ACCCF;*/
	float: center;
	text-align: center;
}


h1#header
{
	padding:0;
	margin:0;
}


/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
/* end easy clearing */
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */

#lastSubjects, #selectLabels
{
  float: right;
  width: 300px;
  padding-left: 40px;
  padding-right: 40px;
}


form#inputform
{
  width: 550px;
  background-color: #fff;
  border: solid 1px #eee;
  padding: 10px;
  direction: rtl;
  float: right;
}

form#inputform label
{
  display: block;
  margin-top: 5px;
}

form#inputform div.option
{
  padding:5px 0;
}

form#inputform div.option label
{
  display:inline;
}

form#inputform input#email
{
  #width: 350px;
}

form#inputform div#sf_guard_auth_create
{
  margin-top: 10px;
}

form#add_topic input#topic_submit
{
  display: block;
}

form#typicalform
{
	float:center;
	text-align: right;
	direction:rtl
}

form#typicalform div.form-row label
{
	float: right;
	width: 9em;
	margin-left: 1em;
}

.error, .notice,  .success{border:2px solid #ddd;margin-bottom:1em;padding:.8em;direction:rtl;}
.error{background:#FBE3E4;border-color:#FBC2C4;color:#D12F19 !important}
.notice{background:#FFF6BF;border-color:#FFD324;color:#817134}
.success{background:#E6EFC2;border-color:#C6D880;color:#529214}
.error a{color:#D12F19}
.notice a{color:#817134}
.success a{color:#529214}


.submit input
{
color: #000;
background: #eeeeee;
border: 2px outset #d7b9c9
} 

form#searchform
{
  width: 95%;
  background-color: #fff;
  border: solid 1px #eee;
  padding: 10px;
  direction: rtl;
  float: right;
  clear: left;
  margin-bottom: 15px;
}

div#mainPageTitle
{
  float: center;
  padding:10px;	 
  color:black;
  text-align:center;
  font: bold 27px/28px Arial, Tahoma;

}

.usualDiv
{
display: block;
}