/*============================================================
		STANDARD FORMATTING 
============================================================*/

*,body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
	font-size:100%; /*specifies overall font size*/
	background-color:#F6F6F6;
	margin:5px;
	padding:0px;
}

/*** used for clearing a div with no gap ***/
.clear{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}

/*** used for clearing a div with a gap ***/
.clearheight{
	float:none;
	clear:both;
}

/*** to hide labels but screenreaders can still read ***/
.hidden{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

/*** OVERALL CONTAINER ***/
div#container{
	min-width:760px;
	word-wrap:break-word;/*IE fix - wrap long link and chemical text names*/
	background-color:#FFFFFF;
	border:1px solid #8C8C8E;
	margin:0px;
}

/*** START IE 6 MINIMUM WIDTH FIX ***/

	/*set width of container*/
	* html div#container{width:99.5%;}
	/*min-width bodge*/
	* html #minwidth {border-left:760px solid #fff; position:relative; float:left; z-index:1;}
	/*reset so not visible visually*/
	* html #overlay {margin-left:-760px; position:relative; float:left; z-index:2;}

/*** END IE 6 MINIMUM WIDTH FIX ***/

/*============================================================
		HEADER
============================================================*/
div#header{
	width:100%;
	font-size:80%;
	background-repeat:no-repeat; /*bg image in "customise.css"*/
}

	/*** INSIDE DIV#HEADER - contains york logo, hidden for web, shown for print media ***/
	div#logo img{
		display:none;
	}
	
	
	/*** INSIDE DIV#HEADER - CONTAINS YORK LOGO + H1 AREA TITLE ***/
	div#location{
		float:left;
		width:60%; /*required for ie 5 mac*/
		margin-right:15px;
		margin-top:11px;
	}
		/*--h1--*/
		div#header div#location H1{
			font-size:130%;
			margin:0px;
			margin-left:25px;
		}
		
		/*--small york logo--*/
		div#header div#location img{
			margin-left:25px;
		}


	/*** INSIDE DIV#HEADER - CONTAINS FORM ELEMENTS ***/
	div#header form{
		float:right;
		width:30%; /*required for ie 5 mac*/
		text-align:right;
		padding:14px 14px 14px 6px;
		margin:0px;
	}
	
		/*--search label--*/
		div#header form label{
	
			margin-right:3px;
		}
		
		/*--search field--*/
		div#header form input{
			width:112px;
			height:auto;
			font-size:100%;
			vertical-align:middle;
	
			padding-bottom:2px;
		}
		
		/*--search submit button--*/
		div#header form input.submit{
			width:auto;
			height:auto;
			padding-bottom:0px;
		}
		
		/*--search radio--*/
		div#header form input.radio{
			width:auto;
			border:none;
		}
	
		/*--search paragraph separator pipe (|)--*/
		div#header form p{
			color:#C5DACE;
			margin:5px 0px 0px 0px;
		}
		
			/*--links under search--*/
			/*link*/
			div#header form p a:link{
				
				text-decoration:none;
			}
				/*visited*/
				div#header form p a:visited{
					text-decoration:none;
				}
				/*hover*/
				div#header form p a:hover{
					text-decoration:underline;
				}


/*============================================================
		EXTRA LINKS, i.e. home | A-Z | Departments etc
============================================================*/
div#extra-links{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

	/*--paragraph for links--*/
	div#extra-links p{
		margin:0px 12px;
		padding:5px;
	}
	
		/*--background highlight surrounding links--*/
		div#extra-links p span{
	
			padding:5px 9px;
		}
		
		/*--extra-links--*/
		/*link*/
		div#extra-links p span a:link{
	
			text-decoration:none;
		}
			/*visited*/
			div#extra-links p span a:visited{
	
				text-decoration:none;
			}
			/*hover*/
			div#extra-links p span a:hover{
					text-decoration:underline;
			}

/*============================================================
		BREADCRUMB
============================================================*/
div#breadcrumb{
	width:100%;
	border-bottom:1px solid #FFFFFF;
	padding:5px 0px; /*workaround for FF unknown gap!*/
}

	/*--unordered list breadcrumb trail--*/
	div#breadcrumb ul{
		margin:0px 17px;
		padding:0px 0px 0px 9px;
	}
		div#breadcrumb ul li{
			float:left;
			list-style-type:none;
			line-height:190%;
			margin:0px 5px 0px 0px;
			padding:0px;
		}
	
	/*--breadcrumb links--*/
	/*link*/
	div#breadcrumb a:link{
		color:#013919;
		text-decoration:none;
	}
		/*on state for last breadcrumb link item*/
		div#breadcrumb a.on{
			font-weight:bold;
		}
		/*visited*/
		div#breadcrumb a:visited{
		
			text-decoration:none;
		}
		/*hover*/
		div#breadcrumb a:hover{
		
			text-decoration:underline;
		}

/*============================================================
		3 COLUMN / 2 COLOUMN (WIDE) LAYOUT CONTAINER
============================================================*/
div#content-container{
	position:relative;
	width:100%;
	font-size:80%;
	color:#4D4D4D;
	background-color:#FFFFFF;
	padding-bottom:5px;
}

/*============================================================
		LEFT COLUMN
============================================================*/
div#lhcolumn{
	overflow:visible;/*ie 6 italic fix*/
	float:left;
	width:166px;
	padding-top:20px;
	margin-right:20px;
}

	div#lhcolumn img{
		margin-left:1px;
	}
	

/*============================================================
		LEFT COLUMN BLOCKED NAVIGATION - 
		||| PLEASE NOTE: 
		EMPTY LEVEL 1-5 LINK + HOVER TAGS BELOW ARE KEPT IN CASE REQUIRED AT A LATER DATE 
		|||
============================================================*/
/*--navigation list--*/
#nav, #nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
	/*--hide list bullet--*/
	#nav ul li{
		list-style:none;
	}

		/*--nav title if required, aplied to <LI> with no Link within specific <LI>--*/
		#nav li.nav-title{
	
			font-weight:bold;
			padding:8px 4px;
			
		}

/*--zero level default link items--*/
#nav li a{
	display:block;
	width:166px;
	w\idth:134px;
	font-weight:normal;
	text-decoration:none;
	background-image: url("../tp-images/arrow_white.gif");
	background-repeat:no-repeat;
	background-position:5px 12px;
	border:1px solid #FFFFFF;
	padding:7px 15px;
}
	/*zero level hover*/
	#nav li a:hover {
		
	}
	
	/*zero level "on" state*/
	#nav li a.on{
		
	}
	
	/*--indent first list item, inherited by levels thereafter--*/
	#nav li li a{
		w\idth:129px;
		background-position:10px 12px;
		padding:7px 15px 7px 20px;
	}
	
	
/*--1st level link information--*/
#nav li li a{
}
	/*1st level hover*/
	#nav li li a:hover{
	}
	/*1st level "on" state*/
	#nav li li a.on{
		

	}
	
/*--2nd level link information--*/
#nav li li li a{
}
	/*2nd level hover*/
	#nav li li li a:hover{
	}
	/*2nd level "on" state*/
	#nav li li li a.on{
		

	}

/*--3rd level link information--*/
#nav li li li li a{
}
	/*3rd level hover*/
	#nav li li li li a:hover{
	}
	/*3rd level "on" state*/
	#nav li li li li a.on{
		
	}
	
/*--4th level link information--*/
#nav li li li li li a{
}
	/*4th level hover*/
	#nav li li li li li a:hover{
	}
	/*4th level "on" state*/
	#nav li li li li li a.on{
		
	}
	
	
/*--5th level link information--*/
#nav li li li li li li a{
}
	/*5th level hover*/
	#nav li li li li li li a:hover{
	}
	/*5th level "on" state*/
	#nav li li li li li li a.on{
		
	}

/*============================================================
		MIDDLE COLUMN (MAIN CONTENT AREA)
============================================================*/
div#mdcolumn{
	overflow:visible;/*ie 6 italic fix*/
	margin:0px 238px 0px 186px;
	padding:20px 0px;
}
	
	/* IE 3px jog (hide from mac --> \*/
	* html div#mdcolumn {
		height:1%;
		/*position:absolute;
		left:186px;
		right:238px;
		margin:0px; ---  TURN ON FOR IE6 KNOCK DOWN FIX*/
	}

	/*--image margin--*/
	div#mdcolumn img.img-space{
		margin:5px 8px 5px 5px;
	}
	
		/*** NEWS ARTICLES IN MIDDLE COLUMN ***/
		div#mdcolumn div.newsbox{
		
			padding:10px 15px;
			margin:15px 0px;
			border-width:1px;
			border-style:solid;
		}
			/*--news articles unordered list OLD LEAP FROG, NEW VERSION BELOW--
			div#mdcolumn div.newsbox ul{
				list-style-type:none;
				margin:0px;
				padding:0px;
			}*/
			
			/*amended list item provided by The University of York*/
			div#mdcolumn div.newsbox ul{
				list-style-type:square;
				list-style-image:url(../tp-images/bullet.gif);
				margin-left:15px;
				padding:0px;
			}
			
	/*--middle column links--*/
	/*link*/
	div#mdcolumn a:link{
		
		text-decoration:underline;
	}
		/*visited*/
		div#mdcolumn a:visited{
		
			text-decoration:underline;
		}
		/*hover*/
		div#mdcolumn a:hover{
		
			text-decoration:none;
		}

/*============================================================
		MIDDLE COLUMN TEXT FORMATTING
============================================================*/
	
	/*--middle column H1 - H7--*/
	/*H1*/
	div#mdcolumn h1{
		font-size:130%;
		
		font-weight:bold;
		margin:8px 0px;
	}
		/*H2*/
		div#mdcolumn h2{
			font-size:120%;
			
			font-weight:bold;
			margin:12px 0px;
		}

			/*H3*/
			div#mdcolumn h3{
				font-size:110%;
				
				font-weight:bold;
				margin:12px 0px;
			}
				/*H4*/
				div#mdcolumn h4{
					font-size:110%;
					
					font-weight:bold;
					font-style:italic;
					margin:12px 0px;
				}
					/*H5,H6,H7*/
					div#mdcolumn h5,
					div#mdcolumn h6,
					div#mdcolumn h7{
						font-size:100%;
						font-weight:bold;
						margin:12px 0px;
					}
						
	/*--middle column paragraph, list--*/
	div#mdcolumn p,
	div#mdcolumn ul li, 
	div#mdcolumn ol li,
	div#mdcolumn ul li ul li, 
	div#mdcolumn ol li ol li,
	div#mdcolumn dl{
		line-height:140%;
	}
		/*--middle column list--*/
		div#mdcolumn ul li, 
		div#mdcolumn ol li{
			margin-bottom:5px;
		}
		
		div#mdcolumn ul li ul li, 
		div#mdcolumn ol li ol li,
		div#mdcolumn ul li ul li ul li, 
		div#mdcolumn ol li ol li ol li{
			margin-top:5px;
		}
	
	/*--york uni addition, square bulleted lists*/
	div#mdcolumn ul {
		margin-left: 25px;
		padding: 0px;
	}
			
	/*--definition list--*/
	div#mdcolumn dt{
		font-weight:bold;
		margin:5px 0px;
	}
		div#mdcolumn dd{
			font-style:italic;
			margin-left:0px;
		}
		
	/*--used for green background on div boxes--*/
	div#mdcolumn .box{
		
		padding:1px 0px 1px 0px;
		margin-top:20px;
	}
	
	/*--horizontal rule--*/
	div#mdcolumn hr{
		float:none;
		clear:both;
		
		padding:0px;
		margin:8px 0px;
		border:none;
		height:1px;
	}
	
	/*** DEFAULT DATA TABLE ***/
	table{
		width:auto;
		font-size:100%;
		
		margin:0px 0px 10px 0px;
		padding:0px;
	}
		/*--default data table heading--*/
		table tr th{
			font-weight:bold;
			padding:3px;
			vertical-align:top;
		}
		/*--default data table cell--*/
		table tr td{
			border-collapse:collapse;
			padding:3px;
			vertical-align:top;
		}
			
		/*** TABLE OPTION 1 - no border ***/
		div#mdcolumn table.no-border,
		div#mdcolumn table.no-border tr th,
		div#mdcolumn table.no-border tr td{
			border:none;
		}
		
		/*** TABLE OPTION 2 - TD cell colour - applied to all cells (excluding TH) ***/
		div#mdcolumn table.cell-colour tr td{
			
		}
	
		/*** TABLE OPTION 3 - collapse borders ***/
		div#mdcolumn table.collapse-borders{
			
		}		
			
	/*--top links--*/
	div#mdcolumn p.top{
		text-align:right;
		/*border-top:1px dashed #013919;*/
		padding:5px 5px;
	}
	
	/*--date last updated and author details--*/
	div#mdcolumn p.author{
		float:none;
		font-size:90%;
		color:#999999;
		text-align:right;
		margin:10px 0px;
	}

	/*--frequently asked question - indents answer--*/
	
	div#mdcolumn .faq-answer {
		padding-left:25px;
	}
	
	
	

/*============================================================
		RIGHT COLUMN (CONTAINS NOTICE BOARD)
============================================================*/
div#rhcolumn{
	overflow:visible;/*ie 6 italic fix*/
	float:right;
	width:218px;
	margin-left:20px;
	text-align:right;
}

	/*--remove margin from any images--*/
	div#rhcolumn img{
		margin:0px;
		margin-bottom:10px;
	}
	
	/*** NOTICE BOARD ***/
	div#rhcolumn div#noticeboard{
		width:218px;/*ie 5/5.5*/
		w\idth:187px;/*all browsers exc. ie 5+5.5*/
		text-align:left;
		
		border-width:1px 0px 1px 1px;
		border-style:solid;
		margin-top:20px;
		padding:10px 15px;
	}


	/*--right column links--*/
	/*link*/
	div#rhcolumn a{
		
		text-decoration:underline;
	}
		/*visited*/
		div#rhcolumn a:visited{
		
			text-decoration:underline;
		}
		/*hover*/
		div#rhcolumn a:hover{
		
			text-decoration:underline;
		}

/*============================================================
		RIGHT COLUMN TEXT FORMATTING
============================================================*/
	/*--right column H1 - H7--*/
	/*H1*/
	div#rhcolumn h1{
		font-size:130%;
		font-weight:bold;
		text-align:left;
		margin:8px 0px;
	}
		/*H2*/
		div#rhcolumn h2{
			font-size:120%;
			font-weight:bold;
			text-align:left;
			margin:12px 0px;
		}
			/*H3*/
			div#rhcolumn h3{
				font-size:110%;
				font-weight:bold;
				text-align:left;
				margin:12px 0px;
			}
				/*H4*/
				div#rhcolumn h4{
					font-size:110%;
					font-weight:bold;
					font-style:italic;
					text-align:left;
					margin:12px 0px;
				}
					/*H5,H6,H7*/
					div#rhcolumn h5,
					div#rhcolumn h6,
					div#rhcolumn h7{
						font-size:100%;
						font-weight:bold;
						text-align:left;
						margin:12px 0px;
					}
	
	/*--right hand paragraphs, lists--*/
	div#rhcolumn p,
	div#rhcolumn ul li, 
	div#rhcolumn ol li{
		line-height:140%;
		text-align:left;
	}
		/*--right hand lists--*/
		div#rhcolumn ul li, 
		div#rhcolumn ol li{
			margin-bottom:5px;
			text-align:left;
		}
div#rhcolumn ul {
	   padding: 0px;
	  list-style-type: square;
	  list-style-image: url(../tp-images/bullet.gif);
	  margin-left: 15px;
  }


/*============================================================
		WIDE COLUMN
============================================================*/
/*--wide class - remove DIV#RHCOLUMN--*/
div.wide#content-container div#rhcolumn
{
   display:none;
}

/*--wide class - amend css details for DIV#MDCOLUMN--*/
div.wide#content-container div#mdcolumn
{
   margin: 0px 20px 0px 186px;
}
	/* TURN ON FOR IE6 KNOCK DOWN FIX
	* html div.wide#content-container div#mdcolumn {
		position:absolute;
		left:186px;
		right:20px;
		margin:0px;
	}
	*/


/*============================================================
		FOOTER
============================================================*/
div#footer{
	width:100%;
	font-size:80%;
	color:#4D4D4D;
	border-top: 1px solid;
	padding-bottom:8px;
}
	
	/*--footer paragraph--*/
	div#footer p{
		line-height:140%;
	}
	
	/*--university address--*/
	div#footer p.left{
		float:left;
		margin:8px 14px 8px 10px;
	}
	
	/*--links i.e legal, copyright--*/
	div#footer p.right{
		float:right;
		text-align:right;
		margin:8px 10px 8px 14px;
	}
	
	/*--footer links--*/
	/*link*/
	div#footer a:link{
		
		text-decoration:none;
	}
		/*visited*/
		div#footer a:visited{
		
			text-decoration:none;
		}
		/*hover*/
		div#footer a:hover{
		
			text-decoration:underline;
		}



/*============================================================
		GENERAL FORMATTING
============================================================*/

/*** FLOAT AN ITEM LEFT ***/
.left{
	float:left;
}

/*** FLOAT AN ITEM RIGHT ***/
.right{
	float:right;
}

/*** FIELDSET ***/
fieldset{
	border: none;
}



