/* 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;
color:#ffffff;
}

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 */	
	
/* Start Right content - main page content
   for homepage this will be news and small banners ---------- */

#rightcontent {
float:right;
width:757px;
height:auto;
margin:0px;
padding:0px 10px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:left;
background-color:#FFFFFF;
}
		
	#rightcontent hr {
	margin: 8px 0px 8px 0px;
	border:#A5B7F5 solid 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:10px 0 5px 0;
	padding:0px;
	font-size:1.1em;
	font-weight:bold;
	color:#0C2577;
	}
	
	#rightcontent p {
	margin-top:2px;
	padding:0px;	
	line-height:1.4;
	background-color:#FFFFFF;
	color:#000000;
	}

	#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;
	}

	#rightcontent a:visited {
	color:#0C2577;
	}

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

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

	#image p {
	width:278px;
	margin:0px 10px 0px 0px;
	padding: 8px 12px;
	background-color:#A5B7F5;
	color:#000000;
	}
	
	.noborder{
	border:none;
	}

#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;
background-color:#FFFFFF;
}
		
	#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:130%;
	font-weight:bold;
	color:#0C2577;
	text-decoration:none;
	}
	
	#CentreContentOnly p {
	margin-top:2px;
	padding:0px;	
	line-height:1.4;
	background-color:#FFFFFF;
	color:#000000;
	}

	#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;
		}
	
	#NewsNav{
	color:#0C2577;
	}
			
	#NewsNav a:link {
	color:#0C2577;
	text-decoration:none;
	}

	#NewsNav a:visited {
	color:#0C2577;
	text-decoration:none;
	}

	#NewsNav a:hover {
	color:#FF0000;
	text-decoration:underline;
	}
	
	
.NewsItem{
padding:10px 0px 10px 0px;
margin:10px 0px 0px 0px;
width:100%;
border-top:#A5B7F5 solid 2px;
}	
	
	.NewsItemLeft{
	float:left;
	width:130px;
	height:auto;
	padding-right:10px;
	padding-left:0px;
	margin-left:0px;
	}

	.NewsItemLeft img{
	border:#0C2577 solid 1px;
	}
	
	.NewsRight{
	float:right;
	padding-left:10px;
	width:auto;
	height:auto;
	text-align:left;
	}
	
/* 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;
}

#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;
}

#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;
}