body {font-family: Arial, Helvetica, sans-serif; behavior:url(csshover.htc);}
* {margin:0; padding:0;} 

/* the horizontal menu starts here */
div#listmenu {
	width:795px; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-size:11px;/* SET FONT-SIZE HERE */
	z-index:100;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#d8d8d8; /*sets the background of the menu items */
	}

div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
	
div#listmenu a {
	display:block;
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color: #000;	/* sets the type color */
	height:34px;
	}
	
div#listmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:170px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:7px;
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	 /*  three sides of each drop-down item */
	border-bottom:1px solid #000;
	border-bottom-color:#999

	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* end of hack zone */
/* END OF LIST-BASED MENU */

li#global { background:url(O2TB%20Images/GlobalCampuses1.jpg); width:149px; height:34px;}
li#is { background: url(O2TB%20Images/InternationalStudents1.jpg); width:187px; height:34px;}
li#doc { background: url(O2TB%20Images/Doctoral1.jpg); width:91px; height:34px;}
li#master { background: url(O2TB%20Images/Masters1.jpg); width:84px; height:34px;}
li#bachelor { background: url(O2TB%20Images/Bachelor1.jpg); width:91px; height:34px;}
li#diploma { background:url(O2TB%20Images/Diploma1.jpg); width:80px; height:34px;}
li#seminar { background:url(O2TB%20Images/Seminars1.jpg); width:111px; height:34px;}

a#global { text-indent:-9999px;}
a#is { text-indent:-9999px;}
a#doc { text-indent:-9999px;}
a#master { text-indent:-9999px;}
a#bachelor { text-indent:-9999px;}
a#diploma { text-indent:-9999px;}
a#seminar { text-indent:-9999px;}
