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

body {
	background-color: #3d3938;
	background-image: url(../images/pixelpattern.png);
	font-family: Helvetica, Verdana, sans serif;
	font-size: 12px;
	margin: 0 auto;
}

h3 {
	padding-left: 10px;
	margin-top: 8px;
	margin-bottom: -5px;
	color: #3d3938;
}

h4 {
	margin-bottom: -10px;
	font-size: 14px;
}

/*-----------------Top Content----*/
#containerTop{
	background-color: #FFFFFF;
	background-image: url(../images/topGradient.png);
	border-bottom: solid 10px #3d3938;
	padding-bottom: 40px;
	margin: 0 auto;
}

#header {
	width: 790px;
	margin: 0 auto;
}

#headerImg {
	float: left;
}

#headerLinks {
	margin-left: -30px;
	margin-top: -11px;
	float: left;
}

#headerLinks img{
	padding-top: 2px;
	float: left;
}

#headerLinks ul {
	list-style: none;
	float: left;
}

#headerLinks li {
	padding: 10px;
}

#headerLinks ul a {
	text-decoration: none;
	color: #3d3938;
}

/*--------------------Navigation--*/
#nav {
	padding-top: 13px;
	clear: both;
}

#nav ul {
	margin: 0;
	padding: 0 3px;
	margin-left: 5px;
	list-style: none;
}

#nav li {
	padding: 0 10px;
	float: left;
}

#nav a {
	text-decoration: none;
	color: #3d3938;
	font-size: 13px;
}

#nav a:hover {
	color: #aebd37;
}

#edinburgh, #showcase, #newsAndEvents, #people, #research, #programmes, #admissions, #facilities {
	display: block;
	height: 40px;
}

#edinburgh a{
	width: auto;
	height: 40px;
	display: block;
}

#edinburgh a:hover{
	background: url(../images/triangle1.png) no-repeat center bottom;
	width: auto;
}

#edinburghActive{
	background: url(../images/triangle1.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}

#showcase a{
	width: auto;
	height: 40px;
	display: block;
}

#showcase a:hover{
	background: url(../images/triangle2.png) no-repeat center bottom;
	width: auto;
}

#showcaseActive {
	background: url(../images/triangle2.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}

#newsAndEvents a{
	width: auto;
	height: 40px;
	display: block;
}

#newsAndEvents a:hover{
	background: url(../images/triangle3.png) no-repeat center bottom;
	width: auto;
}

#newsAndEventsActive {
	background: url(../images/triangle3.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}

#people a{
	width: auto;
	height: 40px;
	display: block;
} 

#people a:hover{
	background: url(../images/triangle4.png) no-repeat center bottom;
	width: auto;
} 

#peopleActive {
	background: url(../images/triangle4.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
} 

#research a{
	width: auto;
	height: 40px;
	display: block;
}

#research a:hover{
	background: url(../images/triangle5.png) no-repeat center bottom;
	width: auto;
}

#researchActive {
	background: url(../images/triangle5.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}

#programmes a{
	width: auto;
	height: 40px;
	display: block;
}

#programmes a:hover{
	background: url(../images/triangle6.png) no-repeat center bottom;
	width: auto;
}

#programmesActive {
	background: url(../images/triangle6.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}

#admissions a{
	width: auto;
	height: 40px;
	display: block;
}

#admissions a:hover{
	background: url(../images/triangle7.png) no-repeat center bottom;
	width: auto;
}

#admissionsActive {
	background: url(../images/triangle7.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}

#facilities a{
	width: auto;
	height: 40px;
	display: block;
}

#facilities a:hover{
	background: url(../images/triangle8.png) no-repeat center bottom;
	width: auto;
}

#facilitiesActive {
	background: url(../images/triangle8.png) no-repeat center bottom;
	width: auto;
	height: 40px;
	display: block;
}


/*----------------bottom content----*/
#containerBottom {
	width: 760px;
	margin: 0 auto;
	margin-top: 20px;
}

#title {
	width: 47px;
	float: left;
}

#content {
	width: 310px;
	padding-left: 25px;
	margin-top: -165px;
	color: #FFF;
	line-height: 15px;
	float: left;
}

#content h2 {
	font-size: 18px;
	color: #bce1f1;
}

#content a {
	text-decoration: none;
	color: #aebd37;
}

/*------------Other links----*/
.links {
	width: 240px;
	background: url(../images/box.png) no-repeat;
	float: right;
}

.links p {
	padding: 0 0 5px 20px;
}

.links a {
	color: #3d3938;
	font-size: 13px;
	line-height: 14px;
	text-decoration: none;
}

.links a:hover {
	color: #aebd37;
}

/*--------------Flash element----*/
#flash {
	display: block;
	clear: right;
	float: right;
	margin-right: -3px;
}

/*--------------Image Thumbnails----*/
.thumbsShowcase h4, .thumbsEdinburgh h4, .thumbsNews h4, .thumbsProg {
	color: #bce1f1;
	text-align: center;
}

.thumbsShowcase img, .thumbsEdinburgh img, .thumbsNews img, .thumbsProg img{
	border: none;
	padding: 10px 5px 5px 15px;
}

.thumbsEdinburgh {
	display: block;
	border: none;
	clear: right;
	float: right;
	margin-right: 20px;
	margin-top: -45px;
}

.thumbsShowcase {
	display: block;
	border: none;
	clear: right;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

.thumbsNews {
	display: block;
	border: none;
	clear: right;
	float: right;
	margin-right: 70px;
	margin-top: 5px;
}

.thumbsProg {
	display: block;
	border: none;
	clear: right;
	float: right;
	margin-right: 25px;
	margin-top: 5px;
}


/*--------------Footer----*/
#footer {
}




/*------------------Vertical Accordions----*/
		
		#vertical_container {
			width: 350px;
			float: left;
		}
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 350px;
			background: url(../images/accordion_toggle.jpg) no-repeat;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat;
			color: ##3d3938;
		}
		
		.accordion_content {
			background-color: #3d3938;
			color: #fff;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 0 10px 0 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 350px;
			background: url(../images/accordion_toggle.jpg) no-repeat;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat;
			color: #ffffff;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}