/* -- Mauve Theme -- */
h1 {
	color: #993366;
}

div#content a,
div#content a:link {
	color: #993366;
	text-decoration:none;
}

div#content a:visited {
	color: #993366;
}

div#content a:hover {
	color: #993366;
	text-decoration:underline;
}

div#main-wrapper {
	background: url('../images/green-bg.jpg') top right no-repeat;
}

div.colored-text {
	font-weight: bold;
	font-size: 14px;
	color: #993366;
}

ul#menu .active-section {
	background: transparent url('../images/mauve-nav-bg.jpg') repeat-y top left;
}

ul#menu .active-section a {
	color: #993366;
}

ul#menu .active-section li.current-page-item,
ul#menu .active-section li.current-page-item a {
	font-size: 14px;
}

div.course-specs {
	background: transparent url('../images/mauve-hexa.jpg') no-repeat top left;
	margin-top: 120px;
	
	width: 293px;
	height: 254px;
	position: absolute;
	display: table;
}

div.course-specs p {
	color: #8f3967;
	display: table-cell;
	width: 293px;
	vertical-align: middle;
	text-align: center;
	position:relative;
	
	margin-top: inherit;
	
	/** hack around the verticial alignment problem in IE < 8 **/
	*clear: expression(style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0);
}

div.course-specs a,
div.course-specs a:link,
div.course-specs a:visited {
	color: #993366;
	text-decoration: underline;
}

div.bordered-div {
	display: inline;
	border: 1px solid #993366;
}

div.diamond-div-1 {
	background: transparent url('../images/photo-diamant.jpg') no-repeat right 30px;	
}

div.diamond-div-2 {
	background: transparent url('../images/photo-diamant-2.jpg') no-repeat 275px 133px;
}