/* ---------->>> top-navigation styles: <<<-----------------------------------------------------------------------*/
/* ------------  the following styles govern the position/style of elements in the top navigation bar, -----------*/
/* ------------  search bar and sub-navigation drop-down menus ---------------------------------------------------*/

/* header contains top-level navigation links (mainNav) and search box */
body {
    color: #B2CDE3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background-color:Gray;
    /*background-image:url('librarybg.jpg');*/
    background-repeat:no-repeat;
}
/*.headermenu{
	top:0px;
	height:0px;
	width:60%;	
	background-color: #000;
	border:0px solid #cccccc;
	position:relative;
	z-index:999;
}
*/
/* mainNav contains top-navigation links */
#mainNav {
	position:relative;
	top:0px;
	float:left;
	overflow:visible;
	/*height:25px;*/
	width:520px;
	padding:10px 0px 10px 0px;
	border:0px solid #ffffff;
}

/* for main navigation links */
ul#topNavLinks {
	position:relative;	/* position:relative; needed for ie 6 peakaboo bug */
	top:0px;	
	height:auto; 		/* height:20px */
	margin:0;
	padding:0;
	list-style-type: none;
	text-indent:0px;
	border:0px solid #ccc;
}

ul#topNavLinks li {	
	position:relative;	/* position:relative; needed for ie 6 peakaboo bug */
	float:left;
	height:auto; 		/* height:20px */
	margin:0;
	padding:0px 2px 15px 0px;
	color:#4b94f9;
	list-style-type: none;	
}
* html ul#topNavLinks li{zoom:1}
ul#topNavLinks li ul li{float:none;}
ul#topNavLinks li a {	
	font-size:17px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 5px 0px 6px;
	 font-family:"Trebuchet MS","Times New Roman",Times,serif;
}
ul#topNavLinks li a:link, ul#topNavLinks li a:visited {color: #FFF;}
ul#topNavLinks li a:hover, ul#topNavLinks li a:active {color: #999;}

/* for search box */
#searchBox {
	position:relative;
	top:0px;
	float:right;	
	overflow:hidden;
	height:auto;
	width:auto;
	padding:10px 25px 0px 0px;
	border:0px solid #ffffff;
}

.searchText {
	color: #FFF;
	font-size: 11px;
	margin-right:5px;
	border:0px solid #ffffff;
}

#searchBox option {
	color: #000;
	font-size: 11px;
	border:0px solid #ffffff;
}

#searchBox input.textField {		
	height:18px;
	width:165px;
	color: #000000;
	font-size: 11px;
	margin:3px 0px;
	border:0px solid #ffffff;
}

.searchText a {
	font-size: 11px;
	text-decoration: none;
	margin-left:6px;
	border:0px solid #ffffff;
	}
.searchText a:link, .searchText a:visited {color: #FFF;}
.searchText a:hover, .searchText a:active {color: #B2CDE3;}

/* for sub-navigation drop-down menus and links */
/* SZT 102709: we now have an alert div which appears at the top of the layout if an alert is triggered --
we need to calculate the positioning of subNav from the bottom of #mainNav (instead of top of viewport).
updated top positioning (was top:58px; now -16px) and position (was absolute; now relative to #mainNav) */

ul#topNavLinks li ul.subNavLinks {
	position:relative;		/* position:relative; needed for ie 6 peakaboo bug */
	overflow:hidden;	
	width:180px;
	height:auto; 			/* height:20px */
	margin:0;
	padding-right:0px;  	/* each column already has 20px of margin right; space out just a touch more */
	list-style-type: none;
	text-indent:0px;	
	border:0px solid #000;
}

ul#topNavLinks li ul.subNavLinks li {	
	position:relative; 		/* position:relative; needed for ie 6 peakaboo bug */
	margin-left:0px;
	text-indent:0px;	
	padding:2px 0px 0px 8px;
	list-style-type: none;
	border-left: 1px solid #8fb0cc;	
}

ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop {padding:0px 0px 0px 8px;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNav {padding:8px 0px 0px 8px;}

ul#topNavLinks li ul.subNavLinks li.fourthLevelNav {
	text-indent:5px;
	padding:2px 0px 0px 8px;
}

ul#topNavLinks li ul.subNavLinks li.secondLevelNav a, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTopOn a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display:block;
	margin:0;
}

ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:link, ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:visited {color: #065190;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:hover, ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:active {color: #5db4fd;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:link, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:visited {color: #065190;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:hover, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:active {color: #5db4fd;	}
ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	display:block;
	margin:0;
}

ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:link, ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:visited {color: #363636;}
ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:hover, ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:active {color: #5db4fd;}
ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a {font-size: 11px;font-weight: normal;text-decoration: none;}
ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:link, ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:visited {color: #363636;}
ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:hover, ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:active {color: #5db4fd;}
/* fixed width menu style with variable height. (add the code below for fixed minimum height that works in ff and ie) */
/* min-height:350px; 
	height:auto !important;
	height:350px; */
.subNavMenu {
	position:absolute;
	visibility: hidden;
	top:0px;
	z-index: 9999; 
	padding:0px 0px 20px 20px;	
	height:auto;
	width:500px; 
	overflow:visible;
	/*background: url(nav_screen.png) repeat-x 0 100% #FFF;*/
	background: url('../../../Images/TOPmenu/nav_screen.gif') repeat;
	border:2px solid #fff;
	margin-top:29px;
}
#menu1.subNavMenu{left:5px;}
#menu2.subNavMenu{left:-63px;}
#menu3.subNavMenu{left:-70px;}
#menu4.subNavMenu{left:-63px;}
#menu5.subNavMenu{left:-377px;}
#menu6.subNavMenu{left:0;}
#menu7.subNavMenu{left:-538px;}
#menu8.subNavMenu{left:0;}

/* for rising */
#menu7.subNavMenu {
	width: 670px;
	padding: 0;
}

#menu7.subNavMenu .subNavArrow {
	height: 0;
}

#menu7.subNavMenu a {
	margin: 0;
}

.subNavArrow {
	position:relative;
	top:-16px;
	height:8px;
	width:109px;
	border:0px solid #000;
	/*background: url('http://balamand.edu.lb/Style%20Library/Images/blue.png') no-repeat;*/
}


#menu1 .subNavArrow {left:-23px;}
#menu2 .subNavArrow {left:78px;}
#menu3 .subNavArrow {left:175px;}
#menu4 .subNavArrow {left:295px;}
#menu5 .subNavArrow {left:385px;}
#menu6 .subNavArrow {left:470px;}
#menu7 .subNavArrow {left:550px;}
#menu8 .subNavArrow {left:580px;}
#menu8 .subNavArrow {left:635px;}

/* dictates the width and float for all all teaser and navigation columns (for 3+ horizontal columns) */
/* (this style is also present in bottom-nav_layout.css) */
.column {
	position:relative;
	float:left;
	height:auto; 
	width:auto;
	overflow:visible;
	padding-bottom:5px; /* ie cuts off bottom of text in really short containers - add padding to prevent */
	margin-right:20px; 	/* ie doesn't calculate padding the same as firefox, so use margin here instead */
	border:0px #ffffff dashed;	
}

#container { margin: 0 auto; position: relative;}