body {
	background: #A2BD2F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #525051;
	margin: 0;
	padding: 0;
	text-align: left;
}

a {
	color: #A2BD2F;
	text-decoration: none;
}

a:hover{
	color: black;
}

p {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

img{
	border: none;	
}

h1 {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
}

#mainContent {
	display: block;
	position: relative;
	margin: 25px auto;
	text-align: left;
	width: 925px;
	padding: 0;	
}

#top {
	width:925px;
	height:135px;
	background:#fff url(../images/sitewide/mainTopLarge.gif) no-repeat;
}

/*---------------------central nav--------------------------------------*/

#navBar {
	width:925px;
	padding:10px 0 0 0;
	background:#fff;
	height:22px;
	background:url(../images/sitewide/right2.gif) repeat-y 757px top #fff;
}

#navBar ul {
	margin: 0;
	padding: 0 180px 1em 0;
	text-align: right;
	overflow: hidden;
}

	#navBar ul li {
		list-style-type: none;
		display: inline;
		border-right: 1px solid #A2BD2F;
		margin-right: -1px;
		padding-right: 5px;
		margin-left: 6px;
	}
	
	#navBar ul li.end {
		list-style-type: none;
		display: inline;
		border-right:none;
		margin-right: -1px;
		margin-left: 6px;
	}
	
		#navBar ul li a {
			color: #A2BD2F;
		}
			#navBar ul li a:hover {
				color: #525051;
			}

/*---------------left + nav------------------------------------------*/

#left {
	display:block;
	clear: left;
	display:inline;
	float: left;
	padding: 0 0 0 10px;
	width: 156px;
	background: #fff;
}

#accountDetails {
	width:156px;
	border-bottom:1px solid #A2BD2F;
	border-top:1px solid #A2BD2F;
	padding:4px 0 4px 0;
	margin:6px 0 4px 0;
}

#navPrimary {
	list-style-type: none;
	padding: 0 0 0.25em 0;
	margin: 0 0 40px 0;
	font-weight: bold;
}

#content {
	background:url(../images/sitewide/main-whiteLarge.gif) repeat;
	width:925px;
}

#content #left #navPrimary ul {
	margin: 0 0 2em 0;
	padding: 0 0 0 2px;
}
	#content #left #navPrimary ul li {
		list-style-type: none;
		list-style-position:outside;
		border-bottom: 1px solid #A2BD2F;
		padding: 0 0 0.25em 0;
		margin: 0 0 0.25em 0;
		font-weight: bold;
	}
	
	#content #left #navPrimary ul li a {
			color: #333;
			background: url("../images/sitewide/bullet-nav.gif") no-repeat left 3px;	
			padding: 0 0 0 15px;
			overflow:hidden;
			display:block;
			border: none;
		}
		
			#content #left #navPrimary ul li a:hover {
				color: #A2BD2F;
				background-position: left -90px;
				display:block;
				overflow:hidden;
				border: none;
			}
			#content #left #navPrimary ul li.current a {
				color: #A2BD2F;
				background-position: left -90px;
				display:block;
			}
			
/*------------Secondary Indented nav-----------------*/

#content #left #navPrimary ul ul.navIndent {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
}

	#content #left #navPrimary ul ul.navIndent li {
		list-style-type: none;
		list-style-position:outside;
		border-bottom: 1px solid #A2BD2F;
		padding: 0 0 0.25em 0;
		margin: 0 0 0.25em 0;
		font-weight: bold;
	}
	
		#content #left #navPrimary ul ul.navIndent li a {
			color: #333;
			background: url("../images/sitewide/bullet-nav.gif") no-repeat left 3px;	
			padding: 0 0 0 15px;
			overflow:hidden;
			display:block;
		}
		
			#content #left #navPrimary ul ul.navIndent li a:hover {
				color: #A2BD2F;
				background-position: left -90px;
				display:block;
				overflow:hidden;
			}
			
				#content #left #navPrimary ul ul.navIndent li.current a {
				color: #A2BD2F;
				background-position: left -90px;
				display:block;
				overflow:hidden;
			}
			
/*--------------------------- middle content section--------------------*/
			
#middle {
	width:566px;
	float:left;
	background:#fff;
	padding:0 12px 0 12px;
	margin: 0;
}

.topadvert {
	width:565px;
	height: 200px;
	background: #FFF;
	margin:0 0 10px 0;
}

.topadvertText {
	float:left;
	width:157px;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
	margin:65px 0 30px 25px;
}
	.topadvertText a {
		color:#fff;
		font-size:1em;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.topadvertText a:hover {
		color:#000;
		font-size:1em;
		font-weight:bold;
		text-decoration:underline;
	}
		
/* -------------------accessibilty ------------------------------------- */

#accessibility {
	position: absolute;
	width: 150px;
	height: 30px;
	top: 100px;
	left: 775px;
	overflow: hidden;
	z-index:2;
}

#accessibility ul {
	margin: 10px 0 0 0;
	width: 148px;
	height: 20px;
	padding: 0 0 0 0;
}

	#accessibility ul li {
		list-style-type: none;
		display: inline;
		width: 21px;
		height: 30px;			
		float: left;
		margin-right: 2px;		
	}
		#accessibility ul li.accessibility-r {
			width: 39px;
		}
		#accessibility ul li a {
			color: #000;
			width: 21px;
			height: 30px;
			display: block;
			overflow: hidden;
			background-position: left top;
			background-repeat: no-repeat;
			text-indent: -100em;
		}
			#accessibility ul li.accessibility-p a {
				background-image: url("../images/sitewide/btn-access-print.gif");
				background-color: #00FF99;
			}
			#accessibility ul li.accessibility-c a {
				background-image: url("../images/sitewide/btn-access-switch.gif");
			}
			#accessibility ul li.accessibility-u a {
				background-image: url("../images/sitewide/btn-access-plus.gif");
			}
			#accessibility ul li.accessibility-d a {
				background-image: url("../images/sitewide/btn-access-minus.gif");
			}
			#accessibility ul li.accessibility-r a {
				background-image: url("../images/sitewide/btn-access-reset.gif");
				width: 39px;
			}
				#accessibility ul li a:hover {
					opacity: .75;
					filter: alpha(opacity=75);
				}
				
/*-------------------right div-------------------*/

#right {
	width:160px;
	height:100%;
	float:right;
	margin:-67px 0 0 -25px;
	clear:right;
	padding:0;
}


#rightBotCap {
	width:158px;
	height:10px;
	background:url(../images/sitewide/right_bottom.gif) #fff no-repeat;
	float:left;
	margin:25px 0 0 0;
}
				
#search {
	width:140px;
	position:relative;
	top:40px;
	left:6px;
	font-weight:bold;
	background:url(../images/sitewide/right2.gif);
}

#searchInput {
	width:85px;
	height:14px;
	float:right;
	border:1px solid #b8babf;
}

#goButton {
	float:left;
}

#campusNews {
	width:130px;
	background:url(../images/campusNewsIMG.jpg) no-repeat top #CECED0;
	float:left;
	margin:48px 0 0 0;
	padding:8px 10px 0 10px;
}

.NewsItem {
	width:130px;
	float:right;
	text-align:justify;
	font-size:1em;
	font-weight:bold;
	line-height:1.05em;
	margin:15px 0 0 0;
}

	.NewsItem span a {
		float:right;
		color:#A2BD2F;
	}
	
	.NewsItem span a:hover {
		float:right;
		color:#fff;
	}
	
#ezineNews {
	width:130px;
	background:url(../images/sitewide/ezineTop.jpg) no-repeat top #CECED0;
	float:left;
	margin:5px 0 0 0;
	padding:8px 10px 0 10px;
}

#newOnCampus {
	width:130px;
	background:url(../images/sitewide/newOnCampusIMG.jpg) no-repeat top #CECED0;
	float:left;
	margin:5px 0 0 0;
	padding:8px 10px 0 10px;
}
	#newOnCampus h1 {
		padding:0 0 0 55px;
	}
	
.rightItemBotIMG {
	width:150px;
	height:10px;
	background:url(../images/sitewide/newsItem_bottom.gif) no-repeat;
	float:left;
	margin:0 0 0 0;
}


.middleleftcolumn{
width: 278px;
float: left;
margin: 0 10px 10px 0;
padding: 0;
overflow: hidden; /* <---Solution for bug IE6 */
}

.middlerightcolumn{
width: 278px;
float: left;
margin: 0 0 10px 0;
padding: 0 ;
overflow: hidden; /* <---Solution for bug IE6 */
}

.columnclearer{
clear: both;
}


/*------------------------bottom-------------------------*/

#footer {
	width:925px;
	height:13px;
	background:url(../images/sitewide/footer1px_IMGLarge.gif) repeat-y;
	text-align:center;
	padding:12px 0 0 0;
}
	#footer ul {
		margin: 0;
		padding: 0 0 0 0;
		overflow: hidden;
	}

		#footer ul li {
			list-style-type: none;
			display: inline;
			border-right: 1px solid #fff;
			margin-right: -1px;
			padding-right: 5px;
			margin-left: 5px;
			font-weight:bold;
		}
		
		#footer ul li.end {
			list-style-type: none;
			display: inline;
			border-right:none;
			margin-right: -1px;
			padding-right: 5px;
			margin-left: 5px;
			font-weight:bold;
		}
	
			#footer ul li a {
				color: #fff;
			}
				#footer ul li a:hover {
					color: #525051;
				}

#bottom {
	width:925px;
	height:27px;
	background:url(../images/sitewide/Site_bottomLarge.gif) no-repeat;
}

div.hr { 
	clear: both; 
}
	div.hr hr { 
		display: none; 
	}
	
#orangeCenter {
	width:362px;
	float:left;
	height:268px;
	background:url(../images/sitewide/orangeBox.gif) no-repeat 0px 28px;
	margin:0 0 25px 2px;
	display:inline;
}

/*-----------
ul#tabs {
	width:320px;
	height:28px;
	list-style-type:none;
	margin-left:28px;
}
?---------------*/

	ul#tabs li {
		display:inline;
		width:95px;
		height:35px;
		float:left;
		
	}
	
		ul#tabs li a {
			display:block;
			width:85px;
			height:28px;
			background:url(../images/sitewide/orangeTab.gif) no-repeat right bottom;
			color:#fff;
			font-weight:bold;
			text-align:center;
			vertical-align:middle;
			padding-top:0px;
			overflow:hidden;
		}
		
			ul#tabs li a:hover {
				background:url(../images/sitewide/orangeTab.gif) no-repeat right top;
			}
			
			ul#tabs li.current a {
				background:url(../images/sitewide/orangeTab.gif) no-repeat right top;
			}
			ul#tabs li.tabs-selected a {
				display:block inline;
				width:85px;
				height:28px;
				background:url(../images/sitewide/orangeTab.gif) no-repeat right top;
				color:#fff;
				font-weight:bold;
			}
			
			ul#tabs li a p {
						margin:7px 0 0 10px;
				}
			
#workshopsDiv {
	width:342px;
	height:220px;
	float:left;
	padding:5px 10px 10px 10px;
	overflow:scroll;
	overflow-x:hidden;
}

#jobSearchDiv {
	width:342px;
	height:220px;
	float:left;
	padding:5px 10px 10px 10px;
	overflow:scroll;
	overflow-x:hidden;
}

#podcastDiv {
	width:342px;
	height:220px;
	float:left;
	padding:5px 10px 10px 10px;
	overflow:scroll;
	overflow-x:hidden;
}

#workshopsInnerLeft {
	border-right:1px solid #fff;
	width:117px;
	height:220px;
	float:left;
	color:#FFFFFF;
	text-align:left;
	padding-right:9px;
	font-size:0.9em;
}

			#workshopsInnerLeft p {
				font-size:1.25em;
				color:#525051;
				font-weight:bold;
				text-align:justify;
				
			}
			
				#workshopsInnerLeft span a {
					color:#525051;
					font-size:1em;
					float:right;
					font-weight:bold;
					margin-bottom:5px;
				}
				
				#workshopsInnerLeft span a:hover {
					color:#FFF;
					font-size:1em;
					float:right;
					font-weight:bold;
					margin-bottom:5px;
				}

#workshopsInnerRight {
	width:190px;
	height:220px;
	float:right;
}

	#workshopsInnerRight div {
		width:130px;
		background:url(../images/sitewide/workshopDate.jpg) no-repeat;
		border-bottom:1px solid #fff;
		float:left;
		padding-left:50px;
		font-size:0.9em;
		color:#FFF;
	}
	
			#workshopsInnerRight p {
				font-size:1.25em;
				color:#525051;
				font-weight:bold;
				text-align:justify;
				margin-top:5px;
			}
			
				#workshopsInnerRight span a {
					color:#525051;
					font-size:1em;
					float:right;
					font-weight:bold;
					margin-bottom:5px;
				}
				
				#workshopsInnerRight span a:hover {
					color:#FFF;
					font-size:1em;
					float:right;
					font-weight:bold;
					margin-bottom:5px;
				}
				
					#workshopsInnerRight span a p {
					padding-top:6px;
				}
				
/*---------------------Login Page---------------------------*/

#login {
	float:left;
	width:500px;
	background: url(../images/login_pageIMG.gif) no-repeat 100px 60px;
	padding-left:105px;
	height: 300px;
}

#loginContent {
	position:relative;
	top:25px;
	left:220px;
	width:320px;
	font-size:1.1em;
}

	#loginContent a {
		color:#859c2a;
		text-decoration:underline;
	}
	
	#loginContent a:hover {
		color:#525051;
		text-decoration:underline;
	}
	
		#loginContent a.pw {
			font-weight:bold;
	}
	
		#loginContent a.pw:hover {
			font-weight:bold;
		}

#loginInputs {
	width:160px;
	height:13px;
	margin-bottom:7px;
}

#loginButton {
	width:45px;
	border:1px solid #b0b0b2;
	color: #525051;
	margin:5px 0 10px 0;
	background:#fff;
	cursor:pointer;
}

#loginWii {
	float:left;
	width:150px;
	background:url(../images/PSP-ADVERT_small.gif) no-repeat;
	margin:68px 0 0 0;
}

	#loginWii div {
		width:130px;
		margin:240px 0 10px 10px;
		color:#000;
	}
	
		#loginWii div a {
			color:#fff;
			font-weight:bold;
			font-size:1.1em;
			text-decoration:underline;
			margin:15px 0 0 0;
		}
		
		#loginWii div a:hover {
			color:#000;
			font-weight:bold;
			font-size:1.1em;
			text-decoration:underline;
			margin:15px 0 0 0;
		}
		
/*-------------------image text lists----------------------*/

.textImageList {
	float:left;
	width:564px;
	margin: 0 0 10px 0;
	background: url(../images/textImageListBack.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.textImageList a {
	color: #A2BD2F;	
}

.textImageList a:hover {
	color: #333;	
}

.HometextImageList {
	float:left;
	width:278px;
	margin: 0 0 10px 0;
	background: url(../images/textImageListBack.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.HometextImageList a {
	color: #A2BD2F;	
}

.HometextImageList a:hover {
	color: #333;	
}

/*---------image+text LEFT---------------*/			

	.textImageList div.imageText {
		width:535px;
		float:left;
		margin:11px 0 0 0;
		padding:0 0 0 10px;
	}
		.textImageList div.imageText img {
			float:left;
			margin:0 10px 10px 0;
		}
			.textImageList div.imageText h2 {
				font-weight:bold;
				margin:0 0 0 0;
				font-size:1.25em;
				line-height:1.9em;
				color: #333;
			}
				
					.textImageList div.imageText h2 a{
						color: #333;
					}
					
						.textImageList div.imageText h2 a:hover{
							color: #A2BD2F;
						}
	
	.textImageList div.imageText ul{
		padding: 0 0 0 0;
		margin: 10px 0 5px 0;
	}
	
	.textImageList div.imageText ul li {	
		background-color: transparent;
		background-image: url(../images/sitewide/bullet.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding: 0 0 0 12px;
		margin: 0;
		list-style-type: none;
	}
	


	.HomeimageText {
		width:258px;
		float:left;
		margin:11px 0 0 0;
		padding:0 10px 0 10px;
	}
		.HomeimageText img {
			float:left;
			margin:0 10px 10px 0;
		}
			.HomeimageText h2 {
				font-weight:bold;
				margin:0 0 0 0;
				font-size:1.25em;
				line-height:1.9em;
				color: #333;
			}
				
					.HomeimageText h2 a{
						color: #333;
					}
					
						.HomeimageText h2 a:hover{
							color: #A2BD2F;
						}

	.HomeimageText ul{
		padding: 0 0 0 0;
		margin: 10px 0 5px 0;
	}
	
	.HomeimageText ul li {	
		background-color: transparent;
		background-image: url(../images/sitewide/bullet.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding: 0 0 0 12px;
		margin: 0;
		list-style-type: none;
	}

			
/*---------image+text RIGHT---------------*/			

.textImageList div.imageTextRight {
	width:535px;
	float:left;
	margin:11px 10px 0 0;
	padding: 0 0 0 10px;
	text-align:left;
}
	.textImageList div.imageTextRight img {
		float:right;
		margin:0 0 10px 10px;
	}
		.textImageList div.imageTextRight h2 {
			font-weight:bold;
			margin:0 0 0 0;
			font-size:1.25em;
			line-height:1.9em;
			text-align: left;
			}
			
				.textImageList div.imageTextRight h2 a{
					color: #333;
				}
				
					.textImageList div.imageTextRight h2 a:hover{
						color: #A2BD2F;
					}
										
					.textImageList div.imageTextRight ul{
						padding: 0 0 0 0;
						margin: 10px 0 5px 0;
					}					
					
					.textImageList div.imageTextRight ul li{
						background-color: transparent;
						background-image: url(/resources/theme-campus/images/sitewide/bullet.gif);
						background-repeat: no-repeat;
						background-attachment: scroll;
						background-position: left 3px;
						padding: 0 0 0 12px;
						margin: 0;
						list-style-type: none;
					}

/*---------single line---------------*/			
	
.textImageList div.singleLine {
	width:93%;
	float:left;
	margin:11px 0 0 10px;
}
	.textImageList div.singleLine h2 {
		display:inline;
		font-weight:bold;
		margin:0 5px 0 0;
		font-size:1.25em;
	}
		.textImageList div.singleLine a{
			font-weight:bold;
			color:#525051;
			margin-left:5px;
		}
		.textImageList div.singleLine a:hover{
			font-weight:bold;
			color:#A2BD2F;
			margin-left:5px;
		}
		
/*---------site map---------------*/			

	.textImageList div.siteMap {
		width:93%;
		float:left;
		margin:11px 0 0 5px;
	}
		.textImageList div.siteMap div {
			width:150px;
			float:left;
			margin: 0 15px 0 0 ;
		}
			.textImageList div.siteMap div h2 {
				font-weight:bold;
				margin:0 0 0 0;
				font-size:1.25em;
				line-height:1.9em;
			}
	
	
.topsmall {
	width:100%;
	height:37px;
	background:url(../images/itemTopSmall.gif) no-repeat;
	margin:0 0 0 0;
}
	.topsmall div.text {
			width:93%;
			height:20px;
			float:left;
			margin:11px 0 0 5px;
			display: inline; /* <---Solution for bug IE6 */
		}
			.topsmall div.text p {
				float:left;
				color:#fff;
				font-size:1.25em;
				font-weight:bold;
				padding: 0 0 0 10px;
			}
				.topsmall div.text ul {
					float:right;
					display:inline;
					margin:0 0 0 0;
				}
					.topsmall div.text ul li {
						float:left;
						display:inline;
						list-style-type:none;
						margin:0 6px 0 0;
					}
						.topsmall div.text ul li.next {
							margin:0 6px 0 10px;
						}
							.topsmall div.text ul li a {
								text-decoration:underline;
								color:#fff;
							}
								.topsmall div.text ul li a:hover {
									text-decoration:underline;
									color:#525051;
								}


.textImageList div.top {
	width:100%;
	height:37px;
	background:url(../images/itemTopLarge.gif) no-repeat;
	margin:0 0 0 0;
}
	.textImageList div.top div.text {
		width:93%;
		height:20px;
		float:left;
		margin:11px 0 0 10px;
		display: inline; /* <---Solution for bug IE6 */ 
	}
		.textImageList div.top div.text p {
			float:left;
			color:#fff;
			font-size:1.25em;
			font-weight:bold;
		}
			.textImageList div.top div.text ul {
				float:right;
				display:inline;
				margin:0 0 0px 0;
			}
				.textImageList div.top div.text ul li {
					float:left;
					display:inline;
					list-style-type:none;
					margin:0 6px 0 0;
				}
					.textImageList div.top div.text ul li.next {
						margin:0 6px 0 10px;
					}
						.textImageList div.top div.text ul li a {
							text-decoration:underline;
							color:#fff;
						}
							.textImageList div.top div.text ul li a:hover {
								text-decoration:underline;
								color:#525051;
							}
							
/*-----------------------my details and results------------------------------*/


.details {
	float:left;
	width:564px;
	padding-bottom:10px;
	border-bottom:1px solid #A2BD2F;
}

	.details div.top {
		width:564px;
		height:37px;
		background:url(../images/itemTop.gif) no-repeat;
		margin:0 0 0 0;
}
		.details div.top div.text {
			width:545px;
			height:20px;
			float:left;
			margin:11px 0 0 10px;
		}
			.details div.top div.text p {
				float:left;
				color:#fff;
				font-size:1.25em;
				font-weight:bold;
			}
			
.details div.title {
	float:left;
	width:544px;
	font-weight:bold;
	font-style:italic;
	margin:15px 0 15px 13px;
	display:inline;
}

.details div.column {
	width:160px;
	float:left;
	display:block;
	margin-left:13px;
	display:inline;
}
	.details div.column div.section {
		width:160px;
		float:left;
		margin-bottom:6px;
	}
		.details div.column div.section p {
			float:left;
			padding:0;
			margin:0;
		}

.details div.column div.sectionSmall {
		width:75px;
		float:left;
		margin-bottom:6px;
		margin-right:8px;
		display:inline;
	}
	
	.details div.column div.sectionSmall2 {
		width:75px;
		float:left;
		margin-bottom:6px;
	}


.largeInput {
	width:158px;
	height:14px;
	border:1px solid #b8babf;
}

.smallInput {
	width:70px;
	height:14px;
	border:1px solid #b8babf;
}

.multiInput {
	width:158px;
	height:97px;
	border:1px solid #b8babf;
}

/* ---- Tables ---- */

table
{
	width: 100%;
	margin: 2em 1em 1em 0;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 0;
	display: table;


	}
	
	
	td
	{
		padding: 1px;
		margin: 0;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;

	}
	th
	/* You may want to increase the font size to further diferentiate the headings */
	{
		background-color: #A2BD2F;
		color: white;
		font-weight: bold;
		font-size: 110%;
		padding: 4px;
		margin: 0;
		text-align: left;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	
	.subHeading
	{
		background-color: #A2BD2F;
		color: white;
		font-weight: bold;
		font-size: 100%;
		padding: 4px;
		margin: 0;
		text-align: left;

	}

		
		

/* *** ACORDION ***  */

h3.accordionTitle {
	color: #2b2b2b;
	background: url("../images/triangle-green.gif") no-repeat left 13px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #bbbfc0;
	font-size: 1.4em;
	margin: 0em 0 0em 0;
	clear: both;
}
	h3.accordionTitle.hover {
		color: #008469;
		cursor: pointer;
	}
	h3.accordionTitle.grey {
		/*color: #9b9b9b;*/
		cursor: pointer;
	}
		h3.accordionTitle.grey.hover {
			/*color: #2b2b2b;
			color: #008469;*/
		}
div.accordionListContent {
	padding-bottom: 0em;
	border-bottom: 1px dotted #bbbfc0;
	margin-bottom: 0em;
	margin-top: 1em !important;
}
	div.accordionListContent h4 {
		
	}
	div.accordionListContent h5 {
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 0;
	}
	div.accordionListContent p {
		color: #626262;
		color: #2c2b2c;
		line-height: 1.3em;
	}
	div.accordionListContent ul {
		padding: 0 !important;
		margin: 0 !important;
	}
		div.accordionListContent ul li {
			list-style-position: inside;
			width: 90px;
			padding: 0 0 0 10px !important;
			margin: 0 0 0.5em 0!important;
			float: left;
		}

p.topLink {
	text-align: right;
}
	p.topLink a {
		background: url("../images/triangle-green-up.gif") no-repeat left center;
		padding-left: 10px;
		text-decoration: none;
	}
	
ul.topLink {
	text-align: right !important;
	list-style-type: none;
	width: 300px !important;
	margin-bottom: 0em !important;
}
	ul.topLink li {
		display: inline !important;
		list-style-type: none;
		background: none;
		width: auto !important;
		float: right !important;
		margin-left: 5px !important
	}
		ul.topLink li a {
			background: url("../images/triangle-green-up.gif") no-repeat left center;
			padding-left: 15px;
			text-decoration: none;
			color: #A2BD2F;
		}


		ul.topLink li a:hover {
				color: #525051;
			}





/*--------------------------------------------
	DETAIL PAGE(S)
---------------------------------------------*/

div#courseDetails #middle {
	width:724px;
	float:left;
	padding:0 0 0 12px;
}
div#courseDetails #content {
	background:#fff;
	width:925px;
}
div#courseDetails #search {
	position:absolute;
	left:772px;
	top:140px;
	background-image:none;
}
div#courseDetails #footer {
	background:url(../images/sitewide/Calfooter1px_IMG.gif) repeat-y;
}
div#detailBlock {
	float:left;
	width:736px;
	background:url(../images/sitewide/right2.gif) 0 0 repeat-y;
}
	div#detailBlock div.calendarBlockTop {
		float:left;
		width:736px;
		height:10px;
		background:url(../images/sitewide/calBlockTop.gif) 0 0 no-repeat;
	}
	div#detailBlock div#content {
		width:723px;
		float:left;
		padding:0 0 0 13px;
		background:none;
	}
	div#bottomLeftImage {
		float:left;
		width:23px;
		height:11px;
		background: url(../images/sitewide/detailPage_leftBottom.gif) no-repeat 0 0;
		/* HACKS FOR IE6 - STOPPING UNWANTED MARGIN AT THE BOTTOM OF THE CONTENT AREA */
		_height:16px;
		_margin:0 0 -5px 0;
	}
	
.portlet h1{
	color: black;
}
	
/* Degree Colourway */

div#detailBlock div#content div.degCourseBlock {
	width:674px;
	float:left;
	padding:10px 0 10px 48px;
	background:url(../images/sitewide/degreeColourBlock.gif) -1px 0 no-repeat #D59322;
	color:#fff;
}
div#detailBlock div#content div.degCourseBlock p {
	margin:0 0 5px 0;
}

	#degCourseBlock a {
		color: #d59322;
	}
	
	#degCourseBlock a:hover {
		color: black;
	}

	div#detailBlock div#content div.degCourseBlock ul {
		padding:0;
		margin:0;
		float:left;
	}
		div#detailBlock div#content div.degCourseBlock ul li {
			display:inline;
			list-style-type:none;
			margin:0 7px 0 0;
			padding:0 7px 0 0;
			border-right:1px solid #fff;
		}
			div#detailBlock div#content div.degCourseBlock ul li a {
				color: white;
			}
			div#detailBlock div#content div.degCourseBlock ul li a:hover {
				color: black;
			}
			div#detailBlock div#content div.degCourseBlock ul li.current a{
				color: black;
			}
			
/*advanced diploma colourway*/				
div#detailBlock div#content div.advdipCourseBlock {
	width:674px;
	float:left;
	padding:10px 0 10px 48px;
	background:url(../images/sitewide/advDipColourBlock.gif) -1px 0 no-repeat #66999D;
	color:#fff;
}
div#detailBlock div#content div.advdipCourseBlock p {
	margin:0 0 5px 0;
}


#advdipCourseBlock a {
color: #66999d;
}

#advdipCourseBlock a:hover {
color: black;
}


	div#detailBlock div#content div.advdipCourseBlock ul {
		padding:0;
		margin:0;
		float:left;
	}
		div#detailBlock div#content div.advdipCourseBlock ul li {
			display:inline;
			list-style-type:none;
			margin:0 7px 0 0;
			padding:0 7px 0 0;
			border-right:1px solid #fff;
		}
			div#detailBlock div#content div.advdipCourseBlock ul li a {
				color: #fff;
			}
			div#detailBlock div#content div.advdipCourseBlock ul li a:hover {
				color: #000;
			}
			div#detailBlock div#content div.advdipCourseBlock ul li.current a{
				color: #000;
			}
/*diploma colourway*/				
div#detailBlock div#content div.dipCourseBlock {
	width:674px;
	float:left;
	padding:10px 0 10px 48px;
	background:url(../images/sitewide/diplomaColourBlock.gif) -1px 0 no-repeat #94B54C;
	color:#fff;
}
div#detailBlock div#content div.dipCourseBlock p {
	margin:0 0 5px 0;
}

#dipCourseBlock a {
color: #94b54c;
}

#dipCourseBlock a:hover {
color: black;
}


	div#detailBlock div#content div.dipCourseBlock ul {
		padding:0;
		margin:0;
		float:left;
	}
		div#detailBlock div#content div.dipCourseBlock ul li {
			display:inline;
			list-style-type:none;
			margin:0 7px 0 0;
			padding:0 7px 0 0;
			border-right:1px solid #fff;
		}
			div#detailBlock div#content div.dipCourseBlock ul li a {
				color:#fff;
			}
			div#detailBlock div#content div.dipCourseBlock ul li a:hover {
				color: #000;
			}
			div#detailBlock div#content div.dipCourseBlock ul li.current a{
				color: #000;
			}
/*foundation colourway*/				
div#detailBlock div#content div.foundCourseBlock {
	width:674px;
	float:left;
	padding:10px 0 10px 48px;
	background:url(../images/sitewide/foundationColourBlock.gif) -1px 0 no-repeat #577DAC;
	color:#fff;
}
div#detailBlock div#content div.foundCourseBlock p {
	margin:0 0 5px 0;
}


#foundCourseBlock a {
color: #577dac;
}

#foundCourseBlock a:hover {
color: black;
}


	div#detailBlock div#content div.foundCourseBlock ul {
		padding:0;
		margin:0;
		float:left;
	}
		div#detailBlock div#content div.foundCourseBlock ul li {
			display:inline;
			list-style-type:none;
			margin:0 7px 0 0;
			padding:0 7px 0 0;
			border-right:1px solid #fff;
		}
			div#detailBlock div#content div.foundCourseBlock ul li a {
				color:#fff;
			}
			div#detailBlock div#content div.foundCourseBlock ul li a:hover {
				color: #000;
			}
			div#detailBlock div#content div.foundCourseBlock ul li.current a{
				color: #000;
			}
			
/*masters colourway*/		
div#detailBlock div#content div.masCourseBlock {
	width:674px;
	float:left;
	padding:10px 0 10px 48px;
	background:url(../images/sitewide/mastersColourBlock.gif) -1px 0 no-repeat #9A508B;
	color:#fff;
}
div#detailBlock div#content div.masCourseBlock p {
	margin:0 0 5px 0;
}

	#masCourseBlock a {
		color: #9a508b;
	}
	
	#masCourseBlock a:hover {
		color: black;
	}

	div#detailBlock div#content div.masCourseBlock ul {
		padding:0;
		margin:0;
		float:left;
	}
		div#detailBlock div#content div.masCourseBlock ul li {
			display:inline;
			list-style-type:none;
			margin:0 7px 0 0;
			padding:0 7px 0 0;
			border-right:1px solid #fff;
		}
			div#detailBlock div#content div.masCourseBlock ul li a {
				color:#fff;
			}
			div#detailBlock div#content div.masCourseBlock ul li a:hover {
				color: #000;
			}
			div#detailBlock div#content div.masCourseBlock ul li.current a{
				color: #000;
			}
		div#detailBlock div#content div.documentsBlock {
			width:712px;
			float:left;
			padding:5px 0 5px 10px;
			margin: 5px 0 5px 0;
			background:#A7A8AA;
			color:#fff;
			font-weight:bold;
		}
		
/*--------------------------------------------
	DETAIL-CALENDER
---------------------------------------------*/

div#detailBlock div#content ul.calendarNav {
	width:512px;
	float:left;
	padding:3px 0 5px 0;
	margin: 5px 0 0 0;
}
	div#detailBlock div#content ul.calendarNav li {
		display:inline;
		list-style-type:none;
		margin:0 8px 0 0;
		padding:0 8px 0 0;
		border-right:1px solid #A7A8AA;
	}
	div#detailBlock div#content ul.calendarNav li.last {
		border:none;
	}
		div#detailBlock div#content ul.calendarNav li a {
		}
		div#detailBlock div#content ul.calendarNav li a:hover {
		}
		div#detailBlock div#content ul.calendarNav li.current a {
		}
div#detailBlock div#content div#calendarBlock {
	width:727px;
	float:left;
	margin: 5px 0 0 0;
}

	div#detailBlock div#content div#calendarBlock .col1 {
		width:114px;
		float:left;
		height:200px;
	}
		.col1 p.date {
			color:#000;
			font-weight:bold;
			font-size:0.9em;
			margin:0 0 5px 0;
		}
		div#calendarBlock .col1 input.goToDate {
			width:50px;
			height:15px;
			border-top:1px solid #9C9D9F;
			border-left:1px solid #9C9D9F;
			border-right:1px solid #F0F2F1;
			border-bottom:1px solid #F0F2F1;
			float:left;
			margin: 0 5px 0 0;
		}
		.mTop {
			margin:5px 0 0 0;
		}
		div#detailBlock div#content div#calendarBlock .col1 table.calendar {
			width:111px;
			height:65px;
			border-top:none !important;
			border-left:1px solid #9E9E9E;
			margin:0 0 5px 0;
		}
		div#detailBlock div#content div#calendarBlock .col1 table.calendarTop {
			width:111px;
			border-top:none;
			border-right:none;
			border-left:none;
			border-bottom:1px solid #9E9E9E;
			margin:5px 0 0 0;
			font-weight:bold;
			color:#000;
			padding:0 0 2px 0;
		}
		div#dateNav {
			width:114px;
			height:10px;
			margin:10px 0 0 0;
		}
		div#dateNav div.date {
			width:104px;
			height:10px;
			float:left;
			text-align:center;
			font-size:0.8em;
			color:#000;
		}
		div#backButton {
			width:5px;
			height:10px;
			float:left;
		}
		div#backButton a {
			width:5px;
			height:10px;
			background:url(../images/sitewide/dateNav_backArrow.gif) 0 2px no-repeat;
			display:block;
		}
		div#fwdButton {
			width:5px;
			height:10px;
			float:right;
		}
		div#fwdButton a {
			width:5px;
			height:10px;
			background:url(../images/sitewide/dateNav_fwdArrow.gif) 0 2px no-repeat;
			display:block;
		}
			table.calendar td, 
			table.calendar tr, 
			table.calendar th, 
			table.calendarTop td, 
			table.calendarTop tr, 
			table.calendarTop th {
				border:none;
				font-size:0.9em;
				text-align:right;
				margin:0;
				padding:0;
			}
			table.calendar td {
				padding:3px 0;
			}
			table.calendar tr.top {
				font-weight:bold;
				color:#000;
			}
			table.calendar a {
				color:#000;
			}
			table.calendar a:hover {
				color:#999;
			}
			
	div#detailBlock div#content div#calendarBlock .title {
		width:587px;
		padding:5px;
		text-align:center;
		background:none;
		font-weight:bold;
	}
	div#detailBlock div#content div#calendarBlock .col2 {
		width:600px;
		float:right;
		margin:0 5px 0 0;
		display:inline;
	}
		div#detailBlock div#content div#calendarBlock .col2 div.calSegment {
			width:587px;
			padding:8px 5px 8px 8px;
		}
		.odd {
			background-color:#E9E7E8;
			
		}
		.even {
			background:#F5F5F5;
			
		}
			div#detailBlock div#content div#calendarBlock .col2 div.calSegment span {
				font-size:0.8em;
				font-weight:bold;
			}

/*--------------------------------------------
	DETAIL-ADDITIONAL MATERIALS
---------------------------------------------*/

div#detailBlock div#content div#addMaterialsBlock {
	width:722px;
	float:left;
	margin: 5px 0 0 0;
}
	div#addMaterialsBlock .col1 {
		width:100px;
		float:left;
	}
	div#addMaterialsBlock .col1 input {
		margin:0 0 5px 0;
	}
	div#addMaterialsBlock .col2 {
		width:617px;
		float:right;
	}
		div#addMaterialsBlock .col2 .segment {
			width:577px;
			padding:8px 10px 8px 30px;
			font-size:0.9em;
		}
		.segment.odd {
			background: url(../images/sitewide/segmentOdd.gif) 7px 6px no-repeat #F5F5F5;
		}
		.segment.even {
			background: url(../images/sitewide/segmentEven.gif) 7px 6px no-repeat #E9E7E8;
		}
		div#addMaterialsBlock .col2 .segment div.subject {
			float:left;
			width:70%;
		}
		div#addMaterialsBlock .col2 .segment div.info {
			float:left;
			font-weight:bold;
			width:15%;
			text-align:right;
		}

/*--------------------------------------------
	DETAIL-CHAT
---------------------------------------------*/

div#detailBlock div#content div#chatBlock {
	width:722px;
	float:left;
	margin: 5px 0 0 0;
}
	div#chatBlock .col1 {
		width:175px;
		float:left;
		height:215px;
		font-size:0.9em;
		overflow:scroll;
		overflow-x:hidden;
	}
		div#chatBlock .col1 a div.person {
			width:125px;
			color:#a3a3a3;
			padding:10px 10px 10px 30px;
			background:url(../images/sitewide/messenger2.gif) 7px 2px no-repeat #F5F5F5;
			cursor:pointer;
		}
		div#chatBlock .col1 a:hover div.person {
			width:125px;
			color:#000;
			padding:10px 10px 10px 30px;
			background:url(../images/sitewide/messenger1.gif) 7px 2px no-repeat #E9E7E8;
		}
		div#chatBlock .col1 a.current div.person {
			width:125px;
			color:#000;
			padding:10px 10px 10px 30px;
			background:url(../images/sitewide/messenger1.gif) 7px 2px no-repeat #E9E7E8;
		}
	div#chatBlock .col2 {
		width:530px;
		float:right;
		height:215px;
		background:#F5F5F5;
		overflow:scroll;
		overflow-x:hidden;
	}
		div#chatBlock .col2 div.you {
			width:490px;
			padding:8px 10px 8px 30px;
			background:url(../images/sitewide/messenger1.gif) 7px 2px no-repeat #E9E7E8;
			font-weight:bold;
			color:#000;
		}
		div#chatBlock .col2 div.chatContent {
			width:485px;
			padding:15px 30px 15px 15px;
		}
	div#chatBlock input#chatBar {
		margin:10px 10px 10px 0;
		width:440px;
		height:14px;
		border-top:2px solid #9C9D9F;
		border-left:2px solid #9C9D9F;
		border-right:2px solid #F1F1F1;
		border-bottom:2px solid #F1F1F1;
		float:left;
	}
	div#chatBlock input#sendButton {
		float:right;
		margin:10px 0 0 0;
		cursor:pointer;
	}

body#courseDetails #footer {
	margin:10px 0 0 0;
}