@charset "windows-1255";
body {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #FFFFFF url(../images/ui/bodyBG.jpg) top repeat-x;
}
#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(../images/ui/mainBG.jpg)  top left repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	padding: 5px 0 0 0;
	background:url(../images/ui/header.jpg) center no-repeat;
	text-align:center; 
}
#header h1 {
}
#nav { 
	background: #FFFFFF url(../images/ui/navBG.jpg) top left no-repeat;
	height: 31px;
	text-align:center;
	margin:0;
	padding: 5px 5px 0px 10px;}
/*#nav ul { margin:0; padding:0;}
#nav ul li {margin:0 5px; padding:0; list-style: none; display: inline;}
#nav ul li a {}
#nav ul li a img {border:0; border-bottom: 1px solid #FFFFFF;}
#nav ul li a:hover img {border-bottom: 1px solid #660000;}

*/
#nav ul li a img { border: 0;}

#nav ul li ul li a { 
	background-color: #FFFFFF; 
	color:#000000; 
	text-decoration:none; 
	padding: 5px; 
	font-size: 90%; 
	font-weight: bold; 
	display:block;
	border-top: 1px solid #F2F2F2;
	}
	
#nav ul li ul li a:hover { background-color: #002B8E; color:#FFFFFF;}
	


/*#nav {
	float: left;
	width: 960px;
}*/
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	position: relative;
	margin: 0 9px;
	padding: 0;
	list-style:none;
	display: block;
	float: left;
	z-index:100;
}

.second li {width: 9.5em;  text-align:left;}

* html #nav li {float: left; }

#nav li.submenu li.submenu:hover {}

#nav li:hover {}

#nav li a {
	display: block;
	text-decoration: none;
	padding: 0.15em 1em 0.15em 0;
}
#nav>ul a {
	width: auto;
}
#nav ul ul {
	position: absolute;
	display: none;
	margin: 1px 2px 2px 2px;
	width: 9.5em;
	background-color: #ECE9D8;
	border: 1px solid #002B8E;
	border-top:0;
	padding:0 2px 2px 2px;
}
* html #nav ul ul {
	margin-left: 0px;
}
#nav ul ul li { margin: 0;	}

#nav ul.first li.submenu:hover ul.second {
	display: block;
}
#nav ul.second {
	top: 1.7em;
	left: -10px;
}

/*--------------------------------------------------------*/

#mainContent {
	padding: 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:url(../images/ui/mainTopBG.jpg) top left no-repeat;
	font-size: 85%;
}

#mainContent a { color: #000033;}
#mainContent a:hover {text-decoration: none;}

#mainContent p, #mainContent  td, #mainContent  li { line-height: 150%;}
#mainContent h1 {margin-top:0; padding-top:0; color: #660000; font-size: 180%;}
#mainContent ul li {list-style: square;}


#SideMenu {width: 240px; float:left; padding: 5px 15px 50px 5px ; border-right: 1px solid #CCCCCC;} 
#SideMenu ul { margin:0; padding:0; }
#SideMenu ul li { padding:0; margin:0; list-style: none; }
#SideMenu ul li a{ 
	padding: 3px 5px 3px 18px; 
	border-bottom: 1px solid #002B8E; 
	color:#660000; 
	font-weight: bold; 
	text-decoration: none;
	display: block;
	background:url(../images/ui/red_bullet.gif) no-repeat; background-position: 0px 8px;}
#SideMenu ul li a:hover { color:#FFFFFF; background-color:#660000;}
.message {color:#FF0000;}

.tableHeader {}

#mazaltov { clear:both;  height: 31px;
 background:url(../images/ui/mazaltov.jpg) left top no-repeat; padding: 13px 10px 0px 120px; color:#FFFFFF; }

.pageNav {
	background-color: #CBE0FF;
	border-top: 1px solid #002B8E;
	border-bottom: 1px solid #002B8E;}


.breadcrumbBlock { background-color:#660000; color: #FFFFFF; padding: 3px;}
#SnifContent .breadcrumbBlock a {color:#FFFFFF;}

.FileListBlock {border: 1px solid #B5B5B5; margin-top: 5px; background: #fafaFa; padding: 3px; margin-right:3px;}
.FileListBlock p {margin-bottom:0;}
.FileListHeader { color:#660000; background-color:#FFFFFF; padding: 2px; border-bottom: 1px solid #B5B5B5;}


.redFont, #mainContent a.redFont  {color: #660000; font-weight: bold;}

#footer {
	padding: 30px 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #F4F4F4 url(../images/ui/footer.jpg) top no-repeat;
	font-size: 70%;
	color:#999999;
	height: 21px;
	clear:both;
}

#footer a{color:#999999;}
#footer a:hover {text-decoration: none;}