/* New CSS Document for SKC homepage */

body {
font-size:75%;
text-align: center;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

form {
margin:0px 0px 0px 0px;
}

#container {
margin: 0 auto;
width: 777px;
height:auto;
padding: 0px 0px 0px 0px;
text-align:left;
border-right:#A5B7F5 solid 1px;
border-left:#A5B7F5 solid 1px;
}

/* Start Header content - 
   this includes header graphic, course search and generic site navigation */

#header {
position:relative;
width: 100%;
margin: 0px;
background-color:#0c2577;
background-image:url(/images/header-bg.jpg);
height:125px;
}
#skc {
position:absolute;
left:2px;
top:47px;
}

/* Remove borders from images that are links */
.imagelink {
	border: 0;
}

	#HeaderNav {
	vertical-align:middle;
	padding: 4px 2px 4px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:left;
	background-color:#000000;
	color:#FFFFFF;
	}
  
	#HeaderNav a:link {
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	#HeaderNav a:visited {
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	#HeaderNav a:hover {
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:underline;
	}
			
	#HeaderNav form {
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	height:75%;
	}
	
	#HeaderNav input {
	width:100px;
	font-size: 100%;
	color: #000000;
	}
	
/*  End Header content */	
	
/* Srart Left content - this is the page navigation */
	  
#leftcontent {
float:left;
width:153px;
height:auto;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:left;
background-color:#ffffff;
}

	#leftcontent ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
	}

	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#leftcontent li {
	border-bottom: 1px solid #ffffff;
	}
	
	/* fix for browsers that don't need the hack */
	html>body #leftcontent li {
	border-bottom: none;
	}

		#NavLinks a:link {
		display: block;
		margin:0px 0px 0px 0px;
		padding:2px 2px 2px 4px;
		border-top: 1px solid #ffffff;
		background-color:#A5B7F5;
		color:#0C2577;
		text-decoration:none;
		text-align:left;
		}

		#NavLinks a:visited {
		display: block;
		margin:0px 0px 0px 0px;
		padding:2px 2px 2px 4px;  
		border-top: 1px solid #ffffff;
		background-color:#A5B7F5;
		color:#0C2577;
		text-decoration:none;
		text-align:left;
		}

		#NavLinks a:hover {
		display: block;
		margin:0px 0px 0px 0px;
		padding:2px 2px 2px 4px;  
		border-top: 1px solid #ffffff;
		color:#ffffff;
		background-color:#0C2577;
		text-decoration:none;
		text-align:left;
		}
		
/* End Left content - navigation */

/* Start Right content - main page content
   for homepage this will be news and small banners ---------- */

#rightcontent {
float:right;
display: inline;
width:608px;
height:auto;
padding:2px 0px 2px 4px;
margin:0px 6px 20px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:left;
}		
	
	#rightcontent img {
	padding:10px;
	}
		
	#rightcontent hr {
	border:#A5B7F5 solid 2px;
	}
	
	#rightcontent .thinHR {
	border:#ccc dashed 1px;
	}

	#rightcontent h1 {
	margin:10px 0 10px 0;
	padding:0px;
	font-size:1.7em;
	font-weight:bold;
	color:#0C2577;
	text-decoration:none;
	}
	
	#rightcontent h2 {
	margin: 20px 0 5px 0;
	padding:0px;
	font-size:1.3em;
	font-weight:bold;
	color:#0C2577;
	}

	#rightcontent h3 {
	margin:8px 0 5px 0;
	padding:0px;
	font-size:1.1em;
	font-weight:bold;
	color:#0C2577;
	}
	
	.h2smallmargin {
		margin-bottom: 2px;
	}
	
	/* This is used when you want a larger page title - for example a job title on the vacancies page */
	#rightcontent h5 {
	margin:4px 0px 10px 0px;
	padding:0px;
	font-size:1em;
	font-weight:bold;
	color:#0C2577;
	text-decoration:none;
	}
	
	#rightcontent p {
	margin-top:2px;
	padding:0px;	
	text-align:left;
	color:#000000;
	line-height:1.4;
	}
	
	p.italics {
		font-style:italic;
	}
	
	p.italicslarge {
		font-style:italic;
		font-size:105%;
	}
	
	.opendaylogo {
		margin: -40px 0 0 0;
		float:right;
		border:0;
	}

	#rightcontent ul, li, ol {
	margin-top: 0px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	}
	
	#rightcontent li {
	line-height:1.4;
	margin-bottom:0.3em;
	}
		
	#rightcontent a:link {
	color:#0C2577;
	text-decoration:underline;
	text-align:left;
	}

	#rightcontent a:visited {
	color:#0C2577;
	text-decoration:underline;
	text-align:left;
	}

	#rightcontent a:hover {
	color:#FF0000;
	text-decoration:underline;
	text-align:left;
	}
	
	#rightcontent tr{
	color:#000000;
	}
	
	#rightcontent th{
	padding:4px;
	color:#000000;
	font-weight:normal;
	text-align:left;
	}
	
	#rightcontent td{
	padding:4px;
	color:#000000;
	font-weight:normal;
	text-align:left;
	}

	#image {
	float:right;
	width:auto;
	height:auto;
	margin:10px 0px 10px 10px;
	text-align:right;
	}
	
	#image img{
	padding:0px;
	margin-bottom:10px;
	border:#A5B7F5 solid 1px;
	}

	#image p {
	width:195px;
	margin:3px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	background-color:#A5B7F5;
	color:#000000;
	text-align:center;
	}
		
	#imageNoBorder {
	float:right;
	width:auto;
	height:auto;
	margin:10px 0px 10px 10px;
	text-align:right;
	}
	
	#imageNoBorder img{
	padding:0px;
	margin-bottom:10px;
	}
	
	.noborder{
	border:none;
	}
		
/* End Right content - navigation */


#footer {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
clear: both;
width: 100%;
height: 25px;
text-align:left;
background-color:#0C2678;
}

#CentreContentOnly {
width:755px;
height:auto;
padding:2px 2px 2px 0px;
margin:0px 10px 20px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:left;
}
		
	#CentreContentOnly hr {
	border:#A5B7F5 solid 2px;
	}
	
	#CentreContentOnly h1 {
	margin:10px 0 10px 0;
	padding:0px;
	font-size:1.7em;
	font-weight:bold;
	color:#0C2577;
	text-decoration:none;
	}
	
	#CentreContentOnly h2 {
	margin: 15px 0 5px 0;
	padding:0px;
	font-size:1.3em;
	font-weight:bold;
	color:#0C2577;
	}

	#CentreContentOnly h3 {
	margin:8px 0 5px 0;
	padding:0px;
	font-size:1.1em;
	font-weight:bold;
	color:#0C2577;
	}
	
	/* This is used when you want a larger page title - for example a job title on the vacancies page */
	#CentreContentOnly h5 {
	margin:4px 0px 10px 0px;
	padding:0px;
	font-size:1em;
	font-weight:bold;
	color:#0C2577;
	text-decoration:none;
	}
	
	#CentreContentOnly p {
	margin-top:2px;
	padding:0px;
	color:#000000;
	line-height:1.4;
	}

	#CentreContentOnly ul, li, ol {
	margin-top: 0px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	}
	
	#CentreContentOnly li {
	line-height:1.4;
	}
		
	#CentreContentOnly a:link {
	color:#0C2577;
	text-decoration:underline;
	text-align:left;
	}

	#CentreContentOnly a:visited {
	color:#0C2577;
	text-decoration:underline;
	text-align:left;
	}

	#CentreContentOnly a:hover {
	color:#FF0000;
	text-decoration:underline;
	text-align:left;
	}

	#CentreContentOnly tr {
	color:#000000;
	}
	
	#CentreContentOnly th {
	padding:4px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	background-color:#A5B7F5;
	border:#A5B7F5 solid 1px;
	}
	
	#CentreContentOnly td {
	padding:4px;
	color:#000000;
	font-weight:normal;
	text-align:left;
	border:#A5B7F5 solid 1px;
	}

		#RedLinks p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#FF0000;
		text-decoration:none;
		text-align:left;
		}

		#RedLinks a:link {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#FF0000;
		text-decoration:underline;
		text-align:left;
		}
	
		#RedLinks a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#FF0000;
		text-decoration:underline;
		text-align:left;
		}
	
		#RedLinks a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#0C2577;
		text-decoration:underline;
		text-align:left;
		}


	#CourseLinks {
	margin:0px;
	padding:0px;
	}
	
		#CourseLinks a:link {
		color:#0C2577;
		text-decoration:none;
		text-align:left;
		}
	
		#CourseLinks a:visited {
		color:#0C2577;
		text-decoration:none;
		text-align:left;
		}
	
		#CourseLinks a:hover {
		color:#FF0000;
		text-decoration:underline;
		text-align:left;
		}
		
		#CourseLinks li {
		list-style:none;
		}
		
		.RedDot{
		color:#FF0000;
		}

#footer-links-container {
	margin: 0 auto 0 auto;
	text-align:center;
	width: 777px;
	height: auto;
}

#footer-links {
	margin-top:6px;
	margin-right: 6px;
	text-align: right;
	font-size:91%;
}

#footer-links p {
	margin: 0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

#footer-links a:link, #footer-links a:visited {
color:#666666;
text-decoration:none;
}

#footer-links a:hover, #footer-links a:active {
color:#FF0000;
text-decoration:none;
}

.spacedlist li {
padding-bottom:7px;
}

.nobullet {
margin-top:10px;
margin-bottom:10px;
}

.nobullet, .nobullet li {
list-style-type:none;
margin-left:0;
padding-left:0;
}

#textsize #normal {
font-size:100%;
font-weight:bold;
}
#textsize #large {
font-size:125%;
font-weight:bold;
}
#textsize #largest {
font-size:155%;
font-weight:bold;
}
#textsizer {
position:absolute;
z-index:2;
top:2px;
left:4px;
}
#textsizer ul {
list-style-type:none;
margin:0;
padding:0;
color:#fff;
}
#textsizer li {
color:#ffffff;
display:inline;
margin: 0 1em 0 0;
}
#textsizer a:link, #textsizer a:visited {
color:#ffffff;
padding:0;
margin: 0 0 0 0.2em;
}
#textsizer a:hover, #textsizer a:active, #textsize:focus {
color:#ffff00;
}