html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-image: url(https://www.loyola.edu/bin/a/k/body_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #D0DCD0;
	font-family: Helvetica, Arial, sans-serif;
	color:#3a3a3a;
	text-align: center; /* for IE */
}

a {
	color: #02624f;
}

img {
	border: 0;
}

div#rope {
	line-height: 0;
	font-size: 1px;
	
	height: 5px;
	background-repeat:repeat-x;
	background-image: url(/bin/u/v/rope.gif);
}

div#container {
	/*position:relative;*/
	width: 919px;
	margin-right: auto;
	margin-left: auto;
	text-align: left; /* counter the body center */
	}

div#header {
	position:relative;
	width: 915px;
	height: 88px;
	background-image: url(/bin/i/i/header_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-left: 2px;
	padding-right: 2px;
}

div#hybrid_header {
	position:relative;
	width: 915px;
	height: 57px;
	background-image: url(/bin/u/t/hybrid_header_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px auto;
}


div#nav_container {
	position: absolute;
	top: 56px;
	left: 2px;	
	width: 915px;
	height: 30px;
	background-image: url(/bin/a/s/nav_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #fff;
}

div#logo_container {
	position: absolute;
	top: 25px;
	left: 17px;
}

div#hybrid_header div#logo_container {
	top: 27px;
}

div#quicklinks {
	position: absolute;
	top: 28px;
	right: 227px;
}

div#hybrid_header div#quicklinks {
	right: 17px;
}

div#quicklinks ul {
	margin: 0;
	padding: 0;
}

div#quicklinks ul li {
	display: inline;
	font-size: 12px;
	color: #737373;
	margin: 0;
	margin-left: 25px;
	padding: 0;
}

div#quicklinks ul li a {
	text-decoration: none;
	color: #737373;
}

div#quicklinks ul li a:hover {
	text-decoration: underline;
}

li.green_link a {
	color: #02624f !important;	
}

div#search_container {
	position: absolute;
	right: 17px;
	top: 26px;
}
	
div#search_container * {
	margin: 0;
	padding: 0;
	}

div#search_container input {
	height: 15px; /* was 13 */
	width: 134px;
	padding-left: 2px;
	font-size: 11px;
	border: 1px solid #02624f;
}	



div#se_container {
	background-color: #FFF;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 13px;
	padding: 15px;
}

div#breadcrumb_container {
	
}


div#footer_spacer {
	background-color: #FFF;
	height: 45px;
	margin-left: 2px;
	margin-right: 2px;
}


#loy_footer, #hybrid_footer {
	position: relative;
	background-color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	height: 105px;
	margin-left: 2px;
	margin-right: 2px;
}

div#loy_footer #footer_nav, div#hybrid_footer #footer_nav {
	background-color: #faf6ef;
	border: 1px solid #DDCB96;
	height: 30px;
	
}

div#loy_footer #footer_nav ul, div#hybrid_footer #footer_nav ul {
	margin: 0;
	padding: 0;
}

div#loy_footer #footer_nav ul li, div#hybrid_footer #footer_nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	height: 21px;
	padding-top: 9px;
	border-right: 1px solid #DECD97;
	line-height: 12px;
}

div#loy_footer a, div#hybrid_footer a {
	text-decoration: none;
	color: #737373;
}

div#loy_footer a:hover, div#hybrid_footer a:hover {
	text-decoration: underline;
}

img#loy_logo_footer {
	position: absolute;
	top: 47px;
	left: 17px;
}

div#footer_text {
	margin-bottom: 35px;
	text-align: right !important;
	padding-top: 12px;
	font-size: 11px;
	color: #737373;
	line-height: 15px;
}
















/* --------------- DROPDOWN NAV ---------------- */


ul#nav, ul#nav li ul {
	font-size: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 100;

}

ul#nav {
	margin-top:10px;
}

ul#nav li ul {
	
	border-bottom: 1px solid #a0a8a0;
	margin: 0;
	padding: 0;
	margin-left: -17px;
	padding-top: 7px;
	}

#nav a {
	
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	
	padding-left: 16px;
	padding-right: 15px;
	
}

#nav li li a:hover {
	/*color: #fff;
	border-left: 5px solid #7d6340;*/
	padding-left: 16px;
	text-decoration:underline;
}

#nav li {
	float: left;
	position: relative;
	/*width: 10em;*/
	text-align: left;
	cursor:auto;
	z-index: 100;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #DDDDDD;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color:#fff;
	width: 200px;
	z-index: 200;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	
	z-index: 200;
	border-top: 1px dotted #7e7e7e;
	border-left: 1px solid #a0a8a0;
	border-right: 1px solid #a0a8a0;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

div.menu_title a {
	
}

div.menu_title a:hover {
	
}


/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
	
	padding-top: 5px !important;
	padding-top: 0;	
	
	
	/*margin-right: -1px;*/
}




/* Classes assigned in SE */

.portal_breadcrumb {
	padding-top: 2px;
	/*padding-left: 17px;*/
	width: 825px;
	font-size: 10px;
	color: #666666;
}

.portal_breadcrumb a {
	color: #666666;
	text-decoration: none;
}

.portal_breadcrumb a:hover {
	text-decoration: underline;
}


.portal_signout {
	padding-top: 2px;
	width: 60px;
	text-align: right;
	padding-right: 17px;
	font-size: 11px;
}

.portal_signout a {
	color: #02624f;
	text-decoration: none;
}

.portal_signout a:hover {
	text-decoration: underline;
}

/*
div#breadcrumb_container {
	display: none;
}
*/


.breadcrumb_cell {
	display: none;
}

#BreadcrumbExternal {
	display: none;
}

#BreadcrumbPortal {
	padding-top: 2px;
	padding-left: 17px;
	font-size: 10px;
	color: #666666;
}

#BreadcrumbPortal a {
	color: #666666;
	text-decoration: none;
}

#BreadcrumbPortal a:hover {
	text-decoration: underline;
}

/* Fix the SE dropdown blue hovers */

td.nav a:hover {
	color: #fff !important;

}

td.nav:hover a, .z_drop_nav {
	color: #fff !important;
}