/* General
***************/
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body{ background-color: #000;}

:focus, a:focus{outline: none;}
.clear{
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
.left{float: left;}
.right{float: right;}
.center{text-align: center;}
.invizibil{display: none;}
br{
	height: 8px;
	font: normal 8px/8px Arial, Helvetica, sans-serif;
}
/* Text
--------------*/
h1 {
	font: normal 18px/22px Arial, Helvetica, sans-serif;
	color: #c15fb9;
	text-align: left;
	margin-bottom: 12px;
}
h2 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	margin-bottom: 12px;
}
h3 {
	font: bold 13px/30px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #c2c3bd;
	width: 228px;
	background-color: #793372;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
h4{
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #c15fb9;
	border-bottom: 1px solid #ccc;
	width: 250px;
	display: block;
	margin-bottom: 7px;
	padding-bottom: 5px;
}
h5{
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	margin-bottom: 7px;
}
p{
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: left;
	padding-bottom: 8px;
}
p.col01{
	width: 90px;
	float: left;
	color: #fff;
	font-weight: bold;
}
p.col02{
	width: 150px;
	float: left;
}

a{ text-decoration: none;}

.color{color: #793372;}
.white{ color: #fff; font-weight: bold;}
.bold-underline{
	font-weight: bold;
	text-decoration: underline;
	color:#fff;
}
/* Images
-------------*/
.left-img{
	float: left;
	margin-right: 18px;
}
.right-img{
	float: right;
	margin-left: 18px;
}
.mnu-hebrew{float: left; margin-top: 6px;}
/* Layout
***************/
#SiteContent, #SiteHeaderMain, #SiteHeader, #SiteInfoContent, #SiteFooter { width: 900px;}

#SiteContent { background-color: #FFFFFF; margin: 0px auto;}

#SiteHeaderMain, #SiteHeader { height: 103px; float: left; background-color: #FFFFFF;}
#SiteHeaderDisplay{
	width: 802px;
	margin: 0px auto;
}

#SiteInfoContent {
	float: left;
	background: url(../images/site-content.jpg) center top repeat-y;
}

#SiteContentDisplay {
	width: 792px;
	margin: 0px auto;
	padding: 10px 0px 10px 10px;
}

#SiteFooter {
	float: left;
	background-color: #FFFFFF;
	color: #333333;
	padding-bottom: 10px;
	text-align: center;
}

/* Top Menu
***************/
#siteSubMnu {
	width: 470px;
	height: 24px;
	float: left;
	margin: 50px 20px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #666666;
}
#siteSubMnu a:link, #siteSubMnu a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 20px;
	color: #FFFFFF;
	margin: 0px 4px;
	padding: 4px 2px 0px 2px;
	float: left;
}
#siteSubMnu a:hover, #siteSubMnu a:active { background-color: #39891f; color: #3e2d2d;}

/* Left Side
***************/
#siteMainInfo {
	width: 512px;
	float: left;
}

#scrollContent {
	width: 240px;
	float: left;
}
#siteMainInfo a:link, #siteMainInfo a:visited { color: #c15fb9;}
#siteMainInfo a:hover,  #siteMainInfo a:active{ color: #ccc;}



/* Right Side
***************/
#siteMnuDr {
	width: 270px;
	float: left;
}
#siteLanguages{
	width: 130px;
	float: right;
	margin-bottom: 13px;
}
#siteLanguages img{float: right; margin-left: 7px;}
/* Right Menu
---------------*/
#siteRgtMnu{
	width: 270px;
	float: right;
	margin-bottom: 23px;
}
#siteRgtMnu a:link, #siteRgtMnu a:visited{
	width: 270px;
	height: 30px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
}
#siteRgtMnu a.about{ background: url(../images/menus/btn-about.jpg);}
#siteRgtMnu a.president{ background: url(../images/menus/btn-president.jpg);}
#siteRgtMnu a.mission{ background: url(../images/menus/btn-mission.jpg);}
#siteRgtMnu a.projects{ background: url(../images/menus/btn-projects.jpg);}
#siteRgtMnu a.inspire{ background: url(../images/menus/btn-inspire.jpg);}
#siteRgtMnu a.join{ background: url(../images/menus/btn-join.jpg);}
#siteRgtMnu a.contact{ background: url(../images/menus/btn-contact.jpg);}

#siteRgtMnu a.about-ro{ background: url(../images/menus/btn-about-ro.jpg);}
#siteRgtMnu a.president-ro{ background: url(../images/menus/btn-president-ro.jpg);}
#siteRgtMnu a.mission-ro{ background: url(../images/menus/btn-mission-ro.jpg);}
#siteRgtMnu a.projects-ro{ background: url(../images/menus/btn-projects-ro.jpg);}
#siteRgtMnu a.inspire-ro{ background: url(../images/menus/btn-inspire-ro.jpg);}
#siteRgtMnu a.join-ro{ background: url(../images/menus/btn-join-ro.jpg);}
#siteRgtMnu a.contact-ro{ background: url(../images/menus/btn-contact-ro.jpg);}


#siteRgtMnu a:hover, #siteRgtMnu a:active{ background-position: left bottom;}

/* Newsletter form
----------------------*/
#quick_form{
	width: 228px;
	float: right;
	background-color: #554040;
	margin-bottom: 25px;
}

#quick_form p{
	width: 102px;
	padding: 0px 0px 0px 15px;
	float: left;
	color: #FFFFFF;
}
#quick_form input {
	width: 106px;
	height: 18px;
	padding: 3px 0px 0px 3px;
	margin-bottom: 4px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	border: 0px;
	background: url(../images/bg-input.gif) left top no-repeat;
}
#quick_form input.send, #quick_form input.send-ro {
	width: 35px;
	height: 19px;
	float: right;
	padding: 0px;
	margin: 4px 2px 5px 0px;
	cursor: pointer;
	/*color: #FFFFFF;
	background-color: #468632;*/
}
#quick_form input.send{background: url(../images/bg-send.gif) left top no-repeat;}
#quick_form input.send-ro{background: url(../images/bg-send-ro.gif) left top no-repeat;}

/* Logo MGH
----------------------*/
#logo_MGH{
	width: 228px;
	float: right;
	padding-bottom: 8px;
}

#logo_MGH p{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
#logo_MGH a:link, #logo_MGH a:visited{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #c15fb9;
}
#logo_MGH a:hover, #logo_MGH a:active{ color: #ccc;}

/* Index Bottom
----------------------*/

#siteBottomContent{
	width: 782px;
	float: left;
	margin-bottom: 10px;
}

.bottomBox, .bottomBoxMidlle{
	width: 250px;
	float: left;
}
.bottomBoxMidlle{margin: 0px 16px;}

.bottomBox img, .bottomBoxMidlle img{
	float: right;
	margin-left: 10px;
}
.bottomBox p, .bottomBoxMidlle p{
	color: #fff;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
/*.bottomBox p.text, .bottomBoxMidlle p.text{height: 50px;}*/
#siteBottomContent a:link, #siteBottomContent a:visited{
	color: #3e2d2d;
	background-color: #419825;
	padding: 0px 3px;
	font-weight: bold;
}
#siteBottomContent a:hover, #siteBottomContent a:active{
	background-color:#ccc;
}
#SiteInfoContent.extra{
	width: 800px;
	margin: 0px auto;
	float: none;
	background: none;
	background-color: #fff;
	border: 1px solid #b2b2b2;
}

/* Footer
**************/

#SiteFooter a:link, #SiteFooter a:visited { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #3a2c2c; margin: 0px 5px; }
#SiteFooter a:hover, #SiteFooter a:active { color: #9b4392;}

#SiteFooter p{
	color: #9b4392;
	padding: 3px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}


/* Content
**************/

#logo_left{width: 500px; float: left;}

.light-column{
	width: 310px;
	float: right;
	margin-left: 10px;
	padding-top: 18px;
	background-color: #e8e8e8;
	border: 1px solid #878787;
	text-align: center;
}
.light-column p{
	color: #111;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
.light-column-content{
	width: 278px;
	margin: 0px auto;
}
.part-content{ width: 370px; margin: 0px auto;}

.table01{
	float: left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	
}
.table01 p{
	height: 18px;
	padding: 5px 5px 0px 5px;
	float: left;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	vertical-align: middle;
	text-align: left;
	line-height: 12px;
}
.table01 p.col01{ width: 100px;}
.table01 p.col02{ width: 150px;}
.table01 p.col03{ width: 221px;}

.table02{
	float: left;
	margin-bottom: 10px;
}
.table02 p{
	height: 18px;
	padding: 5px 0px 0px 0px;
	float: left;
	vertical-align: middle;
	text-align: left;
	line-height: 12px;
}

.table02 p.col01{width: 155px;}
.table02 p.col02{width: 145px;}
.table02 p.col03{width: 115px;}
.table02 p.col04{width: 50px;}

div.hebrew h1, div.hebrew h2, div.hebrew h5, div.hebrew p, div.hebrew li{
	text-align: right;
	direction: rtl;
	unicode-bidi: embed;
	list-style-position: inside;
}
div.hebrew p.center{text-align: center;}

#siteMainInfo .hebrew a:link, #siteMainInfo .hebrew  a:visited { color: #fff;}
#siteMainInfo .hebrew a:hover,  #siteMainInfo .hebrew  a:active{ color: #793372;}

/* Lists
-----------*/
ul.list01{margin-left: 42px;}
ul.list02, ul.list03{margin-left: 20px;}
ul.list04 { margin-left: 60px;}

li{
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ccc;
	list-style-position: outside;
}

ul.list01 li{
	list-style-type: decimal;
	padding: 0px 0px 5px 0px;
}
ul.list02 li{
	list-style-type: none;
	background: url(../images/bullet_small.jpg) left 2px no-repeat;
	padding: 0px 0px 5px 18px;
}
ul.list03 li{
	list-style-type: none;
	background: url(../images/bullet_square.gif) left 6px no-repeat;
	padding: 0px 0px 5px 15px;
}
div.hebrew ul.list03 li{
	background-position: right 6px;
	padding: 0px 15px 5px 0px;
}
ul.list04 li{
	list-style-type: disc;
	padding: 0px 0px 5px 5px;
}
#siteMainInfo ul.list04 a:link, #siteMainInfo ul.list04 a:visited{color: #fff;}
#siteMainInfo ul.list04 a:hover, #siteMainInfo ul.list04 a:active{color: #ccc;}
/* Tables
-----------*/

.chart{
	width: 330px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0px auto 5px auto;
	padding: 1px;
	display: block;
}
.chart p{
	padding: 0px 0px 0px 5px;
	line-height: 20px;
	border: 1px solid #ccc;
}
.coll-01{ width: 100px; float: left;}
.coll-01 p{
	width: 92px;
	text-align: left;
}
.coll-02{ width: 230px; float: left;}
.coll-02 p{
	width: 223px;
	text-align: center;
}

p.note{padding: 0px 0px 0px 96px;}

/* Contact
-----------*/

#formContact{
	
}

#formContact p{
	width: 61px;
	padding: 0px;
	float: left;
	color: #fff;
}
#formContact p.note{ width: auto; padding-bottom: 10px; float: none;}
#formContact #options p{
	width: 215px;
	line-height: 20px;
}
#formContact input, #formContact textarea {
	padding: 3px 0px 0px 3px;
	margin-bottom: 4px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	border: 0px;
	overflow: hidden;
}
#formContact input{
	width: 158px;
	height: 18px;
	background: url(../images/bg-input-cont.gif) left top no-repeat;
}
#formContact textarea{
	width: 158px;
	height: 52px;
	background: url(../images/bg-textarea-cont.gif) left top no-repeat;
}
#formContact #options input{
	width: 12px;
	height: 12px;
	line-height: 20px;
	margin: 3px 10px 0px 0px;
}

#formContact input.send-contact, #formContact input.send-contact-ro {
	width: 42px;
	height: 22px;
	float: right;
	padding: 0px;
	margin: 4px 19px 5px 0px;
	cursor: pointer;
}
#formContact input.send-contact{background: url(../images/bg-send-contact.gif) left top no-repeat;}
#formContact input.send-contact-ro{background: url(../images/bg-send-contact-ro.gif) left top no-repeat;}

