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

/*  Style definitions specific to homepage
************************************************************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	font-size:;
	line-height:;
	color:;
}
h2 {
	font-family: Arial,Helvetica,sans-serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
	font-size:1.8em;
	color:#333;
}
h3 {
	font-size:;
	line-height:;
	color:;
}
h4 {
	font-size:;
	line-height:;
	color:;
}
h5 {
	font-size:;
	line-height:;
	color:;
}

h6 {
	font-size:;
	line-height:;
	color:;
}

div#main {

	padding-top:0!important;
	
}	

ul#slider h2 {

	position:absolute;
	height:86px;
	background:url(../images/bg_featured_header.png) 0 0 repeat;
	width:100%;
	bottom:59px;
	padding:0 14px;
	left:0;
	z-index:1;
	color:#FFF;
	font-family: Arial,Helvetica,sans-serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
	font-size:6.2em;
	line-height:86px;
		
}

/*  Featured area - Top of page with large sliding carousel
************************************************************************************************************************/

div#featuredArea {
	height:415px;
	overflow:hidden;
}
	div.homeFeaturedInfoArea{
    left:0; 
	}


	div#content div#featuredArea div.homeFeaturedInfoArea {
		position:absolute;
		width:100%;
		height:60px;
		background:#008083;
		bottom:-1px;
	}
		
		div#content div#featuredArea div.homeFeaturedInfoArea img{
			position:absolute;
			top:-15px;
			left:70px;
			z-index:9999;
		}
		
		div#content div#featuredArea div.homeFeaturedInfoArea p {
		
			color:#FFF;
			font-size:1.7em;
			line-height:60px;
			font-family: Arial,Helvetica,sans-serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
			padding:0 14px;
		}
		
		div#content div#featuredArea div.homeFeaturedInfoArea p a{
			font-size:18px;
			color:#FFFFFF;
		}

/*  Call to action section - Join our community area
************************************************************************************************************************/
	div.colWideLeft h2 a, div.colWideRight h2 a{
		text-decoration:none;
		color:#333;
	}
			
	div.discoverColLeft{
	
		float:left;
		width:266px;
		margin-top:25px;
		height:1%;
		position:relative;
	}
		div.discoverColLeft .promoOverlay{
			position:absolute;
			left:0;
			top:9px;
			padding:4px 8px 6px 8px;
			background:#FFF;
		
		}
			div.discoverColLeft .promoOverlay h4{
				margin:0;
				padding:0;
				font-family: Arial,Helvetica,sans-serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
				font-size:1.6em;
				line-height:17px;
				color:#333;
			}
	
	div.discoverColRight{
	
		float:right;
		width:169px;
		margin-top:25px;
	}

/*  Call to action section - Start your journey area
************************************************************************************************************************/

	
	div.journeyColLeft{
	
		float:left;
		width:235px;
		margin:25px 23px 0 0;
		
	}
	
	div.journeyColRight{
	
		float:left;
		width:200px;
		overflow:hidden;
		margin-top:20px;
		position:relative;
		height:1%;
	}
	
		*html div.journeyColRight{
	
			float:right;
			width:200px;
			overflow:hidden;
			margin-top:10px;
			position:relative;
			height:1%;
		}
	
		div.journeyColRight form label{
		
			display:none;
			visibility:hidden;
		}
		
		div.journeyColRight form input#searchTextHome{
			width:151px;
			border:1px solid #CCC;
			height:23px;
			padding:5px 6px;
			position:absolute;
			top:0;
			right:35px;
			color:#9F9F9F;
			
			
		}
		
		div.journeyColRight form input.searchButton{
			background:url(../images/icon_searchButton.gif);
			width:35px;
			height:35px;
			position:absolute;
			top:0; right:0;
		}
		
		div.journeyColRight ul  {
		
			/*margin-top:48px;*/
		}
		
			div.journeyColRight ul li, div.discoverColRight ul li {
			
				padding-top:8px;
				margin-top:9px;
				border-top:1px dotted #CCC;
			}
			
			body ul li.first-Item {
				border:0;
			}
				div.discoverColRight ul li:first-child{
					margin-top:0px;
				}
				
			div.journeyColRight ul li:last-child, div.discoverColRight ul li:last-child {
			
				
				border-bottom:0px;
			}
			
				div.journeyColRight ul li a, div.discoverColRight ul li a {
			
					font-size:1.2em;
				}
				
		
/*  Campus highlights Section - Main functional area of home page, includes tabbed area and promotion image boxes
************************************************************************************************************************/


div#campusHighlights{

	float:left;
	width:769px;
	margin:24px 20px 0 0;
	border:1px solid #CCC;
}
	div#campusHighlights h2{

		margin-left:20px;
	}
	
	div#campusHighlights ul#tabs {
	
		float:left;
		width:206px;
	}
	
		*html div#campusHighlights ul#tabs {
	
			width:200px;
		}
	
		div#campusHighlights ul#tabs li{
		
			width:176px;
			height:34px;
			border-bottom:1px solid #FFF;
			background:url(../images/bg_tabs.gif) 0 0 no-repeat;
			padding:32px 15px 32px 15px;
			position:relative;
			margin:0;
						
		}
		
			*html div#campusHighlights ul#tabs li{
			
				padding-bottom:25px;
				padding-right:9px;
			}
		
			div#campusHighlights ul#tabs li a{
				color:#FFF;
				font-family: Arial,Helvetica,sans-serif;
				font-size-adjust:0.48; font-weight:bold; font-style:normal;
				font-size:1.8em;
				font-weight:normal;
				
			}
			
					
				div#campusHighlights ul#tabs li.currentTab {
					
					background:#FFF url(../images/bg_currentTab.gif) 0 0 no-repeat;
				}
			
					div#campusHighlights ul#tabs li.currentTab a{
					
						color:#22282D;
						
					}

div#campusHighlights .panel{
	width:543px;
	float:right;
	height:345px;
	padding:25px 19px 25px 0;
	overflow:hidden;
}

	/* IE6 fix*/
	*html div#campusHighlights .panel { 
	
		height:356px;
		width:543px;
	}

	div#campusHighlights .panel{
	
		visibility:hidden;
		display:none;
	}

	div.colFull div#campusHighlights .currentP{
	
		visibility:visible;
		display:block;
	}

	div#campusHighlights .panel h3{
	
		float:left;
		width:450px;
		font-size:1.6em;
		color:#333;
		
	}


	div#campusHighlights .panel .moreNewsLink{
		float:right;
		font-size:1.2em;
				
	}
	
	*html div#campusHighlights .panel .moreNewsLink {
		/* IE6 fix*/
		display:block;
		/* IE6 fix*/
		width:70px;
		
	}
	
	*+html div#campusHighlights .panel .moreNewsLink{
		/* IE6 fix*/
		display:block;
		/* IE6 fix*/
		width:70px;
	}
	
	
	div#campusHighlights .panel ul  {
			
			margin-top:26px;
			padding-top:8px;
		}
		
						
			*+html div#campusHighlights .panel ul {
				/* IE7 fix*/
				margin-top:52px;
			}
			
			*html div#campusHighlights .panel ul  {

			/* IE6 fix*/
			margin-top:10px;
			float:left;
			width:100%;
			
			}
		
			div#campusHighlights .panel ul li {
			
				padding-top:8px;
				margin-top:9px;
				border-top:1px dotted #CCC;
			}
				div#campusHighlights .panel ul li:first-child{
					margin-top:0px;
				}
				
				div#campusHighlights .panel ul li:last-child {
				
					
					border-bottom:0px;
				}
			
				div#campusHighlights .panel ul li a {
			
					font-size:1.2em;
				}


/*  Campus tabbed panel subsection - The second half of the panel div basically
************************************************************************************************************************/	
	
	div.campusHighlightsPanelSub{
	
		padding-top:25px;
		margin-top:26px;
		background:url(../images/bg_panelSubsection.png) 0 -10px no-repeat;
		overflow:hidden;
	}
	
		div.campusHighlightsPanelSub div {
		
			float:left;
			width:249px;
			margin-right:35px;
			* margin-right:20px;
		}
		
			div#campusHighlights .panel div.campusHighlightsPanelSub div h3 {
			
				width:100%;
			}
		
			div.campusHighlightsPanelSub div img {
		
				margin-top:18px;
			}
			
			div.campusHighlightsPanelSub div p {
		
				margin-top:12px;
			}

/*  Campus promo area - Right hand column holding promotional images
************************************************************************************************************************/

	
div.campusPromoCol{

	float:right;
	width:186px;
	margin-top:24px;
	position:relative;
	overflow:hidden;
	
}

div.campusPromoCol div.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}


  .boxcaption{  
        
		position: absolute; 
		left:0;
		bottom:-163px;
		background: #333;  
		height: 65px;  
		padding:10px;
		width: 166px;  
		opacity: .9;  
		/* For IE 5-7 */  
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
		/* For IE 8 */  
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
    }  
	  
	  .boxcaption p {
	  
	  	color:#FFF;
		font-size:1.2em;
		line-height:16px;
	  }  

	

div.colFull {
  border: 1px solid #CCCCCC;
  width:978px;
}
/*  added JS 16.03.2011
************************************************************************************************************************/	  
ul#globalNav li.richText {
	display: none;
}
ul#globalNav li.textOnly{
	display: inherit;
}

/*  
************************************************************************************************************************/