/*--------------------------------------------------------------------*/
/*--- CSS that defines the visual architecture of the RU website    --*/
/*--- Version 3.0  20 April 2012  Author: Gary, Ian, Sean           --*/
/*--- T4 Object: default.css (med_id=44086)                         --*/
/*--------------------------------------------------------------------*/

/*	character set used for this document */
@charset "utf-8";

/*  V3 Fonts */
@font-face {
		font-family: HelveticaNeue;
		src: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-condensed-webfont.eot'); /* /fonts/helveticaneue-condensed-webfont.eot */
		src: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-condensed-webfont.eot?#iefix') format('embedded-opentype'), /* /fonts/helveticaneue-condensed-webfont.eot */
			 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-condensed-webfont.woff') format('woff'), /* /fonts/helveticaneue-condensed-webfont.woff */
			 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-condensed-webfont.ttf') format('truetype'), /* /fonts/helveticaneue-condensed-webfont.ttf */
			 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-condensed-webfont.svg#HelveticaNeueRegular') format('svg'); /* /fonts/helveticaneue-condensed-webfont.svg */
		font-weight: normal;
		font-style: normal;

	}

	@font-face {
		font-family: HelveticaNeueBC;
		src: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-boldcond-webfont.eot');/* /fonts/helveticaneue-boldcond-webfont.eot */
		src: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'), /* /fonts/helveticaneue-boldcond-webfont.eot */
			 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-boldcond-webfont.woff') format('woff'), /* /fonts/helveticaneue-boldcond-webfont.woff */
			 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-boldcond-webfont.ttf') format('truetype'), /* /fonts/helveticaneue-boldcond-webfont.ttf */
			 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/helveticaneue-boldcond-webfont.svg#HelveticaNeueRegular') format('svg'); /* /fonts/helveticaneue-boldcond-webfont.svg */
		font-weight: normal;
		font-style: normal;
	
	}




body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0 0 0 auto;
	min-width:1000px; /* for ie but may not be right */
	padding: 0;
	color: #000;
}

h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 0px; margin: 0px; }
h1 { font-size: large }

#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;  background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
#main { padding: 1em; }
a img { border: none; }

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {  padding: 0px;	margin: 0px;}
h1, h2, h3, h4, h5, h6, p {	margin: 0px; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;/* WAS padding-left: 15px; */}

a img { border: none;}


a:link { color: #42413C; text-decoration:none; }
a:visited {	color: #6E6C64; text-decoration: none;}
a:hover, a:active, a:focus { text-decoration: underline;}

.wrap {	width: 974px;	background: #FFF;	margin: 0 auto; position:relative;}


.content ul, .content ol { 	padding: 0px 15px 15px 40px; }
ul.nav {	list-style: none;	border-top: 1px solid #666; 	margin-bottom: 15px; }
ul.nav li {	border-bottom: 1px solid #666; }
ul.nav a, ul.nav a:visited { 	padding: 5px 5px 5px 15px;	display: block; width: 160px;  	text-decoration: none;	background: #C6D580;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 	background: #ADB96E;	color: #FFF;}
.fltrt {  	float: right;	margin-left: 8px;}
.fltlft { 	float: left;	margin-right: 8px;}
.clearfloat { 	clear:both;	height:0;	font-size: 1px;	line-height: 0px;}


/* optional background images for the wrap */
.bg-left  { position:absolute; float:left;  left:-185px;  width:185px; height:100%; background:url(images/backgrounds/compsci-bg.png) 0 0 repeat-y; z-index:-1; }
.bg-right { position:absolute; float:right; right:-185px; width:185px; height:100%; background:url(images/backgrounds/compsci-bg.png) 0 0 repeat-y; z-index:-1; }

/* optional drop shadows to frame wrapped content  */
.border-left  { position:absolute; float:left;  height:100%; width:32px; left:-20px;  background:url(images/borders/default-left.png) repeat-y; z-index:200; }
.border-right { position:absolute; float:right; height:100%; width:32px; right:-13px; background:url(images/borders/default-left.png) repeat-y; z-index:200; }


/* --------------------------- */

/* primary container framework - Sets positioning, max width and margins for all primary framework elements */
.masthead, .nav, .nav-static, .banner, .nav-crumbs, .crumbs, #columns, .persona, .force-wrap, .mastfoot { position:relative; width:940px; margin:0 auto; }

.banner-carousel-wrap{ position:relative; width:939px; margin:0 auto;  padding-bottom: 10px; }

/* .mast* globals */
.masthead, .mastfoot { font:11px/20px Verdana, Arial, Helvetica, sans-serif; color:#888; }
.masthead { height:120px; }
.masthead .right-justify { top:10px; }

/* ===================================================================================================================== */
.force-wrap { height:120px; } /* wrap's bottom-margin must equal mastfoot height */
.mastfoot   { height:120px; } /* wrap's bottom-margin must equal mastfoot height */
.mastfoot .right-justify { top:24px; text-align:left; padding-right:30px; }

/*Border fadeOut */
.mastfoot {	width:950px; border: 1px solid #cfcfcf;	border-bottom: 0 none;	position: relative;	background:-moz-linear-gradient(center top , #F9F9FA 33%, #FFFFFF) repeat scroll 0 0 transparent no-repeat;	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9FA), to(white)) no-repeat;	border-radius: 10px;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;}
.mastfoot-logo { background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/mastfoot-logo.png'); width:208px; height:51px;	margin:30px 0 0 40px; }

/* ===================================================================================================================== */
/* defaults for right justified mast* containers */
.right-justify { position:relative; float:right; text-align:right; }

/* site specific masthead customisations */
.site-name { position:absolute; right:375px; width:200px; text-align:right; font:33px/42px "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:-2px;	padding-top:20px; display:none; 	text-shadow:1px 1px 2px #999;
}
/* these are now the "banners" in the generator designed site */
.site-img { margin-top:5px; float:right; width:360px; height:90px; -moz-border-radius:5px; /* Firefox */ -webkit-border-radius:5px; /* WebKit */ }
.page-img { height:155px; width:440px; display:none; -moz-border-radius:5px; /* Firefox */ -webkit-border-radius:5px; /* WebKit */  }
/* default back buttons */
.back-home { position:absolute; width:200px; right:375px; top:55px; text-align:right; }
.back-top {}



/* =============================================================================================================== */
.masthead h1{  padding-top: 70px;}
.masthead h1 a{font-family: HelveticaNeue,Helvetica,Arial,sans-serif; font-size: 28px; /* text-transform: none; */}
.masthead h1 a:hover{text-decoration: none;}  

/* mast* -logo images and set homepage link dimentions and positioning */
.masthead-logo, .mastfoot-logo { position:relative; display:block; float:left; clear:none; background-repeat:no-repeat; }
.masthead-logo { background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/masthead-logo.png'); width:303px; height:74px; margin:25px 0 0; }

/* .mast* link defaults */
.masthead a, .mastfoot a { color:#369; text-decoration:none; }
.masthead a:hover, .mastfoot a:hover { color:#369; }
.masthead a:active, .mastfoot a:active { color:#333; }

/* navigation elements - masthead */
.masthead-right {	position: absolute;	float:right;	right:20px;	width:600px;line-height:0;}

/* INSERTED TOP NAV */
.nav-masthead {	position: absolute;	float:right; right:-20px; font-size:12px; border-radius:5px; -moz-border-radius:8px;	-webkit-border-radius:8px;	box-shadow: -1px 1px 1px #E1E1E1;	margin: 0px 5px 0 0;}
.nav-masthead ul {list-style:none; margin:0px 0px 0px 0px;	padding:11px 0px 0px 0px;}
.nav-masthead li {display:inline; float:left; padding:0px 0px 0px 0px; margin:0; line-height:15px;}
	
.top-nav-highlight {	}
	
.nav-masthead a,.nav-masthead a:visited {color:#728eb0;	font-size:13px;	padding:0 10px 0 11px; vertical-align:bottom;	}
.nav-masthead a:hover {text-decoration:none; color:#9158a1;}
	
.nav-masthead-pipe{width:1px; height:15px; border-right:1px dotted #6a207f; float:left; margin:1px 0px 5px 0px;}

/* Search ---------------- */
/* Set the images for the input box, submit button and its hover state */
/* search input element globals */
.search-box { position: absolute; float:right; 	text-align:right; white-space: nowrap; width:455px; top:45px; left:170px;}
#search-form {float:left; padding-left:20px;}
.search-submit, .search-submit:hover {  border:1px solid #369; -moz-border-radius:5px; -webkit-border-radius:5px; }
/* images for the input box, submit button and its hover state */
.search-submit {position:relative; left:8px; float:left; width:64px; height:28px; background:#88abd0 right no-repeat; /*	background:#88abd0 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/go-search-button.png') right no-repeat; */ border-radius:7px;	-moz-border-radius:7px;	-webkit-border-radius:7px; margin:0; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); font-size:13px; font-weight:bold; color:#FFF;}

.search-submit:hover {background-color:#9056b2; background:#369 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/search-submit-hover.png') repeat-x; }
.search-input {	float:left;	height:20px; padding:3px 0px 3px 5px; color:#818181; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	border:1px solid #369; 	-moz-border-radius:7px; 
	-webkit-border-radius:7px; 	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/search-input.png') repeat-x; }

.social-media-containers { width:220px;	float:left;	position:relative; left:180px; top:90px;}
.social-media-containers div {float:left;}
.social-media-containers .twitter {margin:0px 0px 0px 8px;	}

.crumbs-social-media-containers{float:right;}
.crumbs-social-media-containers div{float:right; padding-left:10px; }

.homepage-ru {	margin:0px 10px 0px 0px;	float: right;}
.homepage-ru img {	height:45px;}

.masthead-weather {	position: relative; float:right; text-align:right; 	white-space: nowrap; top:105px;	font:11px Arial;
}

/* ============================================================================================================== */
.banner-image-ribbon{	padding-left:16px;}

/* ============================================================================================================== */
/* navigation elements - dynamic menu */
.nav {	background:url('default/nav.png') repeat-x;	height:30px;	font:14px/27px Arial, Helvetica, sans-serif;	text-indent:10px;    -moz-border-radius:5px; /* Firefox */    -webkit-border-radius:5px; /* WebKit */	overflow:hidden;}
.nav a, .nav a.hover { position:relative; color:#fff; text-decoration:none; padding:6px 7px 8px; }
.nav a.hover { color:#fff; background:url('default/nav-hover.png') repeat-x; }
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.item.hover {  background: url('default/nav-hover.png') repeat-x; color:#fff; }
/* login-out link - make it stand out */
.nav .login-out { position:absolute; right:12px; }

/* .nav-static 		================================================= */
/* Static Landing page Navigation Elements and page crumbs */
.nav-static {	height:43px;	 	background:#bc70e7 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav-static.png') repeat-x !important;	/*	border:2px solid #ddd;	*/	white-space:nowrap;	    -moz-border-radius:7px;     -webkit-border-radius:7px; 	text-align:center;}
.nav-static div {	width:885px;	margin:0 auto;	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav-static-pipe.png') left no-repeat;	height:100%;	/*margin:0px 0px 0px 0px;*/}
.nav-static-shadow {	width:940px;	margin:0 auto;	height:15px;	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav-static-shadow.png') no-repeat;	}
/* Create angled link seperator pipes and define link state colors */
.pipe-arrow {	position:relative; 	display:inline-block; width:22px; height:43px; background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav-static-pipe.png') no-repeat;	background-position:left; top:-1px; margin:0px -20px 0px 0px; float:left; display:none;	}
.nav-static a {	float:left; font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; color:#fff; margin:0px 0px 0px 0px; padding:15px 15px 13px 15px;	background-position:bottom;	text-transform:uppercase; font-size:13px; letter-spacing:1px; background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav-static-pipe.png') no-repeat right;}
.nav-static a:hover { color:#fff; text-decoration:none;	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/over_highlight.png') center repeat-x; background-position:top;}
.nav-static a:active {	color:#ccc; }
/* =========================================================================== */

/* navigation elements - crumbs */
.nav-crumbs {height:30px; background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav.png') repeat-x; white-space:nowrap; text-align:center;	text-shadow:1px 1px 2px #555; -moz-border-radius:5px; /* Firefox */ -webkit-border-radius:5px; /* Webkit */ overflow:hidden; z-index:2;}
.nav-crumbs a { position:relative; top:5px; font:15px Arial, Helvetica, sans-serif; color:#fff; padding:0 7px; }
.nav-crumbs a:hover { background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/nav-hover.png') repeat-x; color:#fff; text-decoration:none; padding:4px 7px 3px; -moz-border-radius:3px; -webkit-border-radius:3px }
.nav-crumbs a:active { color:#ddd; }

.crumbs {  font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; height:25px;  border-bottom: 1px dotted #B9B9B9;  margin-top:0px; z-index:1;}
.crumbs a {  text-decoration:none;   padding-left: 5px;  padding-right: 5px;   text-transform: uppercase; }
.crumbs a:hover { text-decoration:underline; }
.crumbs .crumbs-home { font-weight:bold; font-size:14; text-decoration:none; }

.banner { height:180px; margin:0 auto 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* =================================================================================================================== */
/* banner and carousel globals */


/* =================================================================================================================== */
/* Ians Banner Carousel
/* Define jQuery carousel and related links */

.banner-carousel {	
	height:273px; 
	margin:7px auto; 
	margin-bottom:12px; 
}

.banner-carousel-text { 
	position:absolute;	
	width:253px; 
	height:252px; 
	top:0;
	left:0;
	z-index:2;
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/pngGrad.png');
	/*
	background-image:url(default/panel-gradient.png);
	background-repeat:no-repeat;
	background-position:bottom right;	
	*/
	padding:18px 23px 0px 23px;
}
	
.banner-carousel-text h1 { 
	font-weight:normal; 
	color:#fff;	
	font-family:HelveticaNeue, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:27px;
	line-height:26px;
  	padding-bottom:10px;
}
	
.banner-carousel-text h2 {	
	font-weight:normal; 
	color:#eee; 
	text-shadow: 1px 1px 2px #333; 
	line-height:20px;	
	margin-bottom:10px; 
	font-size:12px;
	line-height:16px;
}

.banner-carousel-text ul { 
 margin: 0 0 6px 10px;
 list-style-type: none;
 padding: 0
}

li.banner-carousel-link { 
	list-style-image: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/carousel-bullet.png'); 
	margin:0px 0px 0px 13px; 
	padding:0;
  
}
	
li.banner-carousel-link a { 
	font-size:12px; 
	vertical-align:top; 
	color:#ddd; 
	text-shadow: 1px 1px 2px #333; 
	position:relative; 
	top:3px;
	text-decoration:non;
 font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
}
	
li.banner-carousel-link a:hover { 
	text-decoration:underline;
	color:#abc3dd;
}	
	

/* Create an individual container instance for the carousel images  */
.banner-panel { position: relative; }

/*
.banner-panel { position:relative; display:inline-block; width:200px;	height:166px; border-right:1px solid #fff; } */
/* Create transparent black subpanel overlay, caption links and corresponding text description */
.banner-subpanel {
	position:relative;
	background:#000;
	width:626px;
	height:50px;
	top:205px;
	left:299px;
	padding:4px 10px;
	opacity: 0.70; /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	color:#fff;
	padding:15px 0px 0px 15px;	

}

.banner-subpanel a { 
	font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
	color:#fff; 
	font-weight:bold;	
}
	
.banner-subpanel a:hover {	color:#fff; }

.banner-subpanel h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
  	color:#fff;
}

.banner-subtext { 
	position:relative; 
	font-size:13px;
 font-size:12px;
	padding:0 0 0 15px; 
	color:#fff; 
	top:175px; 
	left: 299px;
  font-family:Arial, Helvetica, sans-serif;
  width:625px;
}

.banner-subtext a:hover{color:#fff; }
.banner-subtext a 	{color:#fff; }
.banner-subtext p 	{color:#fff;  font-size: 12px; font-family:Arial, Helvetica, sans-serif; }

.banner-read-more-subpanel-link {
	width:auto;
	height:23px;
	float:right;
	position:relative;
	top:140px;
	right:10px;
  	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/events-link-bg.png') repeat-x;
  	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.banner-read-more-subpanel-link a {
  	font:Arial, Helvetica, sans-serif;
			height:23px;
  	padding: 0 10px 0 10px;
			position:relative;
			top:4px;
}

.banner_carousel_events-link {
	position:absolute;
	bottom:12px;
	left:-4px;	
	text-decoration:none;
	color:#000;
  font:Arial, Helvetica, sans-serif;
}
	
.banner_carousel_events-link:hover {
	text-decoration:none;	
}
	
.banner_carousel_events-link .banner_carousel_events-link-body {
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/events-link-bg.png') repeat-x;
	height:41px;
	width:180px;
	float:left;
}
		
.banner_carousel_events-link-body .banner-calendar-container,
.banner_carousel_events-link-body .banner-calendar-container:hover {
	width:57px;
	height:32px;
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/cal-bg-land.png') no-repeat;
	position:relative;
	top:5px;
	left:14px;	
	float:left;	
}
			
.banner_carousel_events-link-body .banner-calendar-container p {
	float:left;
	margin:0;
	padding:10px 0px 0px 8px;
	font-weight:bold;
	font-size:10px;	
}	
		
.banner_carousel_events-link-body .banner-text-container {		}
				
.banner_carousel_events-link-body .banner-text-container p {
	float:left;
	margin:13px 0px 0px 24px;
	padding:0;	
	font-size:13px;
 font:Arial, Helvetica, sans-serif;
}
		
.banner_carousel_events-link .banner_carousel_events-link-cap {
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/events-link-tip.png') no-repeat;		
	height:41px;
	width:21px;
	float:left;
}

.banner_carousel_events-link .banner_carousel_events-link-corner {
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/events-link-corner.png');
	position:absolute;
	top:-5px;
	left:-1px;
	height:5px;
	width:5px;
}

/* =================================================================================================================== */
#columns {
	margin-top:0;
	padding-top:14px;
	position:relative;
}
  
/* containers for .widget structures !CAUTION: IE BREAKS EASILY. YOU BREAK, YOU BUY! */
/* 3 #columns layout and global defaults */
#columns .column { float:left; display:block; width:33.3%; min-height:200px; height:auto !important; height:200px; margin:0 20px 0 0; }
/*	adjust width of #column* - used to modify percentage defaults */
#columns #column1 { width:210px !important; }
#columns #column2 { width:460px !important; }
#columns #column3 { width:230px !important; margin-right:0 }
/*	stablise global layout margins for all .widget elements - This fixes the widget jumping bug from the previous version */
#columns #column1 .widget, #columns #column2 .widget, #columns #column3 .widget, #columns #column1 .widget-placeholder, #columns #column2 .widget-placeholder, #columns #column3 .widget-placeholder { margin: 0 10px 10px 0; -moz-border-radius:7px; /* Firefox */ -webkit-border-radius:7px; /* WebKit */ }
/* widget border width - I know it's a strange way of doing it but it works in one shot ;) */
#columns .widget { padding:1px; }
/* prevent li containers in widgets from having bullets */
#column1, #column3 { list-style:none; }
/* widget placeholder: This is what you see while dragging the box to a new position */
.widget-placeholder { background:#eee; border:1px dashed #999; }
/* standard .widget head and border colors */
.color-red    { background:#DF7171; }
.color-orange { background:#ECA871; }
.color-yellow { background:#EACF71; }
.color-green  { background:#B7D171; }
.color-blue   { background:#7AB7C2; }
.color-purple { background:#A580AF; }
.color-white  { background:#f3f3f3; }
/* swap widget head font colors based on background: this ensures that widget titles don't disappear imto their background color */
.color-orange h3, .color-yellow h3, .color-green h3 { color:#222 !important; }
.color-red h3, .color-blue h3, .color-purple h3 { color:#fff !important; }

/* widget container globals */
/* widget-head background and link states */
#columns .widget .widget-head { 	width:100%;	height:30px;	line-height:30px;	overflow:hidden;	border-radius:7px;	-moz-border-radius:7px;	-webkit-border-radius:7px;	border:1px solid #aeaeae;	background: #E1E1E1 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/header-overlay.png') repeat-x ;	text-transform:uppercase;}

#columns .widget .widget-head:hover { background: #F6F6F6 url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/header-overlay.png') repeat-x ;}
/* widget-head font re-size and spacing */
#columns .widget .widget-head h3 { float:left; font-size:1.5em; padding:2px 0 3px 7px; text-shadow:1px 1px 2px #bbb; }
/* widget-content container */
#columns .widget .widget-content { background:#fff; overflow:hidden;  }
/* widget-foot background and link states */
#columns .widget .widget-foot {	font:10px/20px Arial, Helvetica, sans-serif; color:#369;	width:100%;	text-indent:10px; overflow:hidden; 	-moz-border-radius:0 0 5px 5px; /* Firefox */
    	-webkit-border-radius:0 0 5px 5px; /* Webkit */
}
#columns .widget .widget-head h3 { color:#575757 !important; margin-top:-1px; text-shadow:none !important; -moz-text-shadow:none !important; -webkit-text-shadow:none !important; font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size:16px !important;	font-weight: bold;}
	
#columns .widget .widget-head h3 strong{
		font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif;
}

#columns .widget .widget-foot a { color:#369; no-repeat 0 2px ; padding-left:12px; }

/* custom widget-head containers */
#column2 .widget-head h3 { font-size:1.8em !important; }
/* Gallery container and pic link states */

li#widget2 .widget-content { background-color:#f3f3f3 !important; padding:8px 0 0 4px !important; }
.pic { float:left; width:140px; height:100px; -moz-border-radius:5px; /* Firefox */ -webkit-border-radius:5px; /* Webkit */ margin:0 0 7px 8px; }
.pic:hover { opacity: 0.8; /* Firefox, Webkit */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ }
.pic a { width:140px; height:100px; text-indent:-99999px; display:block; }

/* jQuery accordian widget */
.accordion-button { width:225px; font: 14px/22px Arial, Helvetica, sans-serif; text-indent:5px; padding:0; cursor:pointer; }
.accordion-content { width:225px; font: 13px/22px Arial, Helvetica, sans-serif; text-indent:10px; cursor:pointer; padding:0;  }
.accordion-content a { width:225px; border-bottom:1px dotted #ccc; float:left; clear:both;  }
.accordion-content a:hover { background:#f0f0f0; text-decoration:none; }
.on { background:#eee; }
.over { background: #f6f6f6; }

/* jQuery tabs widget */ 
ul.tabs { position:relative; background:url('default/crumbs.png') repeat-x bottom; height:23px; width:100%; float:left; margin-bottom:8px; border-bottom:1px solid #bbb; }
ul.tabs li { position:relative; background:#e7e7e7; float:left; height:24px; line-height:24px; margin:8px 0 0; border:1px solid #bbb; overflow:hidden;
	-moz-border-radius:5px 5px 0 0;
	-khtml-border-radius:5px 5px 0 0;
	-webkit-border-bottom:5px 5px 0 0; }
ul.tabs li a { display:block;  font-size:1.3em; text-decoration:none; padding:0 10px; margin-left:-1px; }
ul.tabs li a:hover { background:#f0f0f0; }	
html ul.tabs li.active { background:#fff;  border-bottom:1px solid #fff; color:#333 !important; }
html ul.tabs li.active a:hover  { background:#fff; }
.tab_container { clear:both; float:left; width:100%; }
/* internal elements - will likely remove these */
.tab_content h1 { font-size:1.8em; border-bottom:1px dashed #ddd; padding:0 0 8px; text-shadow:1px 1px 2px #bbb; }
.tab_content h3 a { color: #254588;}
.tab_content img {float:left; margin:0 20px 20px 0; border:1px solid #ddd; padding:5px; }

/* force all column heights to match the tallest instance */
.force-wrap { clear:both; overflow:hidden; }

/* =================================================================================================================== */
/* persona container, individual boxes, title and link state elements */

/* Define Persona containers, individual boxes, title and link state elements */
.persona { float:left; padding-left:30px; padding-bottom:10px;}

.persona-container {
	position:relative;
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px 0px 10px 0px;	
}

.persona-box {
	position:relative;
	float:left;
	width:164px;
	margin:10px 20px 0 0;
	padding:0;
	border-radius:7px; /* IE 7, 8 */
    -moz-border-radius:7px; /* Firefox */
    -webkit-border-radius:7px; /* Safari, Opera */
}

.persona-box a {
	margin:0;
	padding:0;	
}

.persona-title {	
	position:relative;
	color:#363636;	
	margin:0 0 6px;
	padding:4px 0 4px 9px;	
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/title_fill.png') repeat-x;	
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	font-size:13px;
	font-weight:bold;	
	top:0px;
 font-family:Arial, Helvetica, sans-serif; 
	
}

.persona-title:hover {	
  /*
	position:relative;
	color:#9057a0;	
	margin:0 0 6px;
	padding:4px 0 4px 9px;	
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/title_fill.png') repeat-x;	
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	font-size:13px;
	font-weight:bold;
  */
}

.persona-link ul { 
   margin: 0 0 6px 0px;
}

.persona-link li { 
	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/quickNavRollover.png') left -24px no-repeat;
	margin:0px 0px 0px 2px; 
	padding:0px 0px 1px 20px;
	border-bottom:1px dotted #d0d0d0;
	position:relative;
 list-style:none;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
	
.persona a { font:12px/22px Arial, Helvetica, sans-serif; color:#5c7da4; margin-left:-2px; 	} 
.persona a:hover { color:#9057a0; text-decoration:none;} 
.persona a:active {	color:#333; }
.persona-link li:hover {	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/quickNavRollover.png') left 3px no-repeat; color:#0ff; }

/* =================================================================================================================== */

.seminars-widget {	border-radius:0px !important;	-moz-border-radius:0px !important;	-webkit-border-radius:0px !important;	margin-bottom:0px !important;}
.seminar {	padding:13px 0 13px 0;	float:left;	border-bottom:1px dotted #ccc;}
		
.date-container {background:url(/media/rhodesuniversity/styleassets/css/v3design/ruv3/cal-bg-grey.png) no-repeat; width:35px;height:38px; position:relative; left:5px;top:2px; float:left;}
.date-container .day {	font-size:14px;	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#181818; position:relative; top:6px; left:9px;}
.date-container .month {font-size:10px; color:#fff;	text-transform: uppercase; position:relative; top:3px; left:7px; }
		
.seminar .info-container {float:left; width:162px; margin:0 0 0 15px;}	
.seminar .info-container h1 {	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#ca8235;	font-weight:bold;	margin:0 !important;	padding:0 !important;}
.seminar .info-container p {	margin: 0 !important;	padding: 0 !important;	font-family:Arial, Helvetica, sans-serif;	font-weight:regular;	font-size:11px;	color:#525252;}
.seminar .info-container a {}
.seminar .info-container a:hover {	text-decoration:underline;}
.seminars-footer {	float:left;	width:100%;	border-bottom:1px dotted #ccc;}
.seminars-footer img {	float:left; padding-top: 10px;}
.seminars-footer p {	float:left;	margin:7px 0 0 5px !important;	padding:0 !important;}
.seminars-footer a {}
.seminars-footer a:hover {	text-decoration:underline;}

/* =================================================================================================================== */

/* form, input and textarea globals */
form { font: 12px Arial, Helvetica, Sans-Serif; }
input {	font: 12px/20px Arial, Helvetica, Sans-Serif; }
textarea { font: 11px/20px Arial, Helvetica, Sans-Serif; padding:1px 3px; }

/* redefine HTML globals */
h1 { 
  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding-bottom: 3px;
  text-transform: none;
}

h2 { 
  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif;
  font-size:20px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-transform: none;

}
h3 { 
  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif;
  font-size:17px; 
  padding-bottom: 3px;
  padding-top: 3px;
  text-transform: none;
}
h4 { 
  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif;
  font-size:14px; 
  padding-bottom: 3px;
  padding-top: 3px;
  text-transform: none;
}

a {	text-decoration:none; color:#369;}
a:hover { color:#000; text-decoration:underline; }
ul { padding:0px;	margin:0px 0px 6px 10px;}
ol { padding:0;	margin:0px 0px 6px 10px; }
li { font:11px/16px Arial, Helvetica, sans-serif; padding:0; margin-left:20px; }
p {	position:relative; font:11px/16px Arial, Helvetica, sans-serif; padding:6px 10px 12px 0; }
img { border:none; }


/* author bottom of the content */
.page_ymd {border-top: 1px solid #E2E2E2; clear: both; color: #777777; font: 11px Verdana,Arial,Helvetica,sans-serif; margin: 15px 0 30px; padding-top: 5px;  position: relative; text-indent: 12px;
}

/* =================================================================================================================== */
/* for video_wall (Gallery) */
#column2 #video_wall {	vertical-align:top;	background-color:#333;	color:#999;}
#column2 #video_wall h3{	font-size:18px;	color: #CFCFCF !important;}
#column2 #video_wall tr{	border-bottom:1px solid  #1D1D1D;}
#column2 #video_wall td{	padding-left:10px;	vertical-align:top;}
#column2 #video_wall table {	margin:1em auto;	border-collapse:collapse;}
#column2 #video_wall table thead th {	text-align: center;	padding:20px 0 5px 0;	font:bold "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;	color:#66a3d3}
#column2 #video_wall .video{	margin:10px;	border: #000 thick solid;}  

/* =================================================================================================================== */
/* Side Menu */
.dept-menu h1{font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; font-size: 18px; padding-bottom: 6px;	text-transform: none;}
.dept-menu h1 a{ font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; font-size: 18px; padding-bottom: 6px;	text-transform: none;}

.dept-menu h2{font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif;  font-size: 20px;  padding-bottom: 2px;	text-transform: none;}
.dept-menu h2 a{font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; font-size: 20px; padding-bottom: 6px;	text-transform: none;}

.dept-menu ul{list-style-type:none; font: 11px/14px Arial,Helvetica,sans-serif; list-style-image: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/bullet.png');}

/* =================================================================================================================== */
.visibility-toggle {background: url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/arrow-down.png') no-repeat scroll 0 0 transparent;    cursor: pointer;float: right; height: 18px; position: relative; right: 10px; top: 6px;    width: 18px;}

/* =================================================================================================================== */
/* News Items */

.department-news { padding-top:25px;}
.department-news  h3 {		font-size:30px !important;		margin-left: 0px !important;		padding-left:3px !important;  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; 	text-transform: none;}

.page-content h1 { font-size:30px !important;	margin-left: 0px !important;		padding-left:3px !important;  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; 	text-transform: none;}
.page-content h2 {	font-size:30px !important;		margin-left: 0px !important;		padding-left:3px !important;  font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; 	text-transform: none;}

.department-news  h3 {		font-size:30px !important;		margin-left: 0px !important;		padding-left:0px !important; padding:0px !important ;margin:0px !important; font-family:HelveticaNeueBC, Helvetica, Arial, sans-serif; 	text-transform: none;}

.department-news-articles-container {	margin:20px 0 0 0;	}
.department-news-articles-container .article {	margin:10px 0 0 0;	float:left; display:block; 	}
.department-news-articles-container .article .thumb-container {	/* 		height:70px; 		width:70px; */	float:left;		margin-left:4px;	cursor:hand;	cursor:pointer;}
.department-news-articles-container .article .thumb-container img {	margin:0 !important;	padding:0 !important;	width:70px !important;}
.department-news-articles-container .article .text-container {	width:349px;	float:left;	margin: 0 0 0 15px;}	
.department-news-articles-container .article .text-container h1 {font: 24px/26px HelveticaNeue,Helvetica,Arial,sans-serif;	margin:0;	padding:0;	 	font-weight:bold;}
.department-news-articles-container .article .text-container a {}
.department-news-articles-container .article .text-container h2 {font: 12px/14px HelveticaNeue,Helvetica,Arial,sans-serif;	margin:2px 0 5px 0;	padding:0;		font-weight:normal !important;}
.department-news-articles-container .article .text-container p {font: 12px/16px Arial,Helvetica,sans-serif;	margin:0;	padding:0;			}					

.rss-container {		position:relative;	top:16px;	left:10px;	}

.article-container-footer {	width:440px;	float:left;	margin:10px 0 0 0;	position:relative;	z-index:9999;	border-top:1px dotted #ccc;	border-bottom:1px dotted #ccc;}
.article-container-footer img {	float:left;	margin:0;	padding:0;	}
.article-container-footer p {	float:left;	margin:7px 0 0 5px !important;	padding:0 !important;}
.article-container-footer a {	/*	color:#ca8235; */	}
.article-container-footer a:hover {		text-decoration:underline;}


/* pagination (news items) */
.article-nav-container {	border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; float: left; position: relative; width: 440px; z-index: 9999;			margin:20px 0 40px 0;}
						
.article-nav-container .page-link,
.article-nav-container a {float:left;}
						
.article-nav-container a {color:#5c7da4; position:relative; top:1px; font-weight: bold;    font-size: 14px; font-family: Arial,Helvetica,sans-serif;}
.article-nav-container .page-link {		padding:2px 7px 2px 7px;		color:#5c7da4;	}
	
.article-nav-container .currentpage {
		padding:2px 7px 2px 7px;
		background:#797979;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		color:#fff;
		font-weight:bold;
}
	
.article-nav-container p {
	float:right;
	margin:7px 0 0 10px;
}
	
#art-previous {
		margin:0 4px 0 0;	
}

#art-next {
		margin:0 0 0 4px;
}
	
.num-page-drop {
		float:right;
		height:30px;
		border:1px solid #b6b6b6;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		width:60px;
		color:#818181;
}
	
.num-page-drop p {	
		float:left;
		margin:7px 0 0 9px;
		padding:0;
}
	
.num-page-drop .drop-tab {
		width:30px;
		height:32px;
		background:#0ff;
		float:right;
		position:relative;
		top:-1px;
		right:-1px;
		border-radius:0 7px 7px 0;
		-moz-border-radius:0 7px 7px 0;
		-webkit-border-radius:0 7px 7px 0;
		background:#4c6d96;
		background-image: -ms-linear-gradient(top, #95bde4 0%, #4c6d96 100%) !important;
		background-image: -moz-linear-gradient(top, #95bde4 0%, #4c6d96 100%) !important;
		background-image: -o-linear-gradient(top, #95bde4 0%, #4c6d96 100%) !important;
		background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #95bde4), color-stop(1, #4c6d96)) !important;
		background-image: -webkit-linear-gradient(top, #95bde4 0%, #4c6d96 100%) !important;
		background-image: linear-gradient(top, #95bde4 0%, #4c6d96 100%) !important;	
		cursor:hand;
		cursor:pointer;
	}
	
.num-page-drop .drop-tab:hover {
		
		background-image: -ms-linear-gradient(top, #9d5ec2 0%, #543268 100%) !important;
		background-image: -moz-linear-gradient(top, #9d5ec2 0%, #543268 100%) !important;
		background-image: -o-linear-gradient(top, #9d5ec2 0%, #543268 100%) !important;
		background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #9d5ec2), color-stop(1, #543268)) !important;
		background-image: -webkit-linear-gradient(top, #9d5ec2 0%, #543268 100%) !important;
		background-image: linear-gradient(top, #9d5ec2 0%, #543268 100%) !important;			
		
	}
	
	.num-page-drop .drop-tab img {
	
		float:left;
		margin:13px 0 0 10px;	
		
	}

/* Page Content */
.page-content h1 {font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 28px; padding-bottom: 6px;	text-transform: none;}
.page-content h2 {font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 24px; padding-bottom: 6px;	text-transform: none;}
.page-content h3 {font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 18px; padding-bottom: 0px; padding-top:0px; text-transform: none;}
.page-content h4 {font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 14px; padding-bottom: 6px;	text-transform: none;}
.page-content h5 {font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 12px; padding-bottom: 6px;	text-transform: none;}
.page-content h6 {font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 10px; padding-bottom: 6px;	text-transform: none;}

.page-content p {font: 12px/16px Arial,Helvetica,sans-serif;}