body {
	background-image: url('../img/gradient_background_shadow.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #562366;
}
div#wrapper-outer {
	background-image: url('../img/background.jpg');
	background-repeat: repeat-y;
	background-position: center 350px;
}
div#wrapper {
	background-image: url('../img/header.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

div#banner {
	position: relative;
}
div#top-menu {
}
div#logo {
}
div#banner_overlay {
	position: relative;
	left: 500px;
	width: 460px;
	z-index: 2;
}
div#identity {
	width: 500px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
}
div#banner_slideshow {
	height: 154px;
	width: 390px;
	position: absolute;
	top: 0;
	left: 570px;
	z-index: 1;
}
div#logo_image {
	float: left;
	margin: 0 10px 5px 0;
}
div#identity_text {
	background-image: url('../img/bracket.png');
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 95px;
	float: left;
	padding-left: 40px;
}
div#identity h1 {
	margin: 15px 0 10px;
}
div#intro-bottom {
	min-height: 20px;
}

div#content-wrapper {
	background-color: rgba(0,0,0,0.5);
	padding: 20px 0;
}

div#footer, div#brand {
	background: #562366;
	background-color: rgba(180,96,190,0.5);
}
div#footer-site-map {
	width: 960px;
	padding: 20px 0;
	border-top: 1px solid #39054a;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}

div#brand {
	color: #fff;
}
div#brand a:link, div#brand a:visited {
	color: #fff;
}
div#brand div.cww-brand {
	background-image: url('../../../img/powered-by-dark-bg.png');
}
div#brand-spacer {
	min-height: 0;
}


/* Menu */
div#top-menu {
	height: 22px;
	margin: 2px 10px 40px;
}
.sf-menu {
	background: none;
}
ul.sf-menu {
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #eee;
}
.sf-menu a {
	padding: 4px 10px;
}
.sf-menu li a > .sf-sub-indicator {
    top: 7px;
}
.sf-menu a:hover {
}
.sf-menu li {
	background: none;
	height:22px;
}
.sf-menu li li,
.sf-menu li li li {
	background: rgba(37,13,42,0.7);
	height: 24px;
}
.sf-menu li li a,
.sf-menu li li li a {
	
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	color: #fff;
	background: #6b157e;
	text-decoration: none;
}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
    top: 24px;
}

/* lines */
div.wedge_branding {
	border-top: 1px solid #fff;
}
.border_bottom {
	border-bottom: 1px solid #fff;
}
div.border_right {
	border-right: 1px solid #fff;
}
div.full_border {
	border: 1px solid #fff;
}
div#brand {
	border-top: none;
}	
div#map_canvas {
	border: 1px solid #fff;
}

/* Twitter */
div.twitter_wedge div.row_odd {
    background-color: rgba(0,0,0,0.2);
}