/* CSS Document */

/*Style sheet for the 3 column static with floating menu template*/

/*This style effects virtually everything within page, as all the page content sits within the body tag*/
body {
margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#464646;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#ffffff;}

/*This box contains the main navigation and main page content and the sub navigation*/
#center {
position:relative;
width:760px;
margin:-7px auto 20px auto;
padding:0px;}

#menubar {
	margin:0px;
	padding:0px;

}

/*----------------------------Core Navigation - home, staff, contact and existing students ----------------------------------*/
#mainmenu {
height:32px;
width:760px;
padding:0px;
margin:0px;
}

#mainmenu ul {
display:block;
list-style-type:none;
width:760px;
height:32px;
background-image:url(../images/menu.gif);
margin:0px 0px 0px 0px;

}

#mainmenu ul li {
display:block;
position:absolute;
top:0px;
height:32px;
padding:0px 0px 0px 0px;
overflow:hidden;
}

#mainmenu ul li a:link, #mainmenu ul li a {
display:block;
padding:32px 0px 0px 0px;
height:32px;
overflow:hidden;
voice-family:"\"}\"";
voice-family:inherit;
height:0;
}

html>#mainmenu ul li a, html>#mainmenu ul li a  {
display:block;
padding:32px 0px 0px 0px;
height:32px;
overflow:hidden;
voice-family:"\"}\"";
voice-family:inherit;

} 

#mainmenu ul li#home{left:140px;width:198px;}
#mainmenu ul li#staff{left:338px;width:116px;}
#mainmenu ul li#contact{left:454px;width:161px;}
#mainmenu ul li#existing{left:615px;width:145px;}

#mainmenu ul li#home a:hover, #mainmenu ul li#home a:active {background:transparent url(../images/menu.gif) -140px -32px no-repeat; }
#mainmenu ul li#staff a:hover, #mainmenu ul li#staff a:active {background:transparent url(../images/menu.gif) -338px -32px no-repeat; }
#mainmenu ul li#contact a:hover,#mainmenu ul li#contact a:active{background:transparent url(../images/menu.gif) -454px -32px no-repeat; }
#mainmenu ul li#existing a:hover, #mainmenu ul li#existing a:active{background:transparent url(../images/menu.gif) -615px -32px no-repeat; }

/*-------------------------------------------------------------------------------------------------------------------*/
.background {background:  url(../images/bgcontainer.gif) repeat-y 0 0;}
/*-------------------------------------------------------------------------------------------------------------------*/

#columnone {
padding:0px;
margin:0px;
float: left; 
background-color:#FFFFFF;
width:545px;
_height: 400px; min-height: 400px;
}

#columnone_header {
	top:0px;
	width:533px;
}
#columnone_headersubsub {
	width:533px;
	padding-bottom:20px;
	background-color:#fff;
	
}
#columnone_text {
	
	padding:12px 10px 30px 10px;
	background-color:#FFFFFF;
	border-top:1px #FFFFFF solid;

}
#columnone_text ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font-size: 70%;
		font-weight: bold;
		color:#9E9E9E;
		line-height:145%;
}
#columnone_text ol {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font-size: 70%;
	line-height:145%;
}
#columnone_text dl {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font-size: 70%;
}
#columnone_text ol li {
	margin: 0px 10px 0px 15px;
	padding: 0px 0px 7px 0px;
	list-style-type: decimal;
}
#columnone_text ul li {
	margin: 0px 10px 10px 15px;
	padding: 0px;
	line-height:160%;
	list-style-type: circle;
}
#columnone_text dl dt {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
}
#columnone_text dl dd {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	
}
.imgright {
		border: 1px solid #dfdfdf;
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-right: 5px;
		float: right;
		padding: 5px;
		background-color:#ffffff;
	} 
	
.imgleft {
		border: 1px solid #dfdfdf;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 3px;
		float: left;
		padding: 5px;
		background-color:#ffffff;
	} 
	/* Table styling for data information. Use the th rather than the td if you want a header cell */	
#columnone_text table {
		text-align: left;
		border: 1px solid #666;
		font-size: 11px;
		border-collapse:collapse;
		width: 525px;
		margin:5px 0px 5px 0px;
		}
		
#columnone_text table th {
		
		color: #fff;
		font-weight: bold;
		text-align: left;
		background-color: #666666;
		padding: 6px 4px;
		border-collapse:collapse;
		vertical-align:top;
		}

#columnone_text table td {
		text-align: left;
		background-color:#EFF0F0;
		padding: 6px 4px;
		border-collapse:collapse;
		border: 1px solid #666;
		vertical-align:top;
		
		}
		


/* ---------------- Right hand Navigation Column ---------------------- */
#columntwo {
float: left;
width:205px;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 10px;
background-color:#FFFFFF;
}

#columntwo_text{
padding:10px 10px 10px 10px;
}

#columntwo_text p{
padding:0px 0px 5px 0px; margin:0px;}

#columntwo_text a{
font-weight:bold;
color: #FE9434;
text-decoration:none;
}

#columntwo a:hover{
text-decoration:underline;}


/*Floating column for the sub navigation*/
.columnThree {font-size: 75%; WIDTH: 190px; PADDING: 0; margin: 42px 0px 10px 10px ; BORDER-STYLE: none; border-left:1px solid #cccccc;}

/*sets the indent for the menu options to zero, the -1px is for IE so that it doesnt inherit the bullet style from columnTwo*/
.columnThree ul {padding: 0; margin: 0 0 0 -1px;}	

/*sets the styling for the options in the sub navigation*/
.columnThree li {list-style-image: none; margin: 0; padding: 8px 0 4px 15px; line-height:140%;}

/*sets the style for the options in the sub navigation*/
.columnThree a, .columnThree a:link, .columnThree a:visited,{text-decoration: none; color: #FE9434;}
.columnThree a:hover {text-decoration: underline; color: #FE9434;}

	
.staffphoto{
		border: 1px solid #dfdfdf;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 5px;
		float: left;
		padding: 5px;
		background-color:#ffffff;
	}
	div.columnThree p{font-size: 80%; font-weight:bold; line-height:150%; padding:5px 10px 10px 15px}
/*-----------------------------------------------------------------------------*/

/*this is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {clear: both; margin: 0; padding: 0; overflow: hidden; width: 100%; height: 1px;}

/* ------------------Quick Links and Search elements------------------------*/
form{padding:0px;
margin:0px;}

#formelements{
background: #ffffff url(../images/bgsearch.jpg) no-repeat 0px 0px;
font-size:70%;
color:#ffffff;
font-weight:bold;
padding: 8px;
margin:0px;
line-height:150%;}

#search {
padding: 0px 2px 5px 0px;
margin:0px;
}

input{font-size:85%;}
select{font-size:85%;}

/* --------------------- Right hand Navigation ----------------------------------*/

#levelone {
	margin:0px;
	padding:0px;
}
	
#levelone ul {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#levelone ul li {
	display: inline;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#levelone ul li a{
	background: #9E9E9E url(../images/bullet_category.gif) no-repeat;
	width:180px;
	border-top: 1px solid #ccc;
	border-left: 1px none;
	border-bottom: 1px solid #666;
	border-right: none;
	padding: 2px 0px 3px 25px;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	font-size:70%;
}

html>#levelone ul li a {
	background: #9E9E9E url(../images/bullet_category.gif) no-repeat;
	width:180px;
	border-top: 1px solid #ccc;
	border-left: 1px none;
	border-bottom: 1px solid #666;
	border-right: none;
	padding: 2px 0px 3px 25px;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	font-size:70%;
} 

#levelone ul li a:hover{
	color: #464646;
	background: #FE9434 url(../images/bullet_categoryhover.gif) no-repeat;
	border-top: 1px solid #ccc;
	border-right: 0px none;
	border-bottom: 1px solid #535353;
	border-left: 0px none;
		text-decoration: none;

}
#levelone ul li a.current {
color: #FE9434;
	background: #464646 url(../images/bullet_categoryo.gif) no-repeat;
	border-top: 1px solid #ccc;
	border-right: 0px none;
	border-bottom: 1px solid #535353;
	border-left: 0px none;

}

/*--------------*/

/*--------- link used for just homepage - news & events heading ---------------------*/

#newsevents {
	margin:0px;
	padding:0px;
}
	
#newsevents ul {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#newsevents ul li {
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#newsevents ul li a, #newsevents ul li a:link, #newsevents ul li a:visited {
	background: #FE9434 url(../images/bullet_categoryo.gif) no-repeat;
	width:180px;
	border-top: 1px solid #ccc;
	border-left: 1px none;
	border-bottom: 1px solid #666;
	border-right: none;
	padding: 2px 0px 3px 25px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	font-size:70%;
}

html>#newsevents ul li a, html>#newsevents ul li a:link, html>#newsevents ul li a:visited  {
	font-size:70%;
	background: #FE9434 url(../images/bullet_categoryo.gif) no-repeat;
	width:180px;
	border-top: 1px solid #ccc;
	border-left: 1px none;
	border-bottom: 1px solid #666;
	border-right: none;
	padding: 2px 0px 3px 25px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	font-size:70%;
} 

#newsevents ul li a:hover{
	color: #fff;
	background: #464646 url(../images/bullet_categoryo.gif) no-repeat;
	border-top: 1px solid #ccc;
	border-right: 0px none;
	border-bottom: 1px solid #535353;
	border-left: 0px none;
		text-decoration: none;

}
#newsevents ul li a.current {
color: #F1C200;
	background: #666666 url(../images/bullet_categoryo.gif) no-repeat;
	border-top: 1px solid #ccc;
	border-right: 0px none;
	border-bottom: 1px solid #535353;
	border-left: 0px none;}
	
	/*--------------*/

#leveltwo {
	margin: 0;
	padding: 0;
}
	
#leveltwo ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#leveltwo ul li {
	display: inline;
	text-align: left;
	margin: 0px;
	padding:0px;
}

#leveltwo ul li a {
	width:180px;
	border-top: 1px solid #ccc;
	border-left:none;
	background: #ffffff url(../images/bullet_categorysub.gif) no-repeat;
	border-right: none;
	padding: 2px 0px 2px 25px;
	margin: 0;
	color: #666666;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 150%;
	font-size:70%;
}

html>#leveltwo ul li a  {
font-size:70%;
} 

#leveltwo ul li a:hover, #leveltwo ul li a.current{
	color: #666666;
	background: #FE9434 url(../images/bullet_categorysubo.gif) no-repeat;
	border-top-width: 1px;
	border-right-width: 0px;
	
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;

	border-left-style: none;
	border-top-color: #FEF3CF;
		text-decoration: none;
}




/* -----------------side nav---------------*/

#levelthree {
	margin: 0;
	padding: 0;
}
	
#levelthree ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#levelthree ul li {
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0;
	padding:0px;
}

#levelthree ul li a {
width:180px;
	background-color: #ffffff;
	border-left: 4px solid #ffffff;
	border-top:1px dashed #ccc;
	padding: 0px 0px 2px 21px;
	margin: 0;
	color: #666666;
	text-decoration: none;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	line-height: 150%;
font-size:70%;
	
}



#levelthree  ul li a:hover{
	color: #000000;
	background-color: #ffffff;
	
	border-left: 4px solid #FE9434;
		text-decoration: none;

	
}
#levelthree  ul li a.current {
	color: #fff;
	background-color: #FE9434;
		text-decoration: none;
		border-left: 4px solid #FE9434;
			border-top:1px dashed #ffffff;

	

	
}

/* -----------------side nav---------------*/

#levelfour {
	margin: 0;
	padding: 0;
}
	
#levelfour ul {
	border: 0;
	margin: 0px 0px 4px 0px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}

#levelfour ul li {
	display: inline;
	text-align: left;

	margin: 0px;
	padding:0px;
}

#levelfour ul li a {
width:180px;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px 0px 2px 25px;
	color: #666666;
	text-decoration: none;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	line-height: 150%;
	font-weight:normal;
	
	
}

#levelfour ul li a  {
	font-size:70%;
} 

#levelfour ul li a:hover, #levelfour ul li a.current {
	color: #666666;
	background-color: #ffffff;
	text-decoration: underline;
		
	
}

/*------------------------- Breadcrumb Links -----------------------------------*/
#bread-gen{border:1px solid #ccc;
margin:4px;
padding:2px 5px 2px 5px;
background-color:#fff;}


#bread-gen ul {
	margin: 0;
	padding-left: 0;
	display:inline;
	border: none;
	font-size:70%;
	
	} 

#bread-gen ul li {
	margin: 0px 3px 0px 0px;
	padding:4px 4px 4px 0px;
	border: none;
	list-style: none;
	display: inline;
	font-weight:normal;
	line-height:150%;
	}
	
#bread-gen ul li a:link, #bread-gen ul li a:visited, #bread-gen ul li a:active{
text-decoration: none;
padding:0px 4px 0px 0px;
color: #FE9434;}
#bread-gen ul li a:hover {text-decoration: underline; color: #FE9434;}

/*---------------School Centres logos positioned on courses page---------------*/
#centrelogo {
	float: right; 
	
	margin:0px 0px 10px 10px;
	display:block;
	padding:9px 10px 9px 11px;


	}
	
	

#alphabet{
width:500px;
padding:12px 0px 7px 0px;
font-size: 85%;
margin:5px 0px 0px 0px;
background-color: #ffffff;
}


#alphabet ul {
	margin:0px;
	padding:0px;
	display: inline;

} 

#alphabet ul li {
	margin: 0px 5px 0px 0px;
	padding:0px;
list-style: none;
	display: inline;
font-weight:bold;
	line-height:270%;
	
	
	}
	
#alphabet ul li a:link, #alphabet ul li a:visited {
text-decoration: none;
padding:4px 8px 4px 8px;
color: #003366;
background-color:#ffffff;
border:1px solid #cccccc;}

#alphabet ul li a:hover {text-decoration: none; padding:4px 8px 4px 8px;
color: #ffffff;
background-color:#FE9434;}


/*------------------------dividing divs on main news and events page--------------------------*/
#newsarticles{border-top: 1px solid #ccc;
	padding:8px 0px 10px 0px;
	margin:0px;}
	#newsarticlesimages{border-top: 1px solid #ccc;
	padding:8px 0px 10px 0px;
	margin:0px;
	height:90px;}
	#newsarticles p{padding:0px 0px 7px 6px;
	margin:0px;
	line-height: 140%;
	margin:0px;}
	#newsarticlesimages p{padding:0px 0px 7px 6px;
	margin:0px;
	line-height: 140%;
	margin:0px;}


/*-----------------------------------------*/

.staffdetails {
	height:510px;
	width:520px;
	overflow: auto;
	border-bottom:1px solid #bcbec0;
	
	}
	
	.staffdetails table{width:510px}
	
	.containerform {
	margin:0px 0px 0px 60px;
	line-height: 200%;
	width: 400px;
	font-size: 70%;
	padding:0px;
	}
	
	

.name {
	float: left;
	width: 80px;
	font-size: 100%;
	font-weight:bold;
	padding-bottom:4px;
	}
		
.field {float: left;
	font-size: 100%;
	padding-bottom:4px;}
	
	.centresform {
	margin:0px 0px 0px 20px;
	line-height: 200%;
	width: 500px;
	font-size: 70%;
	padding:0px;
	}
	.centresname {
	float: left;
	width: 150px;
	font-size: 100%;
	font-weight:bold;
	padding-bottom:4px;
	}
	.centresfield {float: left;
	font-size: 100%;
	padding-bottom:4px;}

/*--------------------------------------------- Default tags -------------------------------------*/
hr {
	border: none 0;
	border-top: 1px solid #bcbec0; /* the border */
	width: 100%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 4px 0px 0px 0px; /* alignment for Mozilla */
	}
	
p{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
line-height: 150%;
color:#464646;
padding: 0px 10px 14px 6px;
margin:0px;}

a, a:link, a:active, a:visited {
color: #008FBF;
text-decoration: none;
font-weight:bold;

}

a:hover {
color: #008FBF;
text-decoration: underline;

}



h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:105%;
padding:10px 20px 5px 6px;
color:#666666;
margin:0px;
text-align: right;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:98%;
padding:10px 10px 8px 16px;
border-bottom:1px solid #cccccc;
color:#ffffff;
background-color:#FE9434;
margin:0px;
line-height:150%;}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
line-height: 160%;
margin:0px;
color:#464646;
padding:8px 0px 10px 6px;
	
	}
	h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:82%;
padding:11px 0px 5px 6px;
margin:0px;
color:#9E9E9E;

	
	}
	h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:72%;
padding:10px 0px 5px 6px;
margin:0px;
color:#666666;
	
	}
	
	/*--------variations on heading style -----------*/
.conference{
font-size:80%;
padding:8px 0px 5px 6px;
background-color:#ccc;
border-bottom:1px solid #FE9434;
	
	}
	
.welcome{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:98%;
padding:10px 0px 4px 6px;
border-bottom:1px solid #cccccc;
color:#464646;
background-color:#ffffff;
margin:0px 0px 10px 0px;}



/*sets a border of zero for all images*/
img {border: 0;}

/*sets the font style to bold*/
.bold {font-weight: bold;}

/*sets a div to clear any divs above it*/
.clear {clear: both;}

/*floats the div to the right*/
.right {float: right;}

/*floats the div to the left*/
.left {float: left; 
}

/*sets the form margins to zero*/
.form {margin: 0; padding: 0;}

/*sets the height of a break*/
.br {height: 20px;}

/*style used for placing photos when used with a div*/
.photo {margin: 0px 10px 10px 10px; /* hide from IE mac \*/ _margin: 0 5px 10px 5px; /*End hide*/ padding: 10px; width: auto; height: auto;}

/*style used to highlight text when used with a paragraph*/
.highlight {padding: 5px;}

/*sets the style for tables*/
table {border: 0; margin: 10px; padding: 0; border-collapse: collapse; font-size: 72%; width: 95%; text-align: center;}

/*sets the style for table headings*/
th {padding: 5px; font-weight: bold;}

/*sets the style for cells within a table*/
td {border: 1px solid #eaeaea; padding: 5px;}

/*sets the style for blockquotes*/
blockquote { font-size: 72%;}

/*a div needs to be added to the blockquote to add the quote graphic on the right hand side*/
blockquote div {padding: 0 48px;}