@charset "utf-8";

/********* element styles - after every change need to copy to editor.css *************/
body {
	background-color:#eee5ca;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #3f0000;
	direction:ltr;
}

p,h1,h2 ,h3,h4 {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#4b120b;
	margin-bottom:3px;
}

h2 {
	font-size:16px;
	line-height:28px;
	font-weight:bold;
	color:#4b120b;
	margin-bottom:2px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#4b120b;
	text-decoration:none;
}

p,li {
	line-height:20px;
}

img {
	border:none; /* otherwise imgs insid <a> get silly blue border */
}

a {
	text-decoration: underline;
	color:#9b6724;
}

a:hover {
	color:#614016;
}

/* table in remember page */

#remember_table {
    border-color: #000;
    border-width: 0 0 1px 1px;
    border-style: solid;
	margin:0px;
	padding:0px;
	text-align:center;
}

#remember_table td {
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
}

#remember_table td p {
	padding:0px 2px;
	font-size:12px;
	line-height:16px;
}

#remember_table td img {
	padding:0px;
}

/*********** layout *****************/

#container {
	width:786px;
	margin:auto;
	margin-top:15px;
	background:url(images/bg.jpg) top center repeat-y;
}

#bg_top {
	background:url(images/top.jpg) top center no-repeat;
	height:123px;
	font-size:0px; /* on IE6 cancels the extra-height this div gets */
}

#main{
	width:786px;
	margin:auto;
	margin-top:10px;
	margin-bottom:30px
}

#main_side {
	float:left;
	text-align:left;
}

#main_center {
	width:507px;
	direction:rtl;
	text-align:right;
	float:right;
	padding-right:36px;
	padding-top:8px;
}

#homepage_gif {
	float:right;
	height:168px;
	width:155px;
}

#homepage_text {
	float:left;
	width:317px;
}

#bg_bot {
	clear:both;
	background:url(images/bottom.jpg) top center no-repeat;
	height:145px;
	font-size:0px;	font-size:0px; /* on mozilla and IE6 cancels the extra-height this div gets, which on IE6 caused #container to continue after #bg_bot */
}

/***************************** main ********************************/

#ornament_top, #ornament_bot {
	margin-left:20px;
	height:26px;
	width:175px;
	float:left;
	clear:left;
}

#ornament_top {
	padding-top:11px;
	padding-bottom:8px;
}

#ornament_bot {
	padding-top:8px;
	padding-bottom:30px; /* for mozilla, otherwise moves entire layout on inside pages */
}

#hp_form_title {
	margin-top:0px;
	margin-left:60px;
	height:33px;
	width:90px;
	float:left;
	clear:left;
}

#side_pic {
	margin-left:24px;
	height:184px;
	width:169px;
	float:left;
	clear:both;
}


/************* side ****************************/
#news {
	width:164px;
	height:240px;
	background:url(images/hp_news.jpg) top center repeat-y;
	margin-left:25px;
	margin-top:13px;
	*margin-top:7px;
}

#news_container {
	padding-top:45px;
	height:170px;
	overflow:hidden;
}

#news marquee {
	height:170px;
}

#news_content {
*position:relative;
*right:7px;
	padding-left:22px;
	padding-right:16px; /* works only on mozilla */
	font-size:12px;
	color:#000000;
	direction:rtl;
	text-align:right;
}

#news_content, #news_content p {
		line-height:15px;
}

/******* homepage form ********/

#hp_form {
	float:left;
	clear:both;
	width:125px;
	text-align:right;
	direction:rtl;
	margin-left:45px;
	padding:0px;
}

form {
	margin:0px; /* for IE */
}

/* labels and fields */
form label {
	float:right;
	clear:right;
	font-size:12px;
}

.textfield, .email { /* homepage form only, not contact us */
	float:left;
	clear:left;
	font-size:11px;
	width:90px;
	height:15px;
	line-height:15px;
	border: 1px solid #3f0000;
	font-family:Arial, Helvetica, sans-serif;
}

.textarea {
	border: 1px solid #3f0000;
}


#main_center .textfield, #main_center .email { /* contact us form, not the homepage one */
	float:none;
	clear:none;
	width:190px;
}

.field_title {
	width:63px; /*overwrite backend.css to reduce space between text and field in contact us form */
}

.form_button {/* submit button in contact us */
	font-size:12px;
	font-weight:bold;
	color:#3f0000;
	border: 1px solid #3f0000;
	background-color:#ffffff;
	width: 54px;
	height:19px;
	cursor: pointer;
}

input, label, .textfield, .email {
	margin-top:5px;
}

.textfield {
	direction:rtl;
	text-align:right;
}

.email {
	direction:ltr;
	text-align:left;
}	

/* submit button on homepage */
.submit_span {
	width:40px;
	height:20px;
	color:#3f0000;
	border: 1px solid #3f0000;
	background-color:#ffffff;
	font-size:11px;
	margin-right:58px;
}

/************* bottom part of page *************/
#mozilla_spacer { /* for some reason, in some of the pages the main div has no margin-bottom to the footer */
	height:7px;
	clear:left;
}

#footer {
	direction:rtl;
	text-align:center;
	font-size:11px;
}

/************************ video gallery ***************/
embed {
	margin-bottom:35px;
}

/************************ menu ************************************/
#menu {
	width:786px;
	height: 27px;
	margin:auto;
	padding-top:92px;
}

/* menu items */

#menu ul a {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 24px;
}

#menu ul .menu-last a{
	border: 0px;
}

#menu ul {
	list-style: none;
	margin:0px;
	padding:0px;
	position: relative;
	right:35px;
}

#menu li {
	float: right;
	position: relative;
	line-height:31px; /* on IE6 this will make the border go up and down at all */
	height:31px;
	list-style:none; /* anti circle in mzilla */
	padding:0px;
	margin:0px;
}

#menu li ul {
	display: none;
	position: absolute; 
	top: 31px;
	right: 0px;
	*right:-6px; /* IE only */
}



#menu ul li a:hover, #menu ul li.over{
	color:#ece5cb;
}

/* sub menus */

#menu ul ul {/* hide sub menus */
	display:none;
} 
/* sub menus items */

#menu li ul li {
	background: #b2864d; /* IE6 Bug */
	clear:right;
	width:104px;
	border: none;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	text-align:right;
	height:27px;
	padding-right:6px; /* space between text and right border, not the location of the box */
}

#menu li ul a {
	text-decoration: none;
	* background: #b2864d; /* to fix IE6 Bug, so hide from mozilla*/
	border: none;
	padding-right:1px; /* don't try without this line */
	height:27px;
	font-weight:normal;
} 

/* ul (sub menu) two ways of refering to. first class won't work on IE6, so second class is created with javascript */	

#menu ul li:hover ul, #menu ul li.over ul{ 
	display: block; 
}

#menu ul ul li:hover, #menu ul ul li.over{
	color: #ece5cb;
}

#menu li ul li a:hover{ 
	color: #ece5cb;
} 

/* fix bug that causes the <a> of the sub menu's title (like "articles") to stick to the top part, only for IE.
mozilla doesn't read these lines because of the *  before them!
*/

.menu-expand  {
	* padding-top:0px;
	* padding-bottom:13px;
}