@charset "UTF-8";
/* CSS Document */

body{
	margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background:url(/images/bg.jpg) #e8e4d9; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
#container{
	width:1000px; margin:0px auto;}
.topwrap{
	width:1046px; margin:0px auto; margin-top:15px; clear:both;}
.top{
	width:1024px; height:12px; margin:0px auto; clear:both;padding-top:14px;}
.topnav{
	color:#393d45; font-family:Arial, Helvetica, sans-serif; font-size:10pt; width:500px; height:19px; float:left;}
.zoom{
	position: relative;
	margin-top: -3px;
	margin-right: 23px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #818181;
	padding-left: 60px;
	top: -15px;
	left: -7px;
	}

.mainnav {
	background: url("/images/mainnav.jpg") repeat scroll 0 0 transparent;
	color: white;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	height: 18px;
	margin: 0 auto;
	padding-left: 10px;
	padding-top: 8px;
	width: 1000px;
	margin-left: -1px;
}
.mainnav a{
	position:relative;
	top:-2px;	
}

.mainnav a, links{
	text-decoration:none; color:#ffffff;}
.cid{
	width:1024px; height:159px; margin:0px auto; clear:both;}
.logo{
	background:url(/images/logo.png); width:295px; height:102px; float:left; margin-top:30px;}
.rightsocial{
	width:290px; float:right; margin-right:25px; padding-top:30px;}
.search{
	margin-bottom:45px; position: relative;left: -111px;}
.social{
	width:130px; height:30px; float:right;margin-bottom:7px;margin-top:-10px;}
.banner{
	width:1072px; margin:0px auto; clear:both;height:177px;
	}
.bannercopy{
	margin:75px auto 0 0px; float:left; font-size:20pt; font-family:arial narrow; color:#FFFFFF;}
.bannerimage{
	width:470px; height:173px; margin:0px auto; float: right;}
.bodywrap{
	width:1024px; margin:-90px auto 0; clear:both;}

/*discover*/
.clearAll{
	clear:both;	
}

.fpad {
padding: 10px;
float: left;
margin-left: -170px;
color: white;
text-align: left;
font-size: 11px;
}
.discover{
background: white;
width: 224px;
float: left;
margin-right: 0;
padding: 5px;
margin-top: -81px;
clear: both;}

.newMainWrap{
margin-top: 91px;
background: url(bodyWidthBackground.png);
}

.discoverukzn{
	background:url(/images/discover.jpg); background-repeat:no-repeat; width:183px; height:33px; margin:5px auto 15px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:42px; padding-top:7px;}
.student{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.staff{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.allumni{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.donate{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.studentres{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.awards{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.links{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.workshop{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.nepad{
	margin:0px auto; padding:5px; border-bottom:1px solid #f0eee8;}
.opportunities{
	margin:0px auto; padding:5px;}
.leftpanel2{
	width:736px; margin:0px auto; float:left; padding:10px;	
}
.leftpane{
	width:484px; margin:0px auto; float:left; padding:10px;}
.rightpane{
	width:235px; margin:0px auto; float:right;}
.newnews{
	width:235px; margin:0px auto; clear:both;}
.monthlyevents{
	width:235px; margin:5px auto 15px; clear:both;}

/*events*/

.events{
	background:#e8e4d9; width:224px; padding:5px;}
.eventsukzn{
	background:url(/images/events.jpg); background-repeat:no-repeat; width:183px; height:33px; margin:5px auto 0px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:42px; padding-top:7px;}
.first{
	width:224px;}
.event1{
	width:224px; margin:0px auto; clear:both; margin-bottom:5px;}
.event1date{
	width:40px; font-size:36px; margin:0px auto; float:left; margin-right:5px; color:#686868;}
.event1month{
	width:18px; font-size:10px; margin:0px auto; float:left; margin-right:5px;color:#686868;}
.event1body{
	font-size:10px; color:#686868;}
.event1hr{
	background:url(/images/eventline.jpg); width:224px; margin:0px auto; clear:both; height:1px}
.second{
	width:224px; margin-top:10px;}
.event2{
	width:224px; margin:0px auto; clear:both;}
.event2date{
	width:40px; font-size:36px; margin:0px auto; float:left; margin-right:5px; color:#686868;}
.event2month{
	width:18px; font-size:10px; margin:0px auto; float:left; margin-right:5px; color:#686868;}
.event2body{
	width:152px; float:right; margin:0px auto; font-size:10px; color:#686868; margin-bottom:15px;}
.event2hr{
	background:url(/images/eventline.jpg); width:224px; margin:0px auto; clear:both; height:1px;}
.mevent2hr{
	width:224px; margin:0px auto; clear:both; height:1px;}
.news{
	background:#FFF; width:754px; float:right; padding:5px;margin-top:-81px;}
.latestnews{
	background:url(/images/news.jpg); background-repeat:no-repeat; height:33px; margin:5px auto 0px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:42px; padding-top:7px;}
.month1body{
	width:224px; float:right; margin:0px auto; font-size:10px; color:#686868; margin-bottom:15px;}

/*Highlights*/

.bottom{
	background:url(/images/highlight.jpg); background-repeat:no-repeat; width:1072px; height:220px; margin:0px auto; clear:both;}
.ukznhighlight{
	width:984px; margin:0px auto; padding:20px;}
.research{
	height:100px; width:468px; float:left; margin:0px auto;}
.researchtop{
	width:465px; height:35px; margin:0 auto 20px; clear:both;}
.researchhighlight{
	padding:5px; float:left;}
.researchview{
	padding:5px; float:right; margin-top:10px;}
.researchbody{
	width:465px; margin:0px auto; clear:both;}
.block1{
	width:149px; height:100px; margin:0px auto; margin-right:3px; float:left;}
.block2{
	width:149px; height:100px; float:left;}
.block3{
	width:149px; height:100px; float:right;}
.highlightseparate{
	background:url(/images/highlightseparate.jpg); width:1px; height:195px; float:left; margin-left:8px;}
.highlight{
	height:100px; width:493px; float:right; margin:7px auto 0;}
.highlightop{
	width:465px; height:35px; margin:0 auto 12px; clear:both;}
.highlightheading{
	height:35px; float:left; margin:0 auto 12px; clear:both;}
.highlightview{
	padding:5px; float:right; margin-top:10px;}
.highlightbody{
	background:#5a5a5a; width:465px; margin:0px auto; clear:both; padding:15px; color:#FFFFFF;}
.bottombg{
	background:url(/images/highlightbg.jpg); background-repeat:no-repeat; width:1072px; height:24px; margin:0px auto; clear:both;}

/*Contact Section*/

.contact{
 width:100%; height:225px; margin:10px auto; clear:both;background:#C4D2D5;}
.contactinfo{
	background:url(/images/contact.jpg) #bec5c8; width:990px; margin:0px auto; clear:both; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:2em;}
.one{
	width:182px; margin:0px auto; float:left; margin-right:4px;}
.separate1{
	background:url(/images/separate.jpg); background-repeat:no-repeat; width:4px; height:192px; float:left; margin-right:23px;}
.two{
	width:340px; margin:0px auto; float:left; margin-right:30px;}
.separate2{
	background:url(/images/separate.jpg); background-repeat:no-repeat; width:4px; height:192px; float:left; margin-right:30px;}
.three{
	width:230px; margin:0px auto; float:left;}
.separate3{
	background:url(/images/separate.jpg); background-repeat:no-repeat; width:4px; height:192px; float:left; margin-right:16px;}
.four{
	width:110px; margin:0px auto; float:right;}

/*Footer section*/
.footwrapp2 {
	 background:url(/images/footwrap.jpg);
         background-repeat:repeat-x;
         width:980px;
         height:58px;
         clear:both;
         margin-left:auto; 
         margin-right:auto;
         margin-top:4px;
         padding: 10px;
         color: #ffffff !important;
         font-size: 11px;
         }

.footwrapp2 a {
    color: #FFFFFF !important;
}

.footwrap{
	 background:url(/images/footwrap.jpg); background-repeat:repeat-x; width:100%; height:58px; clear:both;margin-left:auto; margin-right:auto;}
.footer{
	background:url(/images/footer.jpg); background-repeat:no-repeat; width:1072px; height:58px; margin:0px auto;}
.details{
	 width:468px; height:30px; margin:0px auto; clear:both; color:#77797f; font-family:Arial, Helvetica, sans-serif; font-size:10px; float:left; margin-left:45px; margin-top:10px;}
 .login{
	background:url(/images/login.png); background-repeat:no-repeat; background-position:left; width:107px; height:35px; float:right; font-family:Arial, Helvetica, sans-serif; color:#818181; font-size:12px; padding-left:40px; margin-top:20px;}
	
.latestnews p{
	margin-top: 1px;
	font-weight: bold;
	letter-spacing: 1px;
}
	
h3{
	font-size: 16px !important;
font-family: Arial, Helvetica, sans-serif !important;
margin-top: 0px;
color: white;
letter-spacing: 1px;}
h2{
	color:#6d1019; font-family:Arial, Helvetica, sans-serif !important; line-height:1px;}
h1{
	color:#6d1019; font-family:Arial, Helvetica, sans-serif !important;}
a, links{
	text-decoration:none; color:#6D101A;}
.discover a, links{
	text-decoration:none; color:#666;}
	
	.SearchBtn
{
    background:url(/images/searchgo.png);
    border:0;
    width:21px;
	height:21px;
}

.details a {
    color: #E0E0E0;
}
.details a:hover {
    color: #CC3300;
}


.sfContentBlock a{
	color:#6D101A!important;	
}

.sfContentBlock a:hover{
	color:#333!important;	
}
.sfContentBlock{
	width: 600px;
	float: left;
	margin-top: -16px;
	padding-bottom: 10px;
	position: absolute;
	top: 30px;
	margin-left: -11px;
	}
.fourcol .fcol {
    float: left;
    height: 215px;
    width: 249px;
}
.fcolcontent {
    padding: 10px;
}
.fcolcontentborder {
    background: url("/images/botborder.jpg") no-repeat scroll right top transparent;
    height: 239px;
}
.entrytext a{
	color:#333!important;
		
}
.fcolcontent a{
	color:#333!important;
}
.zoom a{
	color:#333!important;	
}
.first .readmore a{
	color: #A10213!important;
font-weight: bold;
text-align: right;
float: right;
margin-right: 28px;
}
.footer a, a:link, a:visited, .tileft a:link, .tileft a:visited {
    color: #2B82E0;
    text-decoration: none;
}
 .fpad a{
		color:#FFF!important; 
 }
 .mainnav a{
	color:#FFF!important;	 
 }
.footer a:hover, .tileft a:hover {
 
    text-decoration: underline;
}
table tr td{
	font-size:12px;	
}
.fleft {
    float: left;
    width: 175px;
}
.fright {
    float: left;
    text-align: right;
    width: 780px;
}
.fpad {
    padding: 10px;
}
.fleft .fpad {
    margin: 10px;
    position: relative;
}
.fleft .text {
    left: 50px;
    position: absolute;
    top: 14px;
}
.fleft a img, .tileft a img {
    border: medium none;
}
.bannerimage img{
	marign-left:-42px;	
}
.fpadnew {
padding: 10px;
float: left;
margin-left: 0px;
color: white;
text-align: left;
font-size: 11px;
}
.fpadnew a{
	color:#FFF!important;	
}

.sf_listItemTitle, .sf_listItemTitleexp{
	color:#333;
}



table.sf_libraryGrid th, table.sf_libraryGrid td {
padding: 10px 5px;
vertical-align: top;
text-align: left;
border-top: 1px solid #CCC;
text-align: left;
font-size: 1em !important; 
}


/*News panel*/
.etitle {
    color:#C00;
    font-weight:bold;
    margin-top:6px;
}
.entryimg {
    float:left;
    width:95px;
    margin-top:6px;
}
.entryimg img {
   width:95px;
}
.entrydetails {
    float:left;
    width:235px;
}

.RadMenu {
    white-space: normal !important;
}

.RadMenu .rmItem {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EEEEEE !important;
    float: left;
    list-style: none outside none;
    position: relative;
}

.rmText {
    padding: 0 10px 1px 10px !important;
    width: 188px;
}

.rmText:hover {
    background-color: #cccccc !important;

}


.RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: none !important;
}

.rmSlide {
    display: none;
    left: 220px;
    overflow: hidden;
    top: -172px;
    visibility: visible;
    width: 220px !important;
    z-index: 17;
}

.rmVertical rmGroup rmLevel1 {
    display: block;
    left: -222px;
    top: 0;
    visibility: visible;
    width: 220px !important;
}