/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#000; font-family: Verdana, Arial;}
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { min-width:988px;}

/*---- Wrapper ----*/
div.wrapper { width:988px; margin:0 auto;  font-size: 12px;}

/*---- Header ----*/
div#header {  background:url(/resources/images/theme/header/header-bg.png) left bottom repeat-x; padding-bottom:5px; position:relative; z-index:5;}
div#header div.inner { padding:48px 0px 14px; background:url(/resources/images/theme/header/header-inner-bg.jpg) left top repeat;}
div#header div.wrapper { padding:0px 4px; width:980px;}

/*---- Main Navigation ----*/
div#main-navigation {background:#0076c0; border-bottom:1px solid #70b2dc; position:fixed; width:100%; z-index:100;}
div#main-navigation div.wrapper { padding:0px 12px; width:964px;}

/*---- Content ----*/
div#content { position:relative; margin-top:-5px; overflow:hidden;}
div#content div.wrapper { position:relative; width:990px;}
div#content div.flag { background:url(/resources/images/theme/content/content-bg.gif) 0 35px no-repeat; position:absolute; top:2px; right:392px; width:471px; height:377px;}

/*---- Main ----*/
div#main { float:right; width:580px; padding:10px; background:#9c9; }

/*---- Sidebar ----*/
div#sidebar { float:left; width:340px; padding:10px; background:#99c; }

/*---- Footer ----*/
div#footer { padding:5px 10px; font-size: 80%; background: #DDD;color: #333;}
#footer a {color: #333; text-decoration:underline}
#footer a:hover { text-decoration:none;}

/*---- Two-column-layout1 ----*/
div.two-column-layout1 { border-top:0px; padding:32px 20px 40px 28px; position:relative; z-index:10;}
div.two-column-layout1 div.column1 { width:220px; float:left;}
div.two-column-layout1 div.column2 { width:697px; float:right; font-size: 110%}


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { float:left; margin-right:32px;}
div#header div.logo h1 a { position:relative; width:204px; height:153px; display:block; }
div#header div.logo h1 a span { background:url(/resources/images/theme/header/logo.png) 0 0 no-repeat; height:0px; width:100%; padding-top:153px; overflow:hidden; display:block; }

div#header div.tagline { float:left; margin-top:43px;}
div#header h2 { font-size:440%; color:#003F92;font-family: 'MyriadProSemibold'; line-height:38px;}
div#header h3 { color:#fff; font-size:350%; font-family: 'MyriadProSemibold';}
div#header div.affiliation { float:right; margin:10px 4px 0px 0px; width:181px;}
div#header div.affiliation a { display:block; background:#fff; position:relative; padding:6px 5px 5px; font-size:14px; color:#333333; line-height:14px; text-align:center; font-family: 'MyriadProBoldCondensed'; margin-bottom:7px;}
div#header div.affiliation a span { display:block; float:left; width:111px;}
div#header div.affiliation a.double-line span { padding-top:3px;}
div#header div.affiliation a img { float:left;}
div#header div.affiliation a:hover { text-decoration:none;}

/*---- Main Navigation ----*/
div#main-navigation ul li{ float:left; color:#5ea8d7; height:38px; line-height:37px;}
div#main-navigation ul li.divider { margin:0 18px 0px 19px; width:1px; background:url(/resources/images/theme/navigation/main-nav-divider-bg.gif) left center no-repeat;}
div#main-navigation ul li a { text-decoration:none; color:#fff; font-size:22px; font-family: 'MyriadProSemibold'; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}div#main-navigation ul li a:hover { text-shadow: none;}
div#main-navigation ul li.parent { position:relative;}
div#main-navigation ul li.parent ul.lamp { background:#0076c0; position:absolute; top:38px; left:-18px; width:174px; display:none;}
div#main-navigation ul li.parent:hover ul.lamp { display:block;}
div#main-navigation ul li.parent ul.lamp li { float:none; height:30px; line-height:30px; border-bottom:1px solid #70b2dc;}
div#main-navigation ul li.parent ul.lamp li a { font-size:110%; float:left; padding:0 9px; width:156px; display:block;}
div#main-navigation ul li.parent ul.lamp li.last { border:0px;}


/*---- Post REMOVED ---*/
/*---- Post - Custom Lists REMOVED ---*/
/*---- Footer - Navigation REMOVED ---*/



/*---- Box1 ----*/
div.box1 { position:relative; background:#90C43B;}

/*---- Button1 ----*/
a.button1 { display:block; float:left; height:31px; color:#fff; position:relative; padding:0 0px 0 3px; width: 152px; text-align: left; text-indent:-99999px;}
/*a.button1 span { display:inline-block; background:url(../resources/images/theme/buttons/button1-span-bg.gif) left center no-repeat; padding-left:13px;}*/
a.button1:hover { text-decoration:none;}

#mazaltovs {background:url(/images/ui/homeMazaltov.png) 0 0 no-repeat;  margin-right:7px;}
#mazaltovs:hover {background-position: 0 -33px;}
#news {background:url(/images/ui/homeNews.png) 0 0 no-repeat;}
#news:hover {background-position: 0 -33px;}

/*---- Lists ----*/


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/


.column1 ul { border-top: 1px solid #97C5FD;}
.column1 ul li {position:relative; z-index:2;}
.column1 ul li a { display: block; padding: 10px 5px; border-bottom: 1px solid #97C5FD; color:#001066; font-weight: bold;}
.column1 ul li a:hover {
color: color:#FFF; 	text-decoration: none;
}


.column1 .lamp li.backLava {
	background: #A7DBF1;
	width: 5px;
	position: absolute;
	border-bottom:0;
	z-index:1;
}/*

.column1 ul li.selectedLava a {background: #A7DBF1; background-position: left 13px;}
.column1 .lamp li.backLava .leftLava {
	background: url(../images/ui/lavabg.gif) no-repeat top left;
	height: 100%;
	margin-right:5px;
}
.column1 .lamp li.backLava .cornerLava {
	background: url(../images/ui/lavacorner.gif) no-repeat bottom right;
	height:6px;
	width:5px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.column1 .lamp li.backLava .bottomLava {
	background: url(../images/ui/lavabottom.gif) no-repeat bottom left;
	height:6px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}
*/



.column2 h1, .column2 h2, .column2 h3 { font-family: 'MyriadProSemibold'; line-height: normal; color:#001066;}
.column2 h1 {font-size: 220%; margin: 0px 0 20px 0; color:#000;}
.column2 h2 {font-size: 200%; margin: 0px 0 10px 0;}
.column2 h3 {font-size: 185%; margin: 0px 0 10px 0;}

.column2 * {line-height: 150%;}
.column2 a{text-decoration: underline; color: #003;}
.column2 a:hover{text-decoration: none; color:#000099;}

.column2 a.more, .column2 a.back, .column2 a.top { padding: 0px 4px 2px 22px;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
}
.column2 a.top {background: url(/images/ui/arrowOrangeUp.png)  2px 2px no-repeat;}
.column2 a.top:hover {background-position: 2px 0px;}

.column2 a.more {background: url(/images/ui/arrowSolidBlueRt.png)  2px 2px no-repeat;}
.column2 a.more:hover {background-position: 4px 2px;}
.column2 a.back {background: url(/images/ui/arrowSolidBlueLt.png)  2px 2px no-repeat;}
.column2 a.back:hover {background-position: 0px 2px;}



.column2 p {margin: 9px 0;}
.column2 ul, .column2 ol {margin: 10px 0 10px 10px;}
.column2 ul li { background: url(/images/ui/arrowBlueRt.png) 2px 4px no-repeat; padding-left: 23px; margin: 6px 0;}
.column2 ol { margin-left: 20px;}
.column2 ol li { list-style: decimal; padding-left: 6px; margin: 6px 0;}

.message, .red {color:#FF0000;}
.grey {color:#666;}
blockquote {margin: 10px 0 0 25px;}

.column2 a[href$="pdf"], .column2 a[href$="PDF"] {background:url(/images/icons/page_white_acrobat.png) left top no-repeat; padding-left: 20px; padding-bottom: 2px;}
.column2 a[href$="doc"], .column2 a[href$="DOC"]  {background:url(/images/icons/page_white_word.png) left top no-repeat; padding-left: 20px; padding-bottom: 2px;}
.column2 a[href^="mailto:"]  { background:url(/images/icons/email.png) left 3px no-repeat; padding-left: 20px; padding-bottom: 2px;}

.botBorder, .tableBottomLine {padding: 3px; border-bottom: 1px solid #A7DBF1;vertical-align:top;}
.botBorder p, .tableBottomLine p {margin-top:0;}

.column2 p.ques {background: url(/images/ui/FAQ_Q.jpg) no-repeat scroll 0 4px transparent;
	font-weight:bold;
	padding:2px 0 4px 30px;
	margin-top:17px;
	text-decoration: underline;}
.column2 p.ans {background: url(/images/ui/FAQ_A.jpg)  no-repeat scroll 0 2px transparent;
	color:#333333;
	padding:0 0 5px 30px;
	margin:0 0 20px 0;
	border-bottom: 1px solid #A7DBF1;
	}	
.ques:hover{cursor:pointer}
.hover{color:#990000;text-decoration:none}


#topper a {
	display: block;
	display: none;
	z-index: 99;
	opacity: .9;
	position: fixed;
	top: 100%;
	margin-top: -50px; /* = height + preferred bottom margin */
	left: 50%;
	margin-left: -160px; /* = half of width */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 300px;
	line-height: 28px;
	height: 28px;
	padding: 7px;
	background: #0076C0 url(/images/ui/arrowBlueUp.png) 29% 54% no-repeat ;
	font-size: 18px;
	text-align: center;
	color: #fff;
	text-decoration:underline;
}
#topper a:hover {text-decoration: none;}

.tableHeader {background: #0076C0; font-weight: bold; color:#FFF; padding:3px;}
.column2 .tableHeader a {color:#FFF;}
.pageNav {background: #EEE; padding: 3px;}

input.error, select.error, textarea.error {background:#FFCACA ; border: 1px solid #F00;}



.column2 ul.galleryList {  margin-left: 0;}
.column2 .column2 .galleryList, .column2 .galleryList li {margin:0 15px 0 0;  padding:0; list-style: none;}
.galleryList li {float: left; margin: 0 15px 15px 0; width: 200px; height: 200px; overflow: hidden;  -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; padding:0; background: none !important;}
.galleryList li a {}
.galleryList li a img  { width: 100%;  -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; max-width:100%; }