/*
	Filename         : 	home.css
	Created by       : 	Owain Llewellyn
	Created          : 	11/01/2011
	Last Updated     : 	11/01/2011
	Comments         : 	Styling for University Worcester
*/

/* Global Navigation Bar
************************************************************************************************************************/

div#globalNavArea{

	float:right;
	height:1%;
	width:389px;
	display:inline;
	position:relative;
}

div#globalNavArea form {

	float:right;
}
	div#globalNavArea form label{
	
		font-size:1.2em;
		color:#333;
		margin:0 12px 0 7px;
		position:absolute;
		left:130px;
		top:6px;
		line-height:23px;
		display:none;
		visibility:hidden;
	}
	
	
	
	div#globalNavArea form input#searchText{
		width:135px;
		height:16px;
		border-left:1px solid #CCC;
		border-bottom:1px solid #CCC;
		padding:9px 6px;
		position:absolute;
		top:0;
		right:35px;
	}
	
	div#globalNavArea form input.searchButton{
		background:url(../images/icon_searchButton.gif);
		width:35px;
		height:35px;
		position:absolute;
		top:0;
		right:0;
		
	}


ul#globalNav {
	overflow:hidden;
	display:inline;
	float:right;
}
	ul#globalNav li {
		float:left;
		background:#008083;
		padding:10px;
		margin-right:5px;
		font-size:1.2em;
		display:inline;
	}
	
		ul#globalNav li.textOnly{
			background:#FFF;
			
		}
			ul#globalNav li.textOnly a{
				color:#000;
			}
			/* added JS 16.03.2011 */
			ul#globalNav li.richText{
			background:#FFF;
			
			}
			ul#globalNav li.richText a{
				color:#000;
			}
			/* added JS 16.03.2011 */	
		ul#globalNav li a {
		
			color:#FFF;
			
		}


/* Secondary Navigation
************************************************************************************************************************/
	
	span.currentPageLocation{
	
		display:block;
		padding:12px 10px 12px 12px;
		background:/*#7C8A44*/#0E4144;
		
	}
	
		span.currentPageLocation a {
			color:#FFF;
			font-weight:bold;
			font-size:1.4em;
			line-height:1.4em;
		
		}
	
	*html span.currentPageLocation{
		padding-right:0;
	}
	
/* top Level  and generic nav styling
**************************************************************/
	
	ul#secondaryNav {
		background:/*#D4D4D4*/#E4D4B0;
		border-bottom:3px solid #999;
	}
	
	ul#secondaryNav li#currentPage {
		background:/*#611734*/#227F84;
		border:0;
	}
	
		ul#secondaryNav li#currentPage a {
			color:#FFF;		
			padding-bottom:0;
		}
		
		
		
			ul#secondaryNav li#currentPage ul li a{
				color:#333;
				font-weight:normal;
				padding-left:25px;
				padding-bottom:10px;
							
			}
			
	ul#secondaryNav li a {
		padding:10px 0 0 0;
		display:block;
	}
		ul#secondaryNav li {
			border-bottom:1px solid #999;
			font-size:1.2em;
		}
		
			ul#secondaryNav li.selected{
				border-bottom:0;
				padding:0;
				background: transparent url(../images/selectedArrow.gif) right 10px no-repeat!important;
			}
			
			ul#secondaryNav li.selected ul li#currentPage a {
				padding-bottom:10px;
			}
				ul#secondaryNav li.selected a{
					font-weight:bold;
					padding-bottom:0;
				}
			
					ul#secondaryNav li a:hover{
						text-decoration:underline;
					}
			
						ul#secondaryNav li a {
							color:#333;
							text-decoration:none;
							padding:8px 8px 8px 12px;
							display:block;
							font-weight:bold;
							line-height:16px;
						}
						
		ul#secondaryNav li.selected ul li#currentPage ul {
			margin-top:0;
		}
			
					
/* Second Level nav styling
**************************************************************/
	ul#secondaryNav ul {
		background:/*#f0f0f0*/#EEE2CA;
		margin-top:10px;	
		border-top:1px solid #999;
		padding-bottom:0;
	}
		
		ul#secondaryNav ul li {
			font-size:1em;
		}
		
			ul#secondaryNav li.selected ul li a{
				font-weight:normal;
				padding:10px 16px 10px 20px;
				display:block;
			}
		
		
		ul#secondaryNav li.selected ul li.selected{
			background:url(../images/selectedArrow.gif) right 10px no-repeat!important;	
			font-weight:bold;
			border:0;
			padding-bottom:0!important;
			
		}
		
		* html ul#secondaryNav li.selected ul li.selected{
			 margin-bottom:0;
			 padding-bottom:0;
		}
			
			ul#secondaryNav li.selected ul li.selected a {
				padding-left:19px;
				font-weight:bold;
				padding-bottom:0;
			}
					
				ul#secondaryNav li.selected ul li#currentPage{
					background:/*#611734*/#227F84!important;
					border-bottom:0;
					
																
				}
				
					ul#secondaryNav li.selected ul li#currentPage a{
						color:#FFF;
						font-weight:bold;
						
					}
					
					ul#secondaryNav li.selected ul li.selected ul{
						margin-top:0;
					}
					
					
					ul#secondaryNav li.selected ul li.selected ul li#currentPage ul li a {
						color:#333;
						font-weight:normal;
					}	
				
							
			
			
/* Third Level nav styling
**************************************************************/	
			
	ul#secondaryNav li.selected ul li.selected ul {
		background:#FFF;
		margin-top:10px;
	}
	
	ul#secondaryNav li.selected ul li.selected ul li.selected{
		background: transparent url(../images/selectedArrow.gif) right 10px no-repeat!important;
	}
	
		ul#secondaryNav li.selected ul li.selected ul li.selected a {
			padding-bottom:0;
		}
	
			
			ul#secondaryNav li.selected ul li.selected ul li a{
				padding-left:23px;
				font-weight:normal;
				padding-bottom:10px;
			}
		
		
			ul#secondaryNav li.selected ul li.selected ul li#currentPage a {
				color:#FFF;
				font-weight:bold;
			}
			
			ul#secondaryNav li.selected ul li#currentPage ul li {
					background:#FFF!important;
			}
		
			ul#secondaryNav li.selected ul li#currentPage ul li a {
				color:#333;
				font-weight:normal;
				padding-bottom:10px;
				
			}
			ul#secondaryNav li.selected ul li.selected ul li ul li, ul#secondaryNav li.selected ul li.selected ul li#currentPage ul li{
				background:#FFF url(../images/icon_leftNav.gif) 26px 15px no-repeat!important;
			}
						
				ul#secondaryNav li.selected ul li.selected ul li ul li a, ul#secondaryNav li.selected ul li.selected ul li#currentPage ul li a{
					padding-left:37px;
				}
			
			ul#secondaryNav li.selected ul li.selected ul li.selected ul li a {
				padding-bottom:8px;
			}
		
			
			
/* Breadcrumb
************************************************************************************************************************/

div#breadCrumb ul {
	width:765px;
	clear:left;
	overflow:hidden;
	height:1%;
	margin-left:212px;
	margin-bottom:10px;
}

	*html div#breadCrumb ul {
	
		margin-left:220px;
	}	
	
	#breadCrumb ul li {
		float:left;
		display:inline;
		margin-right:4px;
		font-size:1.1em;
	}
	
div#content div.courseDetail ul {

	padding-left:0;
}
	

/* naviBar
************************************************************************************************************************/

div#naviBar ul li {
		float:left;
		position:relative;
		display:inline;
	}

	ul#mainNav  li{
		
		border-right:1px solid #ccc;
	}
	
		ul#mainNav  li#mainNavItem1{
			/*width:172px;*/
		}
		ul#mainNav  li#mainNavItem2{
			/*width:160px;*/
		}
		
		ul#mainNav  li#mainNavItem3{
			/*width:195px;*/
			/*width:194px;*/
		}
		
		ul#mainNav  li#mainNavItem4{
			/*width:175px;*/
			/*width:174px;*/
		}
	
	ul#mainNav li.first-item{
	  border-left:1px solid #ccc;	
	}
		
		div#naviBar ul li a {
			/*display:block;*/
			padding:10px 12px 11px;
		}	
		
		div#naviBar ul li.doubleBorder{
		
			/*background:url(../images/bg_mainNav_border2.png) -5px 0 no-repeat;*/
		}
			div#naviBar ul li a:hover,  div#naviBar ul li.current a{
				color:#666;
				/*background:#000;*/
				text-decoration:none;
				
			}
			
			div#naviBar ul li.currentDrop a{
				color:#666;
				/*background:#000;*/
				text-decoration:none;
				padding-bottom:23px;
			}
			
		
			div#naviBar ul li a{
				color:#333;
				font-size:1.3em;
			}
			
				*html div#naviBar ul li a{
					color:#333;
					font-size:16px;
				}
			
			
			*html div#naviBar ul.drop li a:hover { 
				padding-bottom:8px;
			}

/* Drop down menu styles
************************************************************************************************************************/	

div#naviBar ul.drop{
	position:absolute;
	top:51px;
	left:0px;
	z-index:99999;
	background:#000;
	overflow:hidden;
	border:0;
	height:auto;
	visibility:hidden;
	width:100%;
	
}

	

	*+html div#naviBar ul#mainNav{
		width:560px;
	}
	
	*html div#naviBar ul#mainNav{
		width:560px;
	}

div#naviBar ul.drop li {

	margin:0;
	padding:0;
	display:block;
	width:100%;
}

	div#naviBar ul.drop li a:hover {
	
		background:#fff;
		color:#000!important;
		
	}
	
	div#naviBar ul.drop li a{
		color:#FFF!important;
		font-size:14px;
		font-weight:normal;
		border-bottom:1px dotted #FFF;
		padding:10px 15px 9px 15px;
		display:block;
		
		
		
	}
	

div#dropDownLargeContainer {

	width:984px;
	height:0;
	background:url(../images/bg_dropDown_background.png) repeat transparent;
	position:absolute;
	top:105px;
	left:-5px;
	z-index:-99999;
	
}

*html div#dropDownLargeContainer {
	top:103px;
}

	

	div#dropDownLargeContainerInset1, div#dropDownLargeContainerInset2, div#dropDownLargeContainerInset3, div#dropDownLargeContainerInset4{
		position:relative;
		display:none;
	}

		div.dropDownContent {
		
			width:335px;
			background:#000;
			color:#FFF;
			padding:20px;
			clear:both;
			overflow:hidden;
			position:absolute;
			top:20px;
		
			
		}
		
			div.dropDownContent h2{
			
				color:#FFF;
			}
				
			div.dropDownContent p{
			
			
				color:#FFF;
				margin-top:12px;
			}

			div.dropDownContent img {
			
				margin-top:11px;
			}

	div.dropDownContent div.dropDownContentLeftCol {
	
		float:left;
		width:130px;
		height:1%;
		background:#000;
		padding:9px 14px;
	}
	
	div.dropDownContent div.dropDownContentRightCol {
	
		float:right;
		width:130px;
		padding:9px 14px;
		height:1%;
		background:#000;
	}

div#dropDownLargeContainer div.section1{
	background:transparent;
	padding:0;
}

div#dropDownLargeContainer div.section2{

	top:223px;
	padding:9px 14px 20px 14px;
	width:308px;
	
}
	div#dropDownLargeContainer div.section2 ul{
		margin-top:18px;
	}
		 div#dropDownLargeContainer div.section2 ul li {
			float:left;
			width:154px;
			margin-bottom:0px;
			margin-top:8px;
			
		}
		
		*html  div.section2 ul li {
			margin-bottom:0;
			padding:0;
		}
	
		  div#dropDownLargeContainer div.section2 ul li a{
			color:#FFF;
			font-size:1.3em;
			font-weight:normal;
			padding:0;
			display:inline;
			
		}