/* 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:#0C2577 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;
}

/* list styles for banners */
#bannerlist li {
	margin: 0;
	padding: 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 {
width:153px;
float:left;
}
#leftcontent ul {
padding:0;
}
#leftcontent #NavLinks {
margin:1px 0 0 0;
padding:0;
}
#leftcontent #NavLinks ul {
list-style-type:none;
margin:0;
padding:0;
}
#leftcontent #NavLinks ul li a {
display:block;
color:#0c2577;
background-color:#A5B7F5;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
padding:2px 4px;
text-decoration:none;
}
#leftcontent #NavLinks ul li a:hover, #leftcontent #NavLinks ul li a:active, #leftcontent #NavLinks ul li a:focus {
color:#ffffff;
background-color:#0C2577;
}

#leftcontent #NavLinks ul li#employer {
position:relative;
z-index:900;
}
#leftcontent #NavLinks ul li a.sublink {
background-image:url(/images/menuarrow.png);
background-repeat:no-repeat;
background-position:140px center;
}
#leftcontent #NavLinks ul li#employer a.sublink:hover, #leftcontent #NavLinks ul li#employer a.sublink:active, #leftcontent #NavLinks ul li#employer a.sublink:focus {
background-image:url(/images/menuarrowover.png);
}
#leftcontent #NavLinks ul li a {display:inline-block;}
#leftcontent #NavLinks ul li a {display:block;}
#leftcontent #NavLinks ul li ul#submenu {
margin:0;
padding:0;
display:none;
position:absolute;
width:153px;
left:153px;
top:-1px;
border-top:1px solid #fff;
}
#leftcontent #NavLinks ul li#employer:hover #submenu, #leftcontent #NavLinks ul li#employer:active #submenu, #leftcontent #NavLinks ul li#employer:focus #submenu {
display:inline-block;
}
		
/* End Left content - navigation */


/* Start Center content - main page content
   for homepage this will probably be only photos which will rotate at random ---------- */


#centercontent {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#000;
}

#centercontent img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* End Left content - navigation */


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

#rightcontent {
float:right;
width:160px;
height:auto;
padding:2px 2px 2px 0px;
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:left;
background-color:#FFFFFF;
}
	
	#rightcontent h1 {
	height:1.7em;
	vertical-align:middle;
	margin:6px 4px 4px 0px;
	padding:2px 2px 2px 4px;
	font-size:100%;
	font-weight:normal;
	background-color:#A5B7F5;
	color:#0C2577;
	}
	
	#rightcontent ul {
	margin:4px 4px 0px 0px;
	padding-left: 0;
	}
	
	#rightcontent li {
	list-style:none;
	list-style-type:none;
	margin:4px 0px 0px 0px;
	padding: 2px 4px 4px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	background-color:#FFFFFF;
	color:#0C2577;
	border:#A5B7F5 solid 1px;
	}

	#rightcontent li a:link {
	color: #0C2577;
	text-decoration: none;
	}
	
	#rightcontent li a:active {
	color: #0C2577;
	text-decoration: none;
	}
	
	#rightcontent li a:visited {
	color: #0C2577;
	text-decoration: none;
	}

	#rightcontent li a:hover {
	color: #FF0000;
	text-decoration: none;
	}
	
	#banners {
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	}
	
	#banners img {
	margin-top:4px;
	}
	
#CentreWrap {
margin-top:10px;
margin-left:160px;
}	
	
	#CentreWrap h1 {
	margin-top:10px;
	padding:0px;
	font-size:1.7em;
	font-weight:bold;
	color:#0C2577;
	text-decoration:none;
	}

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

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

	#CentreWrap a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	text-decoration:underline;
	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;
}

#bannerad {
padding: 0;
margin: 0 auto 0 auto;
clear: both;
width: 777px;
height: 67px;
font-size:0px;
position:relative;
}
#marketing {
position:absolute;
top:0;
left:0;
}
#media {
position:absolute;
top:0;
right:0;
}

#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;
}
#header {
position:relative;
}
#statusfloat {
position:absolute;
top:2px;
right:5px;
}
#status {
background-color:#0c2577;
margin:0!important;
padding:0;
}
#status p {
float:right;
color:#ffffff;
padding:0 3px 0 0;
margin:0;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
#status img {
margin:0;
padding:0;
border:none !important;
}
#status ul {
clear:right;
float:right;
font-size:0px;
list-style-type:none;
margin:0;
background-color:#0c2577;
}
#status li {
display:inline;
font-size:0px;
padding:0 2px 0 0 !important;
margin:0 !important;
background-color:#0c2577;
}

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


#courses {
position:relative;
width:452px;
height:325px;
overflow:hidden;
background-color:#e20177;
z-index:600;
}
#courses img {
border:0;
}
#courses img.icon {
position:absolute;
top:0;
right:0;
z-index:700;
}
#courses a.subject  {
position:relative;
display:block;
}
#courses a.subject.hover  {
z-index:800;
background-image:url(/images/home/arrow.png);
background-repeat:no-repeat;
background-position:right 50%;
width:235px;
}
#courses img#viewallcourses {
position:absolute;
left:0;
bottom:0;
z-index:810;
}