@font-face {
    font-family: futura;
	src: url("/downloads/font/FUTURAN.TTF");
	font-weight: 600;
}
h1{font-family: Arial, futura,'Muli'; color: #0073A4; font-size:20px; font-weight: 400;}

h2{font-family: Arial, futura,'Muli'; color: #454545;  font-size:20px; font-weight: 400;}

h3{font-family: Arial, futura,'Muli'; color: #454545; font-size:20px; margin:0; font-weight: 400;}

h4{font-family: Arial, futura,'Muli'; color: #067591; font-size:20px; font-weight: 400;}

body{
	margin: 0 auto;
	padding: 0px;
	font-family: Verdana;
	font-size: 11px;
	color:#333333;
}

img{
	border: none;
	display: block;
}


a.utility_logo:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#content_banners{
	padding: 10px 0px 10px 0px; /*top left bottom right*/
	border: none;
	display: block;
}

/* qknav_holder div */
/*#qknav_header_holder{
	margin: 0 auto;
	width: 940px;
	height: 80px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	margin: 0 auto 10px;
}*/
.linebrake{
	width: 940px;
	border-bottom:1px solid #cccccc;
	margin: -15px auto 10px;
	}
/* qknav_holder div */
#qknav_header_holder{
	width: 940px;
	margin: 0 auto 0px;

}
#heading_div{
	padding: 0px;
}

/* end qknav_holder div */

/* holidays divs */
#highlight_notice_holder1{
	text-align: -moz-center;
	position: absolute;
	width: 100%;
	top: 877px;
	visibility:hidden;
}
#highlight_notice_holder2{
	text-align: -moz-center;
	position: absolute;
	width: 100%;
	top: 795px;
	visibility:hidden;
}
/* end holiday divs */

/*home_page_divs*/
#hp_featured_holder{
	overflow: none;
	height:175px;
	width:610px;
	background-color:#d0dae6;
	border-left-color:#a3b5c7;
	border-left-width:1px;
	border-right-color:#a3b5c7;
	border-right-width:1px;
	border-left-style:solid;
	border-right-style:solid;
}
#hp_featured_cell{
	width: 500;
	padding: 13px 10px 10px 10px; /*top left bottom right*/
}
#hp_gallary_news_holder{
	width: 100%;
}
#hp_gallary_news_cell{
	overflow: none;
	width: 940px;
	margin: 0 auto;
	/*height: 210px;*/
	padding: 0px 0px 11px 0px; /*top left bottom right*/
	/*background-image: url(/images/uct.ac.za/home/hp_extra_bg30.gif);*/
	background-repeat: repeat-x;
}
#hp_left_left_holder{
	width: 145px;
	float: left;	
	padding: 0px 0px 0px 0px; /*top left bottom right*/
}
#hp_left_holder{
	width: 145px;
	float: left;
	padding: 0px 20px 0px 20px; /*top left bottom right*/
}
#hp_main_holder{
	width: 610px;
	float: left;
	padding: 0px 0px 0px 0px; /*top left bottom right*/
	overflow:auto;
} 
#hp_left_left_banner{
	width:143px;
	padding: 12px 0px 0px 0px;  /*top left bottom right*/
	background-color:#e9e9e9;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
	border-radius: 4px;
}

/*end home page divs */

/* content holder divs */
#main_content_holder{
	margin: 0 auto;
	width: 940px;
}
#left_content{
	width: 155px;
	float: left;
	padding: 0px 10px 20px 0px; /*top left bottom right*/
}
#middle_content_two {
	width: 766px;
	float: left;
	padding: 0px 0px 0px 9px; /*top left bottom right*/
}

#middle_content_three{
	width: 591px;
	float: left;
	padding: 0px 0px 0px 0px; /*top left bottom right*/
	overflow:auto;
} 
.imgauto img{
  width: inherit;  
  max-width: 100%; 
  height: auto;
}
#right_content{
	width: 145px;
	float: left;	
	padding: 0px 20px 20px 9px; /*top left bottom right*/
}
#fin_aid_container{
	width: 766px;
	float: left;
	padding: 0; /*top left bottom right*/
}
#fin_aid_buttons{
	height: 48px;
	width: 748px;
	background-image: url(/images/uct.ac.za/apply/funding/bg_fin.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	padding-top: 2px;
}
/* end content holder divs */

/* Start of Footer holder div */
#footer_holder{
	height: 224px;
	width: 100%;
	background-image: url(/images/uct.ac.za/footer/footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #d1dae4;
	
}
#footer_cell{
	overflow: none;
	height: 224px;
	width: 940px;
	margin: 0 auto;
}
#footer_text{
	font-family: Arial;
	font-size: 11px;
}
#footer_quicklincks{
	font-family: Arial;
	font-size: 11px;
}
/* End of Footer holder div */

/*new Utility holder CSS*/

.qucklinksmenu{
	font-family: Arial;
	position: relative;
	height: 32px;
	text-align:left;
}
.qucklinksmenu li a{
	color: #fff;
	display: block;
	padding: 2px 15px;
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
}
.qucklinksmenu li a:hover{
	background: #0090cf;
	color: #fff;
	text-decoration: none;
}
.sub
{
	background: #005590;
	position: absolute;
	z-index: 3;
	padding: 40px 0 3px;
	border-radius: 3px;
	border-left: 1px solid #fff;
	display: none;
	width: 197px;
}

a.hover-link:hover,
.hoverclass{
	transition: color 0.5s ease;
	color: #fefefe !important;
	transition: background 0.5s ease;
	background: #0090cf !important;
	text-decoration: none;
}
a.hover-link{
	transition: color 0.5s ease;
	transition: background 0.5s ease;
	width: 185px;
	font-size: 16px;
	color: #ccc;
	position: absolute;
	z-index: 4;
	display: block;
	padding: 11px 0 0px 12px;
	height: 29px;
	cursor:pointer;
	font-weight: bold;
	border-left: 1px solid #fff;
	text-decoration: none;
	margin-top: -4px;
	background: #005590;
	text-align: left;
}
.sub-options{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 11px;
}


/**/


/* Start of Utility holder div */
#util_holder{
	overflow: none;
	height:40px;
	width: 940px;
	background-color: #fefefe;
	margin: 0 auto;
}
/* text size part on the page */
a.text_size_on:link, a.text_size_on:active, a.text_size_on:visited, a.text_size_on:hover, a.text_size_on:visited:hover{
	border: 1px solid #0772a1;
	text-decoration: none;
	font-weight: bold;
	color: #6b6a70;
}

a.text_size:link, a.text_size:active, a.text_size:visited{
	border: 1px solid #d1dae4;
	text-decoration: none;
	font-weight: bold;
	color: #6b6a70;
}

a.text_size:hover, a.text_size:visited:hover{
	border: 1px solid #0772a1;
	font-weight: bold;
	text-decoration: none;
	color: #6b6a70;
}
/* links and text */

/* default link */
a:link, a:active{
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
a:visited{
	font-weight: bold;
	color: #1284C6;
	text-decoration: none;
}
a:hover, a:visited:hover{
	font-weight: bold;
	color: #006699;
	text-decoration: underline;
}

/* End Utility holder div */

/* Start of header holder div */
#header_holder{
	height:176px;
	width:100%;
	/*background-image: url(/images/uct.ac.za/header/top_banner_trans1.png);*/
	/*background-image: url(/images/uct.ac.za/header/rainbow3.png);*/
	 background-image: url(/images/uct.ac.za/header/top_banner_bg_new.png);
	/* background-image: url(/images/uct.ac.za/header/head_freedom_colours.png);*/
	/* remember the down arrow in nav_style.css and search box below and edit top.tpl*/
	/* background-image: url(/images/uct.ac.za/header/top_banner_bg_g.gif);*/ /*green*/
	/* background-image: url(/images/uct.ac.za/header/top_banner_bg_p.gif);*/ /*pink*/
	/* background-image: url(/images/uct.ac.za/header/top_banner_bg_r.gif);*/ /*red*/
	/* background-image: url(/images/uct.ac.za/header/top_banner_bg_o.gif);*/ /*orange*/
	/*background-image: url(/images/uct.ac.za/header/top_banner_bg_m_remember.gif);*/ /*m*/
	/*background-image: url(/images/uct.ac.za/header/top_banner_ikey_f.gif);*/ /*ikey*/
	/*background-repeat: repeat;*/ /*repeat*/
	background-repeat: no-repeat; /*repeat-x repeat*/
	background-color: #0099ff; 
	/*background-color: #0481db;*/ /*20 years of freadom*/
	/*background-color: #4e872f;*/ /*green*/
	/*  background-color: #ff92df;*/ /*pink*/
	/*background-color: #95171b;*/ /*red*/
	/*background-color: #f58236;*/ /*orange*/
	/*background-color: #1f1f1f;*/ /*m*/ 
	/*background-color: #1a315d;*/ /*ikey*/
	background-position: 50% 0%; 
}
#header_cell{
	width:940px;
	height:176px;
	position:relative;
}
#header_holder a:link,#header_holder a:active, #header_holder a:visited{
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	
}
#header_holder a:hover, #header_holder a:visited:hover{
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
} 
#header_logo
{	
	padding-top:9px;
	padding-left:18px;
	position:relative;
	float:left;
}

#top_links{
	text-align:right;
	float:right;
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	color: #fff;
	padding-top:20px; 
	padding-right:20px;
	position:relative;
}
#top_links a{
	/*color: #000 !important;*/
}

.site_search{
	border:0;
	background: #046eb4 url(/images/uct.ac.za/header/header_search_bg_long.gif) no-repeat scroll right top;
	/*background: #046eb4 url(/images/uct.ac.za/header/header_search_bg_p_long.gif) no-repeat scroll right top;*/  /*pink*/
	/*background: #046eb4 url(/images/uct.ac.za/header/header_search_bg_r.gif) no-repeat scroll right top; */ /*red*/
	/*background: #046eb4 url(/images/uct.ac.za/header/header_search_bg_long_o.gif) no-repeat scroll right top;*/ /*orange*/
	/*background: #1f1f1f url(/images/uct.ac.za/header/header_search_bg_long_m.png) no-repeat scroll right top;*/ /*m*/
	background-color: transparent;
	height:20px;
	width:210px; /*width:112px;*/
	font-size: 14px;
	font-family: Arial;
	/*text-align: center;*/
	color: #000000;
	padding-top: 0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
}
.side_search{
	border-left-color:#a5acb2;
	border-left-width:1px;
	border-left-style:solid;
	border-top-color:#a5acb2;
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-color:#a5acb2;
	border-bottom-width:1px;
	border-bottom-style:solid;
	background-color: transparent;
	height:16px;
	width:130px; /*width:120px;*/
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	color: #000000;
	padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
/* End of header holder div */

/* Start of horizontal rule style */

.horizontal_rule
{
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    background-image: url('/images/uct.ac.za/shared/horizontal_rule.gif');
    
    margin: 15px 0px;
}
.horizontal_rule_one
{
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    
    border-bottom: dotted 1px white; 
    margin: 9px 0px;
}

/* End of horizontal rule style */
/* Featured Slider Style*/
	#slider {
				  width: 608x;
				height:212px;
				 
				/*IE bugfix*/
				padding:0;
				margin: -13px 0 0;
			}
			#slider li { list-style:none; padding-top:0px; border }
			b.subhead { margin-top: 15px; }
	
			#page {width: 610px;margin:-10px;height: 212px;}
			/*.hp_featured_holder{-moz-border-radius: 10px;padding-right: 2px;
								-webkit-border-radius: 10px;
								border-radius: 10px; /* future proofing */
								-khtml-border-radius: 10px; /* for old Konqueror browsers */}
			.hp_featured_holder img{-moz-border-radius: 10px;padding-right: 2px;
									-webkit-border-radius: 10px;
									border-radius: 10px; /* future proofing */
									-khtml-border-radius: 10px; /* for old Konqueror browsers */}*/
									
			.image { 
				   position: relative; 
				   width: 100%; /* for IE 6 */
				}
			.copy-container{
				position: absolute; 
				width:610px;
				height:67px;
				background: rgb(0, 0, 0); /* fallback color */
				background: rgba(0, 0, 0, 0.7);
				top: 145px; 
				}
			.copy { 
				   position: absolute; 
				   top: -22px; 
				   left: 14px; 
				   width: 84%; 
				}
				.copy span { 
				   color: white; 
				}
				.copy b { 
				   color: white; 
				}