
/*
Base CSS
Liran Oz - 10/12/2007
*/

body {
	padding: 0px;
	margin: 0px;
	background-color: white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}

body * {
	margin: 0px;
	padding: 0px;
}


span.emailunstext {
	width: 40%;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-top:10px;
}

div#page {
	width: 960px;
	margin: auto;
}

span.allrights {
color:#333333;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
margin-right:10px;
margin-top:14px;
width:50%;
}

/*---------------------
Main Template
----------------------*/

div#header {
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	float: left;
	width: 100%;
	height: 216px;
}

div#text_strip {
	width: 100%;
	float: left;
	clear: both;
	height: 20px;
	margin-top: 30px;
}

div#header_main {
	background-image: url(images/header_main.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;		/*Change 100% to 0% for image to be on left side!*/
	width: 100%;
	height: 160px;
	float: left;
	clear: both;
	margin-top: 7px;
}

div.lang_select {
	width: 15%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	white-space: nowrap;
	display: inline;
	margin-top:1px;


	margin-left: 10px;
	float: left;
}

div#menu {
	width: 70%;

	float: right;
	margin-right: 6px;
	display: inline;
}

div#content {
	clear: both;
	float: left;
	width: 100%;
	height: auto !important;
	min-height: 330px;
	height: 330px;


	text-align: right;
	direction: rtl;
}

div#footer {
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
/*	background-position:bottom;*/
	clear: both;
	float: left;
	width: 100%;
	height: auto !important;
	min-height: 38px;
	height: 38px;
	margin-top: 10px;


	text-align: right;
	direction: rtl;
}

a.tyco {
	background-image: url(images/tyco.gif);
	background-repeat: no-repeat;
	width: 66px;
	height: 22px;
	margin-top: 10px;


	margin-left: 10px;
	float: left;
}

span.allrights {
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	margin-top: 14px;


	margin-right: 10px;
	float: right;
}


a.lang, .lang_seperator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	white-space: nowrap;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

a.lang{
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}

a.lang:hover{
	text-decoration:underline;
}

a.menu_arrow {
	background-image: url(images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #3a3a3a;
	padding-right: 10px;
	margin-left: 30px;
	float: right;
	white-space: nowrap;
	text-decoration: none;

}
/*------------------------
Pages
--------------------------*/

div#page_content  {
	width: 84%;
	margin: auto;
}

div.main_height_rect {
	width: 100%;
	clear: both;
	height: auto !important;
	min-height: 205px;
	height: 205px;
	margin-bottom:20px;

	float: right;
}


/*------------------------
Movie page
--------------------------*/

div.text_content {
	/*width: 64.5%;*/
	float: right;
}

div.movie_content {
	width: 60%;
	float: left;
}


/*------------------------
Medal
--------------------------*/

div#medal_content {
	background-image: url(images/medal.gif);
	background-repeat: no-repeat;
	background-position: 95% 20%;

	clear: both;
	float: left;
	width: 100%;
	height: auto !important;
	min-height: 330px;
	height: 330px;


	text-align: right;
	direction: rtl;
}


/*------------------------
School staff
--------------------------*/
table.staff {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}

table.staff * {
	vertical-align: top;
}

table.staff td{
padding-bottom: 10px;
}

div.staff_box {
	background-image: url(images/sbox_bg.gif);
	background-repeat: repeat-y;
	width: 260px;
	float: right;
}

div.staff_box div.top {
	width: 100%;
	height: 5px;
	line-height: 0px;
	font-size: 0pt;
	float: left;
	background-image: url(images/sbox_top.gif);
	background-repeat: no-repeat;
}

div.staff_box div.bottom {
	width: 100%;
	height: 5px;
	line-height: 0px;
	font-size: 0pt;
	float: left;
	background-image: url(images/sbox_bottom.gif);
	background-repeat: no-repeat;
}

div.staff_box_content {
	float: left;
	width: 226px;
	padding-right: 28px;
	padding-left: 6px;

}

div.staff_box_content div.image {
	padding-left: 2px;
	padding-right: 2px;
	width: 102px;
	overflow: hidden;


	float: right;
}

div.staff_box_content div.image img {
	float: right;
	border: 0px;
}

div.staff_box_content div.text {
	width: 111px;
	padding: 4px;
	padding-bottom: 1px;
	float: right;
}


.staff_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ff6600;
	width: 100%;


	float: right;
}


.staff_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	width: 100%;
	clear: both;
	height: auto !important;
	min-height: 58px;
	height: 58px;
	float: right;
}


a.staff_personal {
	background-image: url(images/staff_arrow_heb.gif);
	background-repeat: no-repeat;
	background-position:left 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ff6600;
	white-space: nowrap;
	width: 80%;
	clear: both;
	text-align: left;
	padding-left: 10px;
	float: left;
}

div.staff_nav {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom:10px;

	float: right;
}

/*------------------------
learning course
--------------------------*/
div.content_text {
	width: 100%;



	float: right;
}

div.text_nobig {
	width: 50%;



	float: right;
}

div.content_selection {
	width: 49%;
	margin-bottom:10px;
	float: left;
}

div.selction_area {
	width: 100%;
	height: auto !important;
	min-height: 200px;
	height: 200px;
	clear: both;

	float: right;
}

div.selcarea {
	width: 100%;
	height: 50px;
	clear: both;

	float: right;
}

.learn_select, .learn_select_wide {
	width: 150px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-top: 0px;
	margin-left: 5px;
	float: right;
}

.learn_select_wide {
	width: 300px;
}
select.learn_selectstugall {
	width: 150px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-top: 0px;
	margin-left: 15px;
	float: left;
}

select..learn_select_widefixexplorer {
	width: 300px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-top: 0px;
	margin-left: 15px;
	float: left;
}

/*------------------------
School Gallery
--------------------------*/
div.image_border {
	width: 100%;
	text-align: center;

	float: right;
}

div.image_border img{
	padding: 2px;
	border: 1px solid #cccccc;
	margin: auto;
}


table.school_gallery {
	width: auto;
	margin: auto;
	margin-top: 10px;
	border-collapse: collapse;
}



/*------------------------
Graduate gallery
--------------------------*/


.learn_select_mirror {
	width: 160px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-top: 0px;


	margin-left: 10px;
	float: left;
}


/*------------------------
Gallery Archive
--------------------------*/

div.archive_item, div.archive_item_mirror {
	width: 48%;
	height: auto !important;
	min-height: 60px;
	height: 60px;
	margin-top: 10px;


	float: right;
}

div.archive_item_mirror {


	float: left;
}

div.archive_item div.image_border, div.archive_item_mirror div.image_border {
	background-image: url(images/arc_border.gif);
	background-repeat: no-repeat;
	width: 51px;
	height: 51px;
	padding-top: 3px;


	padding-right: 3px;
	float: right;
}

div.archive_item div.image_border img, div.archive_item_mirror div.image_border img {
	float: right;
	border: 0px;
}

.date, .archive_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:normal;
	color: #000000;
	width: 20%;
	margin-top: 30px;


	float: right;
	margin-right: 4px;
}

.archive_text {
	width: 40%;
	margin-right: 10px;
}

a.orange_button_archive {
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	height: 14px;
	background-color: #ff7f0e;
	border: 1px solid #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	padding-bottom: 2px;
	margin-top: 28px;



	padding-left: 22px;
	padding-right: 6px;
	float: left;
}


/*------------------------
Forms
--------------------------*/
table.big_form {
	width: 80%;
	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;
	float: right;
}

table.big_form *{
	vertical-align: top;
}

table.big_form td.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ff6600;
	padding-top: 5px;
	padding-bottom: 5px;


	text-align: right;
}
table.big_form td.submit_td {
	padding-left: 27px;
}

table.big_form tr.padded td {
	padding-top: 10px;
}

div.form_wrapper {
	padding: 2px;
	border: 1px solid #dfdfdf;
	background-color: #ffffff;
	float: right;
	width: 85%;
}

input.form_text {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #eaeaea;
	border: 0px;
	height: 18px;
	text-align: right;
	float: right;
}
input.form_textsmall {
	width: 30%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #eaeaea;
	border: 0px;
	height: 18px;
	text-align: right;
	float: right;
	margin-right:40px;
}

.textarea_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #eaeaea;
	width: 100%;
	border: 0px;
	height: 100px;
	overflow:auto;

	float: right;
}

.checkbox {
	height: 15px;
	width: 15px;


	margin-left: 6px;
	float: right;
}

.newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;



	float: right;
}


table.question_form {
	width: 60%;
	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;
	float: right;
}

table.question_form *{
	vertical-align: top;
}

table.question_form td.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ff6600;
	padding-top: 5px;
	padding-bottom: 5px;


	text-align: right;
}
table.question_form td.submit_td {
	padding-left: 30px;
}

table.question_form tr.padded td {
	padding-top: 10px;
}

/*------------------------
Current Gallery
--------------------------*/

table.cur_gallery {
	width: 100%;
	clear: both;
	margin-top: 10px;
	border-collapse: collapse;
	float: right;
}


div.cur_gallery {
	width: 100%;
	clear: both;
	margin-top: 30px;
	float: right;
}


table.cur_gallery td {
	padding-bottom: 10px;
}

.cur_gallery_text {
	clear: both;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:normal; /* Added by Alicia */
	color: #555555;
	text-align: center;
	text-decoration: none;
	table-layout: fixed;


	float: right;
}
a.cur_gallery_text:hover {
	text-decoration: underline;
}
/*------------------------
Common stuff
--------------------------*/

.page_title {
	background-image: url(images/arrows_left.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ff6600;
	width: 100%;
	height: auto !important;
	min-height: 20px;
	height: 20px;
	position: relative;

	right: -24px;
	top: 0px;
	text-indent: 18px;
	z-index: 1;
}




.black_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	width: 100%;
	clear: both;
}

.b_textbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	width: 100%;
	clear: both;
	margin-top:10px;
	float: right;
}
a.mail {
	background-image: url(images/arrows_left.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	white-space: nowrap;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ff6600;
	text-decoration: underline;
	padding-right: 18px;
	margin-top: 10px;
	float: left;
}



a.home {

	width:100%;
}
a.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19pt;
	color: #ff6600;
	text-decoration: none;
	padding-right: 18px;
	float: right;
}

div.ie6_dc {
	float:right;
	width:100%;
}

a.next_left {
	background-image: url(images/three_left.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	float: left;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration: underline;
	display:block;
}

a.next_info {
background-image: url(images/three_left.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	float: right;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration: underline;
	display:block;
	clear: both;

}

a.next_infobig {
background-image: url(images/three_left.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	float: right;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #999999;
	text-decoration: underline;
	display:block;
	clear: both;

}

a.next_info_left {
      background-image: url(images/three_left.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	float: left;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration: underline;
	display:block;

}

a.info_link {
 background-image: url(images/three_left.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	float: right;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration: underline;
	clear: both;
	width:100px;
}

a.prev_left {
	background-image: url(images/three_right.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	/*float: right;*/
	float: left;
	padding-right: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration: underline;
}


a.prev_page {
	background-image: url(images/three_right.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
/*	float: right;*/
	float: left;
	margin-left: 10px;

	padding-right: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration: underline;
}


 .orange_seperator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ff6600;
	white-space: nowrap;
	margin-left: 4px;
	margin-right: 4px;


	float: left;
}

 .acclamation_mark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #ff6600;
	white-space: nowrap;
	margin-left: 4px;
	margin-right: 4px;


	float: right;
}


a.orange_button, a.orange_button_nofloat {
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: 19px;
	background-color: #ff7f0e;
	padding-top: 3px;
	border: 1px solid #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	margin-top: 4px;


	margin-right: 10px;
	padding-left: 22px;
	padding-right: 6px;
	float: left;
}
a.orange_button_left
{
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
	height: 19px;
	background-color: #ff7f0e;
	padding-top: 3px;
	border: 1px solid #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	margin-top: 4px;


	margin-right: 10px;
	padding-left: 22px;
	padding-right: 6px;
	float: right;
}
a.print_button{
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: 19px;
	background-color: #ff7f0e;
	padding-top: 3px;
	border: 1px solid #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	margin-top: 15px;
	margin-right: 10px;
	padding-left: 22px;
	padding-right: 6px;
	float: right;
}

a.orange_button_nofloat {

	display: block;
	float: none;
	text-align: center;
}


a.orange_button_archive {
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 14px;
	background-color: #ff7f0e;
	border: 1px solid #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	padding-bottom: 2px;



	padding-left: 22px;
	padding-right: 6px;
	float: left;
}

div.input_wrapper {
	background-color: #ffffff;
	padding: 1px;
	height: 22px;


	float: left;
}

input.orange_button_input {
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: 22px;
	background-color: #ff7f0e;
	border: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	cursor: pointer;


	padding-left: 18px;
	padding-right: 0px;
	float: left;
}
input.orange_button_unscr {
	background-image: url(images/white_arrows_left.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
	height: 22px;
	background-color: #ff7f0e;
	border: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	cursor: pointer;
	margin-right:10px;


	padding-left: 18px;
	padding-right: 0px;
	float: right;
}


div.line {
	width: 100%;
	clear: both;
	margin-top:15px;

	float: right;
}

div.ref_line {
	width: 100%;
	clear: both;
	float: right;
}


img.linkImg {border:0px;cursor:pointer;vertical-align: absmiddle;margin:0px;}


/*------------------
New gallery
-------------------*/

div.gallery_box {
	width: 100%;
	clear: both;


	float: right;
}

table.gallery_table {
	width: 20%;
	float: right;
	border-collapse: collapse;
}

table.gallery_table * {
	vertical-align: top;
}

table.gallery_table td {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 7px;
	width:90px;
	height:90px;
/*	white-space:nowrap;*/
}

div.gallery_box div.image_area {
	width: 59%;
	display: inline;
	float: right;
}

div#preview_image {
	width:452px;
	display: inline;
	float: right;
	text-align:center;
}

div#preview_image img, img.gallery_picture {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:2px;
	float: right;
}

div.gallery_box div.info_area {
	width: 15%;
	float: right;
}

div.gallery_box div.info_area div.min_height{
	width: 100%;
	height: auto !important;
	min-height: 254px;
	height: 254px;
	float: right;
}



.black_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	width: 100%;
	clear: both;


	float: right;
}

div#full_size {
	text-align:center;
	width: 100%;
	float: right;
	margin-top: -1px;
	clear: both;
}

a.full_size {
	background-image: url(images/full_size.gif);
	background-repeat: no-repeat;
	width: 102px;
	height: 14px;
	display:block;
	float: right;
}

img.bordered{
	padding: 2px;
	border: 1px solid #cccccc;
	float: right;
}

a.clean {
	float: right;
}


/*********** Light Box ++ CSS ***************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10pt Arial;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: right; text-align: right; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 26px; height:26px; float: left;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}

.clean_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ff6600;
	width: 100%;
	height: 20px;


	float: right;
}


/*---------------------------
Home page and map page addition
18/12/2007
----------------------------*/

div#header_hp {
	background-image: url(images/header_hp.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;		/*Change 100% to 0% for image to be on left side!*/
	width: 100%;
	height: 160px;
	float: left;
	clear: both;
	margin-top: 7px;
}

div#hp_background {
	background-image: url(images/hp_bg.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;		/*Change 100% to 0% for image to be on left side!*/

	float: left;
	width: 100%;
	clear: both;
}

div#hp_content {
	clear: both;
	float: left;
	width: 98%;
	height: auto !important;
	min-height: 330px;
	height: 330px;
	padding-left: 10px;
	padding-right: 10px;


	text-align: right;
	direction: rtl;
}


div#hp_flash {
	width: 100%;
	height: 240px;
	clear: both;


	float: right;
}


div#hp_flash_content {
/*
apply this to flash content, with the needed height & width
*/
	width: 800px;
	height: 212px;
	margin-top: 20px;

	float: left;
}

.clean_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ff6600;
	width: 100%;
	height: 20px;


	float: right;
}


div#news_scroll {
	background-color: #d9d7d8;
	width: 100%;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19pt;
	color: #ff7f0e;
	margin-top: 60px;
	overflow: hidden;


	float: right;
}
/*----------------------
Campus page
---------------------*/

div.campus_map {
	width: 40%;
	float: right;
}

div.campus_info {
	width: 50%;
	display: inline;
	margin-left: 80px;
	float:left;
}

div.campus_info .clean_title {
	margin-top: 20px;
}

div.campus_map .page_title {
	right: 54px;
}

div.clear {
	clear:both;
	float:none;
}


a.marquee_a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #ff6600;
	text-decoration: none;
	clear: none !important;
}





div.hp_flash_content_new {
/*
apply this to flash content, with the needed height & width
*/
	background-repeat: no-repeat;
	width: 450px;
	height: 214px;
	margin-top: 20px;
	display: inline;
	float: left;
	overflow: hidden;
}

div.hp_welcome_box {
	background-image: url(images/hp_box_bg.gif);
	background-repeat: no-repeat;
	width: 185px;
	height: 205px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	margin-right: 22px;
	margin-top: 20px;
	display: inline;
}

.hp_welcome_title {
	width: 100%;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
	direction:rtl;
}

.hp_welcome_text {
	width: 100%;
	float: right;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	line-height:13px;
}
.hp_welcome_text a
{
	text-decoration:none;
	font-size: 11pt;
	color:#ffffff;
}
div.hp_main_height_rect {
	width: 100%;
	clear: both;
	height: auto !important;
	min-height: 440px;
	height: 440px;

	float: right;
}
/* no $stpl in perpose the logo alwaes in the same place */
a.basis_header_url {
	float: right;
	width: 220px;
	height: 60px;
	margin-right: 50px;

}
span.side_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight:bold;

}

/*---------------------
Footer Menu
----------------------*/

a.facebook {
float:left;
width:48px;
height:48px;
background:url(images/facebook_icon.gif) no-repeat;
display:block;
margin-top:15px;
}

ul.footermenu{
float:right;
margin:0px;
margin-right:4px;
margin-top:10px;
margin-bottom:30px;
padding:0px;
list-style:none;
width:93%;
}

ul.footermenu li{
margin:0px;
padding:0px;
padding-left:6px;
padding-right:5px;
display:inline;
background-image:url(images/pipe.gif);
background-repeat:no-repeat;
background-position:left; 9px;
*background-position:left; 6px;
float:right;
}

ul.footermenu li.lastfooter{
padding-left:0px;
background-image:none;
}

ul.footermenu li a{
margin:0px;
padding:0px;
font:normal 11px Arial;
text-decoration:none;
color:#333333;
direction:rtl;
text-align:right;
white-space:nowrap;
}

ul.footermenu li a:hover{
text-decoration:underline;
}

/*** Home page news boxes - Added: 18/01/09 by Eytan ******/

div.news_container {
width:100%;
float:right;
height:auto !important;
height:109px;
min_height:109px;
margin-top:55px;
}

div.news_box {
float:right;
width:166px;
height:89px;
background-image:url(images/news_box.gif);
background-repeat:no-repeat;
margin:0 1px;
padding:10px;
}

div.news_box, div.news_box {
font-size:9pt;
color:#555555;
}

div.news_box a{
font-size:9pt;
color:#555555;
}

div.news_box a.news_link {
float:left;
text-align:left;
display:block;
margin-top:5px;
text-decoration:none;
color:#ff6600;
font-weight:bold;
clear:both;
direction:rtl;
white-space:nowrap;
}

div.news_box a {
text-decoration:none;
}

div.news_box a:hover {
text-decoration:underline;
}

div.news_text {
float:right;
width:100%;
height:70px;
clear:both;
direction:rtl;
}



/***** End home page news boxes ****/


/*-----------------
Ajax stuff for video gallery
-----------------*/

a.youtubelnk
{
font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #999999;
}

a.youtubelnk:hover
{
	text-decoration:none;
}

span.directorcv
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #999999;
}

select.selectgal
{
	float:right;
	color:#464040;
	font:normal 12px Arial;
	margin-left:10px;
	margin-bottom:30px;
	width:150px;
	direction:rtl;
}

div.search_loading, div.main_loading {
	float:right;
	width: 80%;
	height: 92px;
	background-color: #ffffff;
	background-image: url(images/loading.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

div.main_loading {
	height: 300px;
}

.just_red {
	color: red;
}

.just_blue {
	color: #004d86;
}

.native {
	float: right;
	width: 100%;
}

div#video_thumbs {
	float: right;
	width: 70px;
	margin-left: 10px;
}



a.video_gallery_item {
	float: right;
	clear: both;
	width: 60px;
	height: 60px;
	background-position: 50% 50%;
}

div.item_wrap {
	float: right;
	clear: both;
	border: 1px solid #d7d7d7;
	width: 60px;
	padding: 2px;
	margin-bottom: 3px;
}

div.video_title {
	width: 90%;
	float:left;
	font-size: 9pt;
	font-weight: bold;
	color:#999999;
	margin-top: 6px;

	display: inline;
	text-align:right;
}

div#video_thumbs a.next, div#video_thumbs a.prev {
	float: left;
	width: 8px;
	height: 14px;
	line-height: 0px;
	font-size: 0pt;
	background-image: url(images/gallery-left.gif);
	background-repeat: no-repeat;
}

div#video_thumbs a.prev {
	float: right;
	background-image: url(images/gallery-right.gif);
}

div.video_thumbs_height {
	float: right;
	width: 100%;
	height: 345px;
}

div#video_gallery_wrap {
	float:right;
	display: inline;
	margin-right: 20px;
	width: 100%;
}

select.fill{
width:151px;
height:20px;
direction:rtl;
text-align:right;
font:normal 12px Arial;
color:#3a3a3a;
margin-right: 100px;
margin-bottom: 30px;
}

select.youtube{margin-bottom:0px;margin-right: 5px;}

p.gallseltitle
{
	font:normal 12px Arial;
	margin-bottom: 30px;
}

/*-----------------
END stuff for video gallery
-----------------*/


a.btphone, a.btphonebottom{
float:left;
margin-top:-113px;
padding-right:43px;
width:137px;
height:30px;
ont-size:14px;
font-weight:bold;
color:#ffffff;
line-height:30px;
text-decoration:none;
background-image: url(images/bt-phone.gif);
background-position: top;
background-repeat: no-repeat;
}

a.btphonebottom{
margin-top:30px;
}

table.study_program{width:430px;}

table.study_program td{width:215px;}

table.study_program select.select_text {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #eaeaea;
	border: 0px;
	height: 18px;
	text-align: right;
	float: right;
}

.footer_address{
margin-top:60px;
float:right;
clear:both;
font-weight:bold;
}

div.program_wrapper{
padding:5px 0px;
background-color:#FF7F0E;
width:65px;
float:left;
padding-left:11px;
}

div.hp_welcome_box a{
color:#ffffff;
text-decoration:none;
}

div.hp_welcome_box a:hover{
text-decoration:underline;
}