/*** RESET ***/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, td, video, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}


/* Clears
----------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*** STYLE ***/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Global properties
---------------------------------------- */
body { 
	background: url(../../../../../themes/wcc/images/bg.jpg) top center repeat #fff; 
}
html { min-width:950px;}
html, body { height:100%;}

#wrap { margin: 0 auto;	position: relative;	width: 950px;	font-size:.8125em;	overflow:hidden;	}


/* Global Structure
---------------------------------------- */

/* Header */
header{	height:245px; overflow:hidden; background:url(../../../../../themes/wcc/images/top.gif) top left no-repeat }
header .header-logo {position:absolute; left:24px; top:18px;}
header .header-college h2 { color:#FFF; font-size: 42px; left:180px; position:absolute; top:40px; }
header .header-college h3 { color:#FFF; font-size: 34px; font-style: italic; left:220px; position:absolute; top:90px; }
header .header-links {	position:absolute; right:28px; top:17px; font-size:13px; line-height:1.2em;	color:#009bd9;	text-align:right; font-family:Arial, Helvetica, sans-serif	}
header .header-links a{color:#009bd9; text-decoration:none}
header .header-links a:hover{color:#fff; text-decoration:none}
header .header-links ul li{ float:left; display:inline; margin-left:16px}

header nav { position:absolute;	left:0;	top:168px;	z-index:20;	}

#content { background-color: #FFF; overflow: hidden; width: 950px; }

#sidebar { background: url(../../../../../themes/wcc/images/bg_block.jpg) top left no-repeat #123463; color: #FFF; float: left; margin-bottom: -32000px; padding: 15px 30px 32015px 30px; width: 210px; }
#sidebar ul.nav a { color: #FFF; }
#sidebar ul.nav a:hover, #sidebar ul.nav a.nav-selected, #sidebar ul.nav a.nav-path-selected { color: #009BD9; }
#sidebar ul.nav ul { padding-left: 8px; }

#main { float: left; margin-bottom: -32000px; padding-bottom: 32000px; width: 680px; }
#main.full-width { float: left; margin-bottom: 0; padding-bottom: 0; width: 950px;background:#f1f1f1; }
#main-area { padding: 16px 20px 30px 30px; }


#news-area { }

/* Aside */
aside.bottom { background:#000; padding:0 0 0 15px; position:relative; height:1%; }
	aside.bottom .inside { padding:30px 0 43px 0; }
		
aside.bottom ul li { background:url(../../../../../themes/wcc/images/marker2.gif) no-repeat 0 6px;	padding:0 0 8px 13px; position:relative;	height:1%;}
	aside.bottom ul li a { color:#4a4a4a; text-decoration:none;	}
	aside.bottom ul li a:hover { color:#fff;	}
	aside.bottom .social-services { padding:10px 0 0 40px; border-left:1px solid #1d1d1d;	}
	aside.bottom .social-services li { background:none !important; padding:0 0 11px 0 !important; overflow:hidden; position:relative; font-size:13px;	}
		aside.bottom .social-services li a { display:block; padding:7px 0 7px 50px; float:left; }
	

/* Footer */
			
footer { color: #000; padding:0px 0 26px 0; margin: 0 auto; position: relative; width: 950px; font-size:13px; background:#fff; }
	footer a { color:#009bd9; text-decoration:none;	}
	footer a:hover { text-decoration:underline;	}

footer #footer-content {background-color:#d0dbdc; margin-bottom:10px; padding-top:10px}

footer nav { margin:0; }
	footer nav li { padding:0; }
		
footer .legal { text-align: center; }

footer table th {
	text-align:left;
	background:#f3f5f8;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	height: inherit;
	line-height:24px;
	}
	
footer table td {
	color:#b3bdc9;
	background:#f3f5f8;
	font-size:14px;
	line-height:24px;
	}
footer table tr td:hover {
	background-color:#f3f5f8;
	color:inherit;
	}




/* Unordered list style
---------------------------------------- */
/* List */
	ul.list li { 
		background:url(../../../../../themes/wcc/images/marker.png) no-repeat -4px 4px;
		padding:0 0 6px 3px;
		margin:0;
		font-size:13px;
		position:relative;
		zoom:1;
		}
		ul.list li ul{
		margin-left:3px;		
		}ul.list li li{ 
		background:url(../../../../../themes/wcc/images/marker-1.gif) no-repeat 0 3px;
		padding:0 0 6px 0;
		font-size:13px;
		line-height:1.2em;
		position:relative;
		zoom:1;
		}
		ul.list li a {
			color:#009bd9;
			font-weight:bold;
			text-decoration:none
			}
		ul.list li a:hover{ text-decoration: underline}


/* List1 */
	ul.list1 li { 
		padding:0 0 9px 0px;
		font-size:13px;
		position:relative;
		zoom:1;
		}
		ul.list1 .last { 
		padding:0;
		}
		ul.list1 li a {
			color:#005baa;
			font-weight:bold;
			text-decoration:none
			}
			ul.list1 li div {
			padding-left:42px
			}
		ul.list1 li span {
		color:#009bd9;
		position:absolute;
		font-size:44px
			}
		ul.list1 li a:hover{ text-decoration:underline}

/* List1 */
ul.list2{ margin:0; padding:0}
ul.list2 li {
	display:block;
	font-size:13px;
	}
	ul.list2 li a {
		width:97px;
		display:block;
		color:#005baa;
		font-weight:bold;
		float:left;
		}
	ul.list2 li span{
		color:#878894;
		float:right;
		width:235px;
		margin-bottom:19px;
		}
		
		/* List */
	ul.list3 li { 
		background:url(../../../../../themes/wcc/images/marker-2.gif) no-repeat 0 5px;
		padding:0 0 6px 22px;
		font-size:13px;
		position:relative;
		zoom:1;
		}
		ul.list3 li a {
			color:#009bd9;
			font-weight:bold;
			text-decoration:none
			}
		ul.list3 li a:hover{ text-decoration: underline}

/* News style*/
.news {
	padding-bottom:18px;
	}
	.news li {
		position:relative;
		padding:0 0 25px 70px;
		color:#000;
		height:1%;
	}
	.news li p.date {
		position:absolute;
		left:0;
		top:3px;
		background:#666;
		width:59px;
		height:69px;
		font-size:25px;
		line-height:64px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		}
	.news li a.title {
		display:block;
		color:#8e8d8b;
		text-transform:uppercase;
		font-size:11px;
		margin-bottom:.5em;
		}
	

/* Ordered list style */
	ol li { 
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:25px;
		padding-bottom:6px;
		font-size:13px;
		font-weight:bold;
		color:#005baa;
		}
	ol li a{ 
		font-size:13px;
		color:#009bd9;
		text-decoration:none
		}
	ol li a:hover{ 
		text-decoration: underline
		}

/* Definition list style */
dl { margin:15px 0}
dl dt { 
	font-size:1em;
	color:#005baa !important;
	font-weight:bold;
	margin-bottom:15px
	}
dl dd {
	margin-bottom:1.5em;
	}
dl .dd {
	margin-left:30px
	}

	dl.def-list { padding-bottom:5px;}
	
	dl.def-list dt {
		font-size:13px;
		color:#fff;
		width:100%;
		overflow:hidden;
		margin-bottom:1em;
		position:relative;
		z-index:0;
		}
		dl.def-list dt span {
			float:left;
			height:31px;
			line-height:31px;
			padding:0 14px;
			background:#19b6c5;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			behavior: url(http://www.westerncapecollege.com/themes/wcc/js/PIE.htc);
			}
		dl.def-list dd {margin-bottom:2em;}
	
	

/*  Dropcaps style */
.dropcap_1 {
	font-size:38px;
	width:55px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1em;
	color:#009bd9;
	display:block;
	float:left;
	text-align:center;
}
.dropcap_2 {
	font-size:41px;
	background:url(../../../../../themes/wcc/images/dropcap.png) no-repeat 50% 0;
	text-align:center;
	width:52px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:52px;
	color:#fff;
	display:block;
	float:left;
	margin-right:8px;
	}
.dropcap_3 {
	font-size:40px;
	width:40px;
	line-height:1em;
	color:#333;
	display:block;
	float:left;
	text-shadow:2px 2px 1px #ccc;
	}
.dropcap_4 {
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(http://www.westerncapecollege.com/themes/wcc/images/dropcap1.png) no-repeat 50% 0;
	text-align:center;
	width:80px;
	line-height:70px;
	margin-bottom:11px;
	color:#fff;
	display:block;
	float:left;
	margin-right:8px;
	}
.dropcap_5 {
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(http://www.westerncapecollege.com/themes/wcc/images/dropcap2.png) no-repeat 50% 0;
	text-align:center;
	width:80px;
	line-height:70px;
	margin-bottom:11px;
	color:#fff;
	display:block;
	float:left;
	margin-right:8px;
	}
.dropcap_6 {
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(http://www.westerncapecollege.com/themes/wcc/images/dropcap3.png) no-repeat 50% 0;
	text-align:center;
	width:80px;
	line-height:70px;
	margin-bottom:11px;
	color:#fff;
	display:block;
	float:left;
	margin-right:8px;
	}


.hr2 {
	display:block;
	position:relative;
	padding:15px 0 15px 0;
	border:none;
	background:url(../../../../../themes/wcc/images/hr.gif) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:11px;
	margin:0 10px 0 0;
	width:920px
	}
/*  Horizontal divider */
.hr {
	display:block;
	position:relative;
	padding:55px 0 35px 0;
	border:none;
	background:url(../../../../../themes/wcc/images/hr.gif) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:11px;
	margin:0 10px 0 0;
	width:920px
	}
	.hr a {
		position:absolute;
		right:0;
		top:25px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:url(../../../../../themes/wcc/images/arrow-top.png) no-repeat 0 8px;
		padding-left:13px;
		color:#6b6a6a;
	}
	.hr a:hover { color:#000;}
	
/*  Horizontal divider */
.hr1 {
	display:block;
	position:relative;
	padding:55px 0 35px 0;
	border:none;
	background:url(../../../../../themes/wcc/images/hr.gif) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:11px;
	margin:0 10px 0 0;
	}
	.hr1 a {
		position:absolute;
		right:0;
		top:25px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:url(../../../../../themes/wcc/images/arrow-top.png) no-repeat 0 6px;
		padding-left:13px;
		color:#6b6a6a;
	}
	.hr1 a:hover { color:#000;}
	.vam{ vertical-align:middle}

.link{ font-size:13px; color:#009bd9; text-decoration: underline; font-weight:bold}
.link:hover{ text-decoration:none;}


.link1{ text-decoration:none}
.link1:hover{ text-decoration:underline}

.link2{ text-transform:uppercase; text-decoration: underline; font-weight:bold}
.link2:hover{ text-decoration:none;}

.button-1{ background:#009bd9; color:#fff; padding:0px 11px 0px 11px; line-height:28px; height:28px; float:left; display:block; text-decoration:none; font-size:13px; margin-bottom:7px}

/*  Buttons */
.button { 
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:43px;
	height:43px;
	background:#009bd9;
	padding:0 18px 0px 18px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #0e7bca;
	border-right:1px solid #0e7bca;
	text-transform:uppercase;
	cursor:pointer;
	margin-bottom:10px;
	}
.button:hover {
	color:#000;
	background:#6bc3fd;
	text-decoration:none;
	}

.button1 { 
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:43px;
	height:43px;
	background:#042850;
	padding:0 18px 0 18px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #0e7bca;
	border-right:1px solid #0e7bca;
	text-transform:uppercase
	}
.button1:hover {
	color:#000;
	background:#4579b3;
	text-decoration:none;
	}

.button2 { 
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:43px;
	height:43px;
	background:#939aac;
	padding:0 18px 0 18px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #808694;
	border-right:1px solid #808694;
	text-transform:uppercase
	}
.button2:hover {
	color:#000;
	background:#c0c1c4;
	text-decoration:none;
	}



.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}




/* Blocks and Boxes style
---------------------------------------- */
.content-box {padding:20px 10px 10px 10px	}


/* box */
.box {	background: url(../../../../../themes/wcc/images/bg_block.jpg) top left no-repeat #123463; width:100%; color:#fff}
.box .indent-box{padding:15px 28px 28px 30px}
.box .indent-box-1{padding:11px 22px 28px 30px}

/* box1 */
.box1{ background:#e4f2f8; width:100%}
.box1 .indent-box{padding:25px 27px 28px 30px}


/* Information box */
.info-box {
	border:1px solid #e4e5ed;
	padding:17px 30px 24px 110px;
	color:#31323a;
	font-size:11px;
	margin-bottom:20px;
	background:#e4e5ed;
	position:relative;
	height:1%;
}
	.info-box p.icon {
		position:absolute;
		left:34px;
		top:14px;
		margin:0;
	}

/* Download box */
.download-box {
	border:1px solid #e4e5ed;
	padding:17px 30px 24px 110px;
	color:#31323a;
	font-size:11px;
	margin-bottom:20px;
	background:#e4e5ed;
	position:relative;
	height:1%;
}
	.download-box p.icon {
		position:absolute;
		left:34px;
		top:14px;
		margin:0;
	}

/* Notification box */
.notification-box {
	border:1px solid #e4e5ed;
	padding:17px 30px 24px 110px;
	color:#31323a;
	font-size:11px;
	margin-bottom:20px;
	background:#e4e5ed;
	position:relative;
	height:1%;
	}
	.notification-box p.icon {
		position:absolute;
		left:34px;
		top:14px;
		margin:0;
		}

/* Error message box */
.error-box {
	border:1px solid #e4e5ed;
	padding:17px 30px 24px 110px;
	color:#31323a;
	font-size:11px;
	margin-bottom:20px;
	background:#e4e5ed	;
	position:relative;
	height:1%;
	}
	.error-box p.icon {
		position:absolute;
		left:34px;
		top:14px;
		margin:0;
		}



/* Main banner
---------------------------------------- */
.main-banner {
	height:372px;
	overflow:hidden;
	margin-bottom:5px;
	background:#666;
	position:relative;
	}




/* Pages
---------------------------------------- */

/* 404 page */
.error_page {
	padding:0 0 85px 0;
	min-height:500px;
	text-align:center;
	}
	.error_page h2 {
		font-size:90px;
		line-height:1.2em;
		font-weight:700;
		margin:-20px 0 0 0;
		letter-spacing:-2px;
		}
	.error_page h3 {
		font-size:40px;
		line-height:1.2em;
		margin:0 0 1em 0;
		color:#fbb91f;
		}

/* Under Construction page =====*/
#constuction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#ccc;
	box-shadow:0 0 10px #d0d4db;
	-moz-box-shadow:0 0 10px #d0d4db;
	-webkit-box-shadow:0 0 10px #d0d4db;
	text-align:center;
	behavior:url(http://www.westerncapecollege.com/themes/wcc/js/PIE.htc);
	}
	#constuction-box .inside {
		padding:40px 40px 40px 40px;
		}
		#constuction-box .button {
			position:relative;
			}
		#constuction-box h1 {
			font-weight:700;
			text-align:center;
			font-size:30px;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
			}
			#constuction-box h1 span { 
				text-transform:uppercase;
				color:#f3ad2a;
				font-size:30px;
				display:block;
				margin-bottom:-15px;
			}
			
	/* Countdown */
	#countdown_dashboard {
		height: 110px;
		padding:30px 0 40px 0;
		width:650px;
		margin:0 auto;
		position:relative;
		}
	.dash {
		width: 110px;
		height: 114px;
		background: transparent url('../../../../../themes/wcc/images/dash.png') 0 0 no-repeat;
		float: left;
		margin-left: 20px;
		position: relative;
		}
	
	.dash .digit {
		font-size:75px;
		line-height:85px;
		font-weight: bold;
		float: left;
		width: 55px;
		text-align: center;
		font-family:"Times New Roman", Times, serif;
		color: #555;
		position: relative;
	}
		.dash .digit .bottom {
			font-size:75px;
			line-height:85px;
		}
	
	.dash_title {
		position: absolute;
		display: block;
		bottom: 0px;
		left:0;
		font-size: 13px;
		color: #555;
		text-transform: uppercase;
		letter-spacing: 2px;
		width:110px;
	}
	
	.dev_comment {
		font-size: 14pt;
		color: #777;
		text-align: center;
		font-style: italic;
		margin: 40px 10px;
	}
	
	#subscribe_form {
		position: relative;
	} 
	
	#email_field {
		font-size: 16pt;
		padding: 6px 10px;
		width: 300px;
	}
	
	#subscribe_button {
		font-size: 14pt;
		color: #333;
		padding: 4px 8px;
	}
	
	.copyright {
		font-size: 9pt;
		color: #333;
		margin: 40px 0px;
	}
	
	.faded {
		color: #999;
	}
	
	.form_message {
		width: 400px;
		padding: 10px;
		margin: 15px auto;
		display: none;
	}
	
	#error_message {
		background-color: #ffe;
		border-left: 5px solid #bb3;
		border-right: 5px solid #bb3;
		color: #770;
	}
	
	#info_message {
		background-color: #f0f9ff;
		border: 1px solid #eef;
	}
	
	#loading {
		text-align: center;
		margin: 10px;
		display: none;
		position: absolute;
		width: 100%;
		top: 60px;
	}

/* Intro page */
#intro-box {
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(http://www.westerncapecollege.com/themes/wcc/js/PIE.htc);
	float:left;
	}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
		}
		#intro-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			text-align:center;
			width:600px;
			overflow:hidden;
			height:100px;
			color:#fff;
			}
			#intro-box h1 span { 
				text-transform:uppercase;
				color:#1fb7c4;
				display:block;
				margin-bottom:-15px;
			}
		#intro-box .button {
			position:absolute;
			right:30px;
			bottom:20px;
			float:right;
			white-space:nowrap;
			}
		.intro-buttons {
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
			}
		#flash-intro {
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}
	






/* Content
---------------------------------------- */		

/* Lightbox image */
.lightbox-image1 {
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	}
	.lightbox-image1 img {
		position:relative;
		z-index:2;
		}
	.lightbox-image1 span {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../../../../../themes/wcc/images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		}
	
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.lightbox-image span {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../../../../../themes/wcc/images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		}

/* Pagination */
.pagination {
	display:block;
	width:100%;
	overflow:hidden;
	}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
		}
	.pagination a:hover {
		text-decoration:underline;
		}
		.pagination ul {
			float:left;
			padding:0 3px 0 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}

.bg{ border-right:1px solid #e4e4e4 }

/* Other */
figure { 
	margin:4px 26px 0 0;
	float:left;
	}
.figure { 
	margin:4px 26px 0 0;
	background:none;
	float:left;
	}
	figure figcaption {
		color:#fff;
		text-transform:uppercase;
		font-size:16px;
		text-align:center;
		padding:11px 0 11px 0;
	}
	.figure figcaption {
	background:url(../../../../../themes/wcc/images/bg_cap.png);
	margin-top:-41px;
	width:200px;
	position: relative;
	z-index:900;
	}

figure.fright {
	float:right;
	margin:4px 0 0 26px;
	}

.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}
	

.extra-wrap { 
	overflow:hidden;
	}
	
	
/* Postal address */
.address { 
	float:left;
	margin-right:30px;
	}
.address.last {
	margin-right:0;
	}
	.address dt {
		font-weight:normal;
		color:#6b6a6a;
		}
	.address dd { 
		clear:both;
		margin:0 0 0 0 !important;
		}
		.address dd span { 
			float:left;
			width:90px;
			}
	

.address1 { 
	}
.address1.last {
	margin-right:0;
	}
	.address1 dt {
		font-weight:normal;
		color:#fff !important;
		}
	.address1 dd { 
		clear:both;
		margin:0 0 0 0 !important;
		font-size:13px
		}
		.address1 dd span { 
			float:left;
			width:90px;
			}
			.address1 dd a {
			font-weight:bold
			}


/* Forms
---------------------------------------- */
.rowElem1{ height:120px}
.input{
		width:270px;
		padding:10px 10px 10px 10px;
		background:#f4f5f8;
		vertical-align:middle;
		margin-right:11px;
		font-size:18px;
		border-top:1px solid #d8dae1;
		border-left:1px solid #d8dae1;
		color:#8f909b;
	}

/* Forms default */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/* SlideDown element */
.slideDown {
	padding:0 1px 0 0;
	}
	.slideDown dt {
		background-color:#333132;
		background-image:url(../../../../../themes/wcc/images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		-moz-box-shadow:1px 1px 0 #d1d1d1;
		-webkit-box-shadow:1px 1px 0 #d1d1d1;
		color: #fff !important;	
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:13px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#009bd9;
		color:#fff;
		text-shadow:0 0 5px #fff;
	}
	.slideDown dt.active {
		background-image:url(../../../../../themes/wcc/images/arrow2.gif);
	}

	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	.slideDown.absolute dd {
		position:absolute;
		background:#fff;
	}





/* Tooltips */
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
	}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../../../../../themes/wcc/images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
	}


/* Coin Slider */
#coin-slider { margin: 0 auto; overflow:hidden; }
.coin-slider { 
	overflow: hidden;
	zoom: 1;
	position: relative;
	}
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons { 
	display: none;
	font-size: 0px;
	padding: 10px;
	float: left;
	z-index:90000; position:relative
}
.cs-buttons a { 
	margin-left: 5px;
	height: 10px;
	width: 10px;
	float: left;
	border: 1px solid #322e30;
	background:#322e30;
	color: #009bd9;
	text-indent: -9999em; 
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(http://www.westerncapecollege.com/themes/wcc/js/PIE.htc);
}
.cs-buttons a:hover,
.cs-buttons a.cs-active { 
	background-color: #009bd9;
	border: 1px solid #009bd9;
	color: #fff;
}

	.cs-title { 
		width:100%; 
		padding: 10px 0; 
		background-color: #000;
		color: #fff;
		text-indent:10px;
		z-index:0;
		}

	.cs-prev, 
	.cs-next { 
		background-color: #000;
		color: #fff;
		padding: 0px 10px;
	}
	.cs-prev:hover,
	.cs-next:hover { background:#009bd9;}



/* Superfish Dropdown Menu */
.dd-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	float:	left;
	z-index:		99000000;
	position:relative
}
.dd-menu {
	line-height:	1.0;
}
.dd-menu a {
	text-decoration:none;
	color:#031a35;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 19px;
	display:block;
	font-size:18px;
	z-index:		99000000;
	position:relative;
	text-transform:uppercase;
	font-weight:bold;
	zoom:1;
}
.dd-menu a:hover, .dd-menu a.nav-selected { /* visited pseudo selector so IE6 applies text colour*/
	background: url(../../../../../themes/wcc/images/bg_menu.gif) top left repeat-x;
	color:#fff;
}
.dd-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.dd-menu ul li {
	width:			100%;
}
.dd-menu ul{
	width:			232px;
}
.dd-menu li li{
	padding-right:0;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.dd-menu li {
	position:	relative;
	background: url(../../../../../themes/wcc/images/bg_li.gif) top right no-repeat;
	padding-right:1px;
	float:left;
	line-height:66px;
	font-size:16px;
	z-index:		99000000;
	position:relative;
}
.dd-menu li li {
	font-size:13px;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	line-height:25px;
	border:none;
}
.dd-menu li li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background: url(../../../../../themes/wcc/images/bg_li1.gif) top left repeat-x;
	color:#657384;
	padding:0 20px 0 20px;
	line-height:34px;
	height:34px;
	overflow:hidden;
	display:block;
	font-size:13px;
	text-transform:capitalize;
}
.dd-menu li li a:hover, .dd-menu li li a.nav-selected {
	color:#fff;
	background: url(../../../../../themes/wcc/images/bg_li-act.gif) top left repeat-x;
}

.dd-menu a {
	display:		block;
	position:		relative;
}
.dd-menu li:hover ul,
.dd-menu li.sfHover ul {
	left:			0;
	top:			66px; /* match top ul list item height */
	z-index:		99000000;
}
ul.dd-menu li:hover li ul,
ul.dd-menu li.sfHover li ul {
	top:			-999em;
}
ul.dd-menu li li:hover ul,
ul.dd-menu li li.sfHover ul {
	left:			232px; /* match ul width */
	top:			0;
	margin-left:1px;
}
ul.dd-menu li li:hover li ul,
ul.dd-menu li li.sfHover li ul {
	top:			-999em;
}
ul.dd-menu li li li:hover ul,
ul.dd-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.dd-menu li:hover, .dd-menu li.sfHover,
.dd-menu a:focus, .dd-menu a:hover, .dd-menu a:active {
	outline:		0;
}
.dd-menu a.dd-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.dd-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .dd-sub-indicator {  /* give all except IE6 the correct values */
	top:50%;
	margin-top:-2px;
}

/* point right for anchors in subs */
.dd-menu ul .dd-sub-indicator { right:5px !important;}



/* Elements list */
.elements-list li {
	background:none !important;
	padding:0 0 13px 0 !important;
	position:relative;
	}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
		}


/* Tabs */
.tabs {
	clear: left;
	float: left;
	padding: 15px 0 30px 0;
	}
	.tabs ol {
		list-style-type: decimal;
		margin: 0 0 0 20px;
		}
		.tabs ol li {
			display: list-item;
			float: none;
			padding-bottom:5px !important;
			font-size:13px;
			color:#6b6a6a;
			}
	
	.tabs ul.nav { width:100%;}
		
	.tabs ul {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
			}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
			}
		.tabs .selected a {
			background: #f0f0f0;
			color: #000;
			padding-bottom: 10px;
			}
		.tabs a:hover {
			background: #f0f0f0;
			color: #000;
			}

		.tabs a {
			background:#000;
			color: #fff;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width: auto;
		max-width:940px;
		overflow:auto;
		}
		.tabs .tab-content .inner {
			padding:10px;
			}
	
	.tabs p { margin-bottom: 5px; }
	.tabs .tab-content strong { color:#000;}
	
	.tabs pre {
		margin:4px 0;
	}
	.tabs code {
		overflow:auto;
	}
	*+html .tabs code { overflow:visible;}


/* Twitter */
#twitter {
	margin-bottom: 2em;
	}

	#twitter h2 {
		margin: 0 0 5px 0;
		padding:.5em 1em;
		font-size: 1.5em;
		color: #fff;
		background-color: #888;
		letter-spacing:0;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}

	#preloader {

		margin: 0;
		padding: 1em 1em 1em 3em;
		text-indent:10px;
		background: transparent url(../../../../../themes/wcc/images/loader.gif) 1em center no-repeat;
		/* generate your own loader gif: http://www.ajaxload.info */
		}

	ul#twitter_update_list {
		margin: 0;
		padding: 0 0 0.5em 0;
		list-style-type: none;
		}
		ul#twitter_update_list li {
			margin: 0;
			padding: 0.8em 0 1em 1em !important;
			background:#f0f0f0;
			margin-bottom:7px;
			}
		ul#twitter_update_list li:hover {
			background-color:#009bd9;
			color:#fff;
			}
			ul#twitter_update_list li:hover a {
				color:#000;
				}

			ul#twitter_update_list li a {
				/* timestamp link */
				color: #000;
				}
			
				ul#twitter_update_list li span {
					display: block;
					}
				
				ul#twitter_update_list li span a {
					/* links in tweet */
					color: #009bd9;
					}
				
			ul#twitter_update_list li.firstTweet {
				
				}
			ul#twitter_update_list li.lastTweet {
				border-bottom: none;
				}
			
			a#profileLink {
				display: block;
				padding: 0.3em 1em;
				color: #fff;
				background-color: #000;
				}

/* Search form */
#search-form {
	position:absolute;
	left:675px;
	top:104px;
}
#search-form fieldset {
	border:none;
	}
	#search-form input[type=text] {
		background:#fff;
		border:none;
		padding:9px 0 8px 4px;
		width:170px;
		color:#000;
		}
	#search-form input[type=submit] {
		width:72px;
		border:none;
		height:33px;
		background: url(../../../../../themes/wcc/images/button.gif) top left no-repeat;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		}

/* News List */
.page-list-news {
	background-color: #e4f2f8;
	padding: 29px 29px 21px;
}
.page-list-news-item {
	margin-bottom: 16px;
	}
.page-list-news-item-image, .page-list-news-item-text {
	float: left;
	}
.page-list-news-item-image {
	width: 35%;
	}
.page-list-news-item-text {
	padding-left: 16px;
	width: 60%;
	}
.page-list-news-item-text h3 {
	line-height: 1em;
	margin-bottom: 8px;
	}

/*Dave Tehan additons*/

.super_footer {width:100%}
.super_footer tbody tr th, .super_footer td ul { padding-left:10px; }

.sidebar {font-size:22px; line-height:66px; margin-bottom:-13px; font-weight:bold; color:#fff; text-transform:uppercase; display:block; position:relative }

.links_heading {color:#ffffff; font-size:14px; background : #0E7BCA; font-weight:bold;padding:3px 0 0 5px;}

.links_box {background : #0E7BCA}

.links_link {color:#ffffff; font-size:14px; padding-left:8px; margin:0px;}

#main-area ul {list-style: disc; margin: 0; padding:10px 0 10px 25px;}

#main-area ul li {color:#878894;  margin 0; line-height:19px; padding:0;  font-size:13px;}

#main-area ol {line-height: 19px; margin: 0; padding:10px 0 20px 5px;}

#main-area ol li {color:#878894; margin 0; padding:0; line-height: 19px; font-weight:normal; font-size:13px;}

/*#main-area ul.list {list-style: none; }*/