/*CSS Document */
/* Do not change without permissions - part of College Web Requirements */

#requiredukcollegeheader {
 font-size: 82%;
  font-family:  Arial, Verdana, sans-serif;
  line-height: 130%;
  color: #000;
  background-color: #333333;
  margin:0px;
  padding: 0px;

  
}
#collegeheader {

	border-bottom: 3px solid #999999;
	background-color: #ffffff;		
}
#collegeheader img {padding: 0px; margin: 0px; }

#collegenavigation {
	float: right;
	background-color: #ffffff;
	margin-top: -30px; /* Important! Throws menu to the right of images */


}
#collegenavigation li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #999999;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 0px 2px;	
}
#collegenavigation li a {
		color: #999999;
		text-decoration: underline; 
}
#collegenavigation li a:hover {
		color: #336299; /* matching UK choice  */
		text-decoration: none; 
}


/* second bar and then special menu */


/* layout */


#header {
  	width: 100%;
 	background: #000 url(images/MastBG.png) 0 0 repeat-x;
	height: 83px;
	border-bottom: 1px solid #FFF;
}
#header img {
	
	padding: 0px; margin: 0px; 	
}


#logo {
  vertical-align: middle;
  border: 0;
}

#logo img {
  float: left;
  padding: 0 1em;
  border: 0;
  padding-top: 0px;
  padding-bottom: 0px;

  
}

#logo-title {
float: left;
padding: 10px;

}
#logo-title img  {border: 0; padding: 0px }
#titleoforg {
	padding-top:30px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;

}



#titleoforg a{
    padding-top:30px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none; }
	
#titleoforg a:active, 
#titleoforg a:hover{
	padding-top:30px;
	color: #C6E2FF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}	
	
#extraitemright {clear: right; float: right; marign-bottom: 0px; margin-top: 23px; padding: 0px;}



/* special menu */


#specialmenu {
  clear: left;
  margin: 0;
  padding: 0;
  background: #333333;
  line-height: 25px;
  height: 25px;
}


/* Safari */

@media screen and (-webkit-min-device-pixel-ratio:0)

{
#specialmenu {height: inherit; }
}

 

/* Opera */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)

{

head~body #specialmenu { height: inherit;}

}


#specialmenu ul.blackmenu { /* top level ul */
 background: #333333;
  padding: 0 0 0 0px;
  margin: 0px;
  list-style: none;
  z-index: 100;
  display: inline;
   
} 

#specialmenu	 a {
  background: #333333;
  color: #fff;
  display: block;
  padding: 0px 14px 0px 14px; /* padding between menu elements */
  margin: 0;
  text-decoration: none;
  font-size: 95%;
  font-weight: normal;
}

#specialmenu	 a:active,
#specialmenu	 a:hover {
  background: #005daa;
  text-decoration: none;
}

#specialmenu	li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  height: 1%;
}


/* second-level lists */

#specialmenu	 ul.blackmenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  
}

#specialmenu	 ul.blackmenu li ul {
  position: absolute;
  width: 200px;
  left: -999em; /* to hide menus because display: none isn't read by screen readers */
}


#specialmenu	 ul.blackmenu li li {
  /* height: auto; */
  float: left;
  
  width: 200px;
}


#specialmenu	 ul.blackmenu li li a:link,
#specialmenu	 ul.blackmenu li li a:visited {
  color: #fff;
  background: #336299;
  width: 170px;
  border-top: 1px solid #2E4A6B;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#specialmenu	 ul.blackmenu li li.expanded a {
	background: #336299;
}

#specialmenu	 ul.blackmenu li li.expanded a:active,
#specialmenu	 ul.blackmenu li li.expanded a:hover {
	background: #2E4A6B;
}

#specialmenu	 ul.blackmenu li ul a:active,
#specialmenu	 ul.blackmenu li ul a:hover {
  background: #2E4A6B;
  text-decoration: none;
}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu a {
  background: #336299;
}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu a:active,
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu a:hover {
  background: #2E4A6B;
}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li.expanded a {
	background: #336299;
}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li.expanded a:active,
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li.expanded a:hover {
	background: #2E4A6B;
}


#specialmenu	 ul.blackmenu li li {
}

#specialmenu	 ul.blackmenu li ul a {
  color: #fff;
  width: 200px;
  line-height: 26px;
  font-size: 95%;
}

#specialmenu	 ul.blackmenu li ul a:active,
#specialmenu	 ul.blackmenu li ul a:hover {
  background: #2E4A6B;
  text-decoration: none;
}

/* margin for pullouts */
#specialmenu	 ul.blackmenu li ul ul {
  margin: -29px 0 0 200px;
}

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

#specialmenu	 ul.blackmenu li:hover ul, #specialmenu	 ul.blackmenu li li:hover ul, #specialmenu	 ul.blackmenu li li li:hover ul, #specialmenu	 ul.blackmenu li.sfhover ul, #specialmenu	 ul.blackmenu li li.sfhover ul, #specialmenu	 ul.blackmenu li li li.sfhover ul {
  left: auto;
}

#specialmenu	 ul.blackmenu li ul ul ul{
  margin: -29px 0 0 200px;
}

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

#specialmenu	 ul.blackmenu ul li:hover ul, #specialmenu	 ul.blackmenu ul li li:hover ul, #specialmenu	 ul.blackmenu ul li li li:hover ul, #specialmenu	 ul.blackmenu ul li.sfhover ul, #specialmenu	 ul.blackmenu ul li li.sfhover ul, #specialmenu	 ul.blackmenu ul li li li.sfhover ul {
  left: auto;
}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li.expanded ul.blackmenu li a { background: #336299; }
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li.expanded ul.blackmenu li a:active, #specialmenu ul.blackmenu li li.expanded ul.blackmenu li.expanded ul.blackmenu li a:hover { 
	background: #2E4A6B;}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li.expanded a {background: #336299; }
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li.expanded a:active, #specialmenu ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li.expanded a:hover { 
	background: #2E4A6B;}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu a {   background: #336299; }
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu a:active, #specialmenu ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu a:hover {   background: #2E4A6B; }


#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li.expanded li ul.blackmenu li.expanded a { 	background: #336299; }
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li.expanded li ul.blackmenu li.expanded a:active, #specialmenu ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li.expanded li ul.blackmenu li.expanded a:hover { 
	background: #2E4A6B;}

#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li ul.blackmenu a {   background: #336299; }
#specialmenu	 ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li ul.blackmenu a:active, #specialmenu ul.blackmenu li li.expanded ul.blackmenu li ul.blackmenu li ul.blackmenu a:hover {   background: #2E4A6B; }