/*---------------------------main navigation ccui cms----------------------------------*/



#global_navigation{
	z-index:12;
	height:34px;
	position:relative; 
	margin:0;
	padding:0;
	top:0; left:0;
	background: url("/images/menuBackground.jpg") 0 0 repeat-x;
	/*make sure is set equal to #global_navigation div.ccui_container width */
	min-width:745px;
	width:100%;
	border-bottom:1px solid #7096BB;
}

/*IE6 fix*/
*html #leftBlock1{
	width:expression(document.body.clientWidth < 750? "745px" : "100%" ); 
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	position:absolute;
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	
}

#nav{
	margin-left:10px;
}


#nav li ul{
	font-size:.8em;
	width:180px; 
	background-color:#4272A1;
	font-weight:normal;
}
#nav li ul.narrowMenu{
	width:144px;
}
#nav li ul.wideMenu{
	width:202px;
}
#nav a span.noDecoration, #nav a:hover span.noDecoration{
	 position:absolute; top:4px;  text-decoration:none !important;
}



#nav li a {
	line-height:30px;
	padding:2px 0 0 5px; 
	margin-bottom:15px; 
	font-size:.8em;
	display:block;
	color:#fff;
	text-decoration:none;
}
#nav li li a {
	color:#C5E3F5;
	text-decoration:none;
	line-height:.95em;
	font-size:.95em;
	display:block;
	padding:2px 3px 2px 17px;
	margin:0 1px 0 -5px;
	background: url("/explore-ellis/demo/demo/images/whitebullet.gif") 10px 4px no-repeat;
	
}
*html #nav li li a {
	margin:0 1px 0 -5px;
	width: 158px;
}
*html #nav .narrowMenu a {
	width: 123px;
}
*html #nav .wideMenu a {
	width: 180px;
}


#nav li li a.deptLevel, #nav li li a.deptLevel:hover{
	background:none;
	font-size:1em;
	color:#C5E3F5;
	margin-left:-4px;
	padding-left:2px;
}
#nav li li a.deptLevel:hover{
	color:#336699;
	background-color: #fff;
}
*html  #nav li li a.deptLevel{
	width: 172px;
}


#nav li li a:hover{
	color:#336699;
	background: #fff url("/explore-ellis/demo/demo/images/bluebullet.gif") 10px 4px no-repeat;	
}

#nav li { /* all list items */
	float: left;
	width:auto;
	padding:0;
	margin:2px 23px 0 0; 
	
}
#nav  li ul.narrowMenu li {
	width:138px;
}
#nav  li ul.wideMenu li {
	width:195px;
}
#nav  li ul.narrowMenu li.bullet{
	padding: 0 0 0 17px;
	width:125px;
	font-weight:bold;
	font-size:.9em;
	background: url("/explore-ellis/demo/demo/images/whitebullet.gif") 10px 4px no-repeat;
}
#nav  li ul.wideMenu li.bullet{
	padding: 0 0 0 17px;
	width:182px;
	font-weight:bold;
	font-size:.9em;
	background: url("/explore-ellis/demo/demo/images/whitebullet.gif") 10px 4px no-repeat;
}

#nav li  li{
	padding: 0 0 0 6px;
	width:174px;
	font-weight:bold;
	
}
#nav li  li.bullet{
	padding: 0 0 0 17px;
	width:164px;
	font-size:.9em;
	font-weight:bold;
	background: url("/explore-ellis/demo/demo/images/whitebullet.gif") 10px 4px no-repeat;
}

/*IE6 fix*/	
*html #nav  li li{
	margin-right:0px;
}


#nav li ul { /* second-level lists */
	font-size:.85em;
	position: absolute;
	width:180px; 
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	top:34px;
	border:1px solid #7096BB;
	border-top:0;
	padding-bottom:6px;
	}

#nav li ul ul { /* third-and-above-level lists */
	margin:0; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}


/*--sons of suckerfish bug fix--*/
#nav li:hover {height: 1%;
}
/*--IE 6 revert--*/
*html #nav li:hover {
 height:31px;
}

/************ Top Level Nav Icons******************/
#nav a.topLevel{
	padding-left: 24px;
}
#nav a.home{
	background: url("/explore-ellis/demo/demo/images/iconHome.gif") 0 2px no-repeat;
	font-size:1em;
}
#nav a.campus{
	background: url("/explore-ellis/demo/demo/images/iconCampus.gif") 0 4px no-repeat;
}
#nav a.profile{
	background: url("/explore-ellis/demo/demo/images/iconProfile.gif") 1px 4px no-repeat;
}
#nav a.messages{
	background: url("/explore-ellis/demo/demo/images/icon_ani_mail.gif") -2px -4px no-repeat;
}
.msgColor{ color:yellow}

#nav a.nomessages{
	background: url("/explore-ellis/demo/demo/images/iconMail2.gif") 0 4px no-repeat;
}
#nav a.account{
	background: url("/explore-ellis/demo/demo/images/iconAccount.gif") 0 4px no-repeat;
}
#nav a.degree{
	background: url("/explore-ellis/demo/demo/images/iconDegree.gif") 0px 4px no-repeat;
}
#nav a.help1{
	background: url("/explore-ellis/demo/demo/images/iconHelp.gif") 0 4px no-repeat;
}
#nav a.home:hover, #nav a.degree:hover,#nav a.nomessages:hover, #nav a.messages:hover,#nav a.profile:hover, #nav a.account:hover {
	text-decoration:underline;
}


/***********Nav horizontal Rule***********/
li.rule{
	display:block;
	background: url("/explore-ellis/demo/demo/images/border.gif") 1px 50% repeat-x;
	font-size:1%; 
	min-height: 2px;

}
/*************Right Side Block***********/
#rBlock{
	position:relative;
	float:right;
	margin:0px 8px 0 0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
	width:auto;
}

#rBlock a{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	display:block;
	line-height:20px;
	padding-top:5px;
	text-decoration:none;
}
#rBlock a:hover{
	text-decoration:underline;
}
#rBlock ul{
	list-style:none; margin:4px 0 0 0; padding:0;
}
#rBlock ul li{
	padding:0; margin:0;
	margin-left:12px;
	float:left;
	width:auto;
}

#rBlock a.logout{
	padding-left:24px;
	display:block;
	background: url("/explore-ellis/demo/demo/images/iconDoor.gif") 0px 0px no-repeat;
}
#rBlock a.login{
	padding-left:24px;
	display:block;
	background: url("/explore-ellis/demo/demo/images/iconDoorIn.gif") 0px -4px no-repeat;
}
#rBlock a.login:hover{
	background: url("/explore-ellis/demo/demo/images/iconDoorInH.gif") 0px -4px no-repeat;
}


/*********************************end of navigation****************************************/


div.myellis_gray {
	position:absolute;
	top: 0px;
	left: 3px;
	height:20px;
	width:109px;
	z-index: 32;
}

div.myellis_blue {
	position:absolute;
	top: 0px;
	left: 3px;
	height:20px;
	width:109px;
	visibility: hidden;
	z-index: 32;
	cursor:pointer;
}
div.mycardean_gray {
	position:absolute;
	top: 0px;
	left: 3px;
	height:20px;
	width:109px;
	z-index: 32;
}

div.mycardean_blue {
	position:absolute;
	top: 0px;
	left: 3px;
	height:20px;
	width:109px;
	visibility: hidden;
	z-index: 32;
	cursor:pointer;
}


div.around_area  {
	position: absolute;
	top: 0px;
	right: 0px;
	width:180px;
	height: 20px;
	text-align: left;
	z-index:36;
	margin:0px;
	padding:0px;
}



div.welcome_area {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	position: absolute;
	top: 3px;
	right: 175px;
	z-index:36;
}

div.separator_area  {
	position: absolute;
	top: 5px;
	right: 150px;	
	z-index:36;

}	
.buttonOut {
	position: absolute;
	left:0px;
	top: 0px;
	height: 20px;
	text-align: left;
	z-index: 38;
	color:#666666;
	background: url("/explore-ellis/demo/demo/images/globalNavRight.gif") top right no-repeat;
	width: 180px;
}

.buttonOver {
	position: absolute;
	top:0px;
	left:0px;
	text-align: left;
	height: 20px;
	z-index: 38;
	color:#003366;
		width: 180px;
	background: url("/explore-ellis/demo/demo/images/globalNavRightBlue.gif") top right no-repeat;
}

div.around_campus {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	background-color: #CCCCCC;
	position: absolute;
	z-index: 35;
	
	width: 133px;
	left:15px;
	top: 20px;
	visibility: visible;
	display:none;
	text-align: left;
	padding: 0px;
	margin:0px;
}

div.around_campus_top {
 background-image: url(/global_nav/global_nav_top.gif);
 background-repeat:no-repeat;
 width:133px;
 margin:0px;
 padding:0px;

}

div.around_campus_mid{
 background-image: url(/global_nav/global_nav_mid.gif);
 width:133px;
 background-repeat:repeat; 
 padding:0px;
 margin:0px;
}

div.around_campus_bot{
 background-image: url(/global_nav/global_nav_bot.gif);
 width: 133px; 
 padding:0px;
 margin:0px;
 height:55px;
}

div.around_campus_bot1{
 background-image: url(/global_nav/global_nav_bot1.gif);
 width: 133px;
 padding:0px;
 margin:0px;
 height:38px;
}

.menuout 
{ 	
	padding: 2px 8px;
	margin: 0px;
	color:#003366;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.menuover { 
	padding: 2px 8px;
	margin: 0px;
	cursor:pointer;
	background-color: #003366; 
	color:#FFFFFF;	
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.menuhover {
	border-bottom: thin;	
}

DIV.overlay
{
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	display: none;
}

DIV.sessionTimeoutWarning 
{
	position:relative;
	z-index:110;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:500px;
	background-color:#FFF;	
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

b.rtop, b.rbottom
{
	display:block;
	background: #000;
}

b.rtop b, b.rbottom b
{
	display:block;
	height: 1px;
    overflow: hidden; 
	background:#FFF;
}

b.r1{margin: 0 5px;}

b.r2{margin: 0 3px;}

b.r3{margin: 0 2px;}

b.rtop b.r4, b.rbottom b.r4
{
	margin: 0 1px;
	height: 2px;
}

.menuDropDown {
	margin-left:10px;	
	margin-bottom:5px;
	background-color: #369;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #69C;
	padding:5px;
}

.menuItem {
	margin-top:5px;
	margin-bottom:5px;
}

.menuSpacer {
	cursor:pointer;
	margin-top:5px;
	margin-bottom:5px;
	border-top:thin ridge;
}
/*
#leftBlock {
    position:absolute;
    left:5px;
    min-width:685px;
}

#myHomeLink {
	float:left;
	margin-top: 8px;
	margin-left: 3px;
	font-size:14px;
	font-weight:bold;
	z-index: 32;
}

#profileLink {
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	height: 15px;
	font-weight:bold;
	z-index: 33;
}

#messageLink {
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	z-index: 34;		
}

#accountLink {
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	z-index: 35;		
}

#degreeLink {
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	z-index: 36;		
}

#campusLink {
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	z-index: 37;		
}

#helpLink {
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	z-index: 38;		
}

#rightBlock {
    position:absolute;
    left:690px;
    right:5px;
    min-width:200px;
    display:inline-block;
}
#name {
	float:right;
	margin-top: 10px;
	z-index: 39;
}

#logoutLink {
	float:right;
	margin-top: 10px;
	margin-right: 5px;
	z-index: 39;
}

.hoverLinkOn {
	cursor:pointer;
	color:#369;
	background-color: #FFF;
	
}

.hoverLinkOff {
	color:#FFF;	
	background-color: #369;
}

.hoverNoLink {
	cursor:pointer;
	color:#FFF;
}

#dropdownArea {
  	font-family: Arial;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 27px;
	font-size:11px;
	font-weight: bold;  
	color:#FFF;	
}

#profileMenuDropdown {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 120px;
    left: 90px;
}

#accountMenuDropdown {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 225px;
    left: 275px;
}

#campusMenuDropdown {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 200px;
    left: 484px;
}

#helpMenuDropdown {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 140px;
    left: 581px;
}
*/

/* start of styles used by footer */
DIV.ccuifooter
{
	font-family:Tahoma,Arial,Helvetica;
  position: relative;
  padding: 30px 0px 20px 0px; 
  text-align: center; 
  width: 100%;
}

P.ccuicopyright
{
	font-family:Tahoma,Arial,Helvetica;
  text-align: center;
  font-size: 8pt;
  margin-top: 10px;
  margin-bottom: 2px;
  color: #FFFFFF;
}

P.ccuiterms
{
	font-family:Tahoma,Arial,Helvetica;
  text-align: center;
  font-size: 8pt;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #FFFFFF;
}

A.whitelink:link
{
  color: #FFFFFF;
  text-decoration: none;
}

A.whitelink:visited
{
  color: #FFFFFF;
  text-decoration: none;
}

A.whitelink:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}

A.whitelink:active
{
  color: #FFFFFF;
}
/* end styles used by footer */