/* Styles from previous CSS */
#sectionTitle {
	background-color: 				#D81E05;
/*	background-image:				url('/about/images/titlebar.jpg');
	background-position:	 		right 50%;
	background-repeat:				no-repeat;*/
}

#frontPart {
	background-color:				#E9E9E9;
	height: 						30px;
	width: 							592px;	
	float: 							left;
	margin-bottom: 					10px;
	repeat:							repeat-y;
	background-image:				url('/about/images/sub-banner-home.jpg');	
}

#download{
	background-image:			url('/support/accommodation/images/pdf_logo.gif');
	background-position:		 right 50%;
	background-repeat:			no-repeat;
	height: 					16px
}
.rightColumn h4 {
	font-weight:		normal;
	margin:				0px;
	padding:			0px;
	padding-bottom:		6px;
	padding-top:		6px;
	border-bottom:		1px #fff solid;
}

.moreinfo {
	padding:			0px;
	margin:				0px;
	padding:			8px;
	background-color:	#e7e3ef;
	border:				1px solid #666;
}

.moreinfo p {
	padding:			0px;
	margin:				0px;
}

.introduction {
	font-weight:		bold;
	margin-top:			10px;
	margin-bottom:		10px;
	border-bottom:		3px solid #2B2F4D;
	background:			#626BB0; 
	padding:			10px; 
	width:				570px;
	color:				white;
	display:			block;
}

.container { 
	position: relative; left: 2px; top: 13px; 
	color: #D6D6F1;
	background: none;
	font-size: 20px;
	border: 0px;
}

.text { 
	position: absolute; left: -2px; top: -2px; 
	color: #171769;
	border: 0px;
}

.atoz {
	background: #EFEFEF;
}

.atoz p {
	text-align:			center;
	color:				#666;
}

.atoz a:link, .atoz a:visited {
	text-decoration: 	none;
	color:				#666;
}

.atoz a:active {
	text-decoration: 	none;
	color:				#F00;
}
.atoz a:hover {
	text-decoration:	underline;
	color:				#00F;
}

.printmap a:link, .printmap a:visited {
	text-decoration: 	none;
	color:				#d81e05;
}

.printmap a:active {
	text-decoration: 	none;
	color:				#d81e05;
}
.printmap a:hover {
	text-decoration:	underline;
	color:				#FF3300;
}

.atoz b {
	color:				#000;
	font-size:			120%;
}
#pdfContainer{
	background:			url('/about/maps/images/background_container.jpg');
	width:				588px;
	clear:				both;
	border-top:			1px solid #C8D2D8;
	border-left:		1px solid #C8D2D8;
}

#pdfContainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#pdfContainer {display: inline-table;}

/* Hides from IE-mac \*/
* html #pdfContainer {height: 1%;}
#pdfContainer {display: block;}
/* End hide from IE-mac */


.pdfMap{
	float:				left;
	width:				145px;
	height:				145px;
	vertical-align:		top;
	text-align:			center;
	border-right:		1px solid #C8D2D8;
	border-bottom:		1px solid #C8D2D8;
	border-left:		1px solid #fff;
	border-top:			1px solid #fff;
}
.pdfMap p{
/*	font-weight:		bold;*/
	vertical-align:		top;
	text-align:			center;
	margin:				0px;
	padding:			0px;
	padding-top:		5px;
	font-size:			8pt;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}
.pdfMap a:link, .pdfMap a:visited, .pdfMap a:active {
	text-decoration: 	none;
	color:				#d81e05;
	padding:			0px;
}
.pdfMap a:hover {
	text-decoration:	underline;
	color:				#FF3300;
}
.pdfMapImg{
	text-align:			center;
	margin:				auto;
	width:				110px;
	height:				70px;
	border:				1px solid #98A7B0;
	margin-top:			30px;
}
.pdfMapImg img {
	display:			block;
}

.key{
	width:				190px;
	float:				left;
	display:			inline;
	margin:				0px 0px 0px 0px;
	padding:			5px;
}
.key p{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
}
.printmap{
	width:				174px;
	/*border:				1px solid #d81e05;*/
	float:				right;
	display:			inline;
	margin:				0px 0px 0px 0px;
}
.printmap p{
	text-align:			center;
	font-weight:		bold;
	color: 				#d81e05;
	margin:				0px 0px 0px 0px;
	padding:			5px 10px 5px 10px;
}
.hallplace{
	background: #EFEFEF;
	margin:				0px 0px 0px 0px;
	padding:			2px 10px 2px 10px;
}

/* This is for the navigation on the /history/installation slideshow */

.tourNav {
	clear:					both;
	text-align:				right;
	margin-bottom:			8px;
	border-bottom:			1px #aaa solid;
	vertical-align:			middle;
	padding-bottom:			8px;
}
.tourNav img {
	margin-left:			4px;
	margin-right:			4px;
	vertical-align:			middle;
}
.tourNav h2 {
	float:			left;
}
.ref {
	color:				#666;
	font-size:			90%;
}


/* Styles for the new Student pages -------------------------------------------------------------------  */
.cleaner {clear: both; height: 1px; width: 100%;}
#pageTitle {
	background: #EAEAEA url("../images/bg/page-title.gif") top left repeat-y;
	height: 57px;
	width: 586px;
	padding-top: 21px;
	padding-left: 6px;
	color: #996666;
	font-size: 28px;
	margin-top: 2px;
}
#mainImage {
	position: absolute;
	top: -15px;
	right: -2px;
	_right: 0px;
}
.smallTitle {
	font-weight: bold;
	color: #996666;
}
.smallBox {
	width: 139px;
	height: 175px;
	display: block;
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
}

.smallBox a {}
.smallBox a:hover {}

.smallBox p {
		color: #333333;
		font-size: 11px;
		padding: 0 5px 0 5px;
		margin: 0;
}
.smallBox img {
	margin: 0;
	padding: 0;
}
.smallBox h4, .smallBox h4 a, .smallBox h4 a:hover, .smallBox h4 a:visited {
	height: 21px;
	margin: 0;
	color: #fff;
}
.smallBox h4 {border-bottom: 1px solid #fff;	padding: 4px 0 0 8px;}

/* box colours */

.brownHeader {background: #996666;}
.blueHeader {background: #5A5F88;}
.greenHeader {background: #5F885B;}
.brownGreenHeader {background: #998E66;}
.purpleHeader {background: #996699;}
.aquaHeader {background: #5D7C8B;}
.oliveHeader {background: #8C9362;}
.lightBrownHeader {background: #997E66;}

.brown {background: #EAEAEA url("../images/bg/arrows/brown.gif") bottom right no-repeat;border-bottom: 3px solid #996666;}
.blue {background: #EAEAEA url("../images/bg/arrows/blue.gif") bottom right no-repeat;border-bottom: 3px solid #5A5F88;}
.green {background: #EAEAEA url("../images/bg/arrows/green.gif") bottom right no-repeat;border-bottom: 3px solid #5F885B;}
.brownGreen {background: #EAEAEA url("../images/bg/arrows/brownGreen.gif") bottom right no-repeat;border-bottom: 3px solid #998E66;}
.purple {background: #EAEAEA url("../images/bg/arrows/purple.gif") bottom right no-repeat;border-bottom: 3px solid #996699;}
.aqua {background: #EAEAEA url("../images/bg/arrows/aqua.gif") bottom right no-repeat;border-bottom: 3px solid #5D7C8B;}
.olive {background: #EAEAEA url("../images/bg/arrows/olive.gif") bottom right no-repeat;border-bottom: 3px solid #8C9362;}
.lightBrown {background: #EAEAEA url("../images/bg/arrows/lightBrown.gif") bottom right no-repeat;border-bottom: 3px solid #997E66;}

/* end of box colours */

.categories {
	width: 290px;
	float: left;
	margin-right: 10px;
}
.categories h4 {
	color: #D81E05;
	background: url("../images/bg/arrows/red.gif") center left no-repeat;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 11px;
}

.categories p {
	color: #333333;
	padding: 0 0 0 11px;
	margin: 0;
	font-size: 11px;
}

.last {margin: 0;}

.accommodationIconBox {
	width: 111px;
	border: 1px dotted #000;
	height: 149px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	overflow: hidden;
	background: url("../images/bg/iconBox.gif") no-repeat bottom right;
}
.lastIcon {margin-right: 0;}

.accommodationIconBox img {
	margin: 33px 0 0 27px;}
	
.accommodationIconBox p {
	font-size: 11px;
	text-align: center;
	padding: 5px;
	color: #5A5F88;
	margin: 0;
	padding: 5px;
}

.iconBoxHold {
	width: 246px;
	float: right;
	padding: 0;
	margin: 0;
	border: none;
}
.pageText {
	width: 320px;
	float: left;
	height: 140px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-top: 15px;
}

.imagesHold {
	float: left;
	margin-top: 15px;}
	
	
/* Styles for the new map pages -----------------Map and directions-----------------------------------------------  */
hr{
	height:1px;
	background-color:#aea79f;
	border:0;
	width:100%;
	margin:10px 0 20px;
	float:left;
}

#contentWithColumn2 {
    display: inline;
    float: left;
    position: relative;
    top: 10px;
    width: 406px;
}

#contentWithColumn2 div{
    font-size: 1em;
}

#contentWithColumn2 p {
    font-size: 0.8em;
}
/*.walkHighways {
	font-size: 13px;
}*/
#side_bar, #top_bar {
	width:190px;
	margin:0px;
	background:#fff;
	float:left
}
#side_bar p, #top_bar p {
	font-size:0.85em !important;
	line-height:1.1em !important;
	margin:0;
	padding:3px 5px 3px 7px;
	background:#efedec;
	float:left;
	width:178px;
	border-bottom: 1px solid #fff;
}

/*#top_bar {
	width:406px;

	margin:0 0 10px;
}
#top_bar p {
	line-height:1.1em;
	margin:2px 0;
	padding:5px 10px;
	border-bottom: 1px dotted #aea79f;
}*/
#top_bar img, #side_bar img{
padding:0 7px 0 0;
}

#side_bar a:link,
#side_bar a:active,
#side_bar a:visited,
#top_bar a:link,
#top_bar a:active,
#top_bar a:visited,
.directions a:link,
.directions a:active,
.directions a:visited,
table#mapDownloads a:link,
table#mapDownloads a:active,
table#mapDownloads a:visited {
	color:#1a67b4;
}

#map{
	width:405px;
	height:400px;
	border-right:1px solid #fff;
	/*margin-top:30px;*/
}
#mapIndex {
	overflow:auto;
	background: url("../images/bg-mapTable.gif") repeat top left;
	margin-bottom:40px;
	}

#mapIndex #map{
	float:left;
}

table#cantMap {
	margin:20px 0;
	border-collapse: collapse;

}
table#cantMap td {
	vertical-align:top;
	background: url("../images/bg-mapTable.gif") repeat top left;
	margin:0;
	padding:0;
}

#cantCats {
	overflow:auto;
	float:left;
	color:#464340;
	width:190px;
	background: #efedec;
	font-weight:bold;
}
#cantCats img{
	padding: 0 7px;
}

#cantCats div{
	font-size:0.85em !important;
	line-height:1.1em;
	margin:2px;
	padding:3px;
}

.input_checkbox {
    height: 13px;
    margin: 0px !important;
    width: 13px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;

}

/*.ToFromDirections {
	font-size:0.8em;
	padding:0;
	margin:0;
	margin-top:10px;
	}*/
.locationDetails {
	font-size:10pt;
	line-height:13pt;
	padding:0;
	margin:0;
	}
.locationDetails img {
	visibility:hidden;
	width:0px;
	height:0px;
	}
	
.directions {
	font-size:10pt;
	line-height:13pt;
	padding:0;
	margin:10px 0 0 0;
}
.quickDirections {
	width:406px;
	float:left;
}
.quickDirections h4{
	color:#d81e05;
}
#campusLocations {
	width:190px;
	float:left;
}
#campusLocations h3{
	padding: 6px 5px 6px 9px;
	font-size: 1em;
	line-height: 1.1em;
	color: #FFF;
	background-color: #68645f;
}
/*#locations {
	width:172px;
	margin-top:48px;
}
#locations h3{
	padding: 6px 5px 6px 9px;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #FFF;
	height: 20px;
	background-color: #7eb442;
	font-weight: normal;
}*/
.quickDirections h4.walk {
	background: url(../images/icon-walk.png) no-repeat left top;
}
.quickDirections h4.car {
	background: url(../images/icon-car.png) no-repeat left top;
}
.quickDirections h4.train {
	background: url(../images/icon-train.png) no-repeat left top;
}
.quickDirections h4.cycle {
	background: url(../images/icon-cycle.png) no-repeat left top;
}
.quickDirections h4.air {
	background: url(../images/icon-plane.png) no-repeat left top;
}
.quickDirections h4.sea {
	background: url(../images/icon-boat.png) no-repeat left top;
}

.quickDirections h4.bus {
	background: url(../images/icon-bus.png) no-repeat left top;
}

.quickDirections h4.walk, .quickDirections h4.car, .quickDirections h4.train, .quickDirections h4.cycle, .quickDirections h4.air, .quickDirections h4.sea, .quickDirections h4.bus {
	padding:10px 0 10px 35px;
	margin:20px 0 0;
}








/* Styles for the new map pages -----------------Right hand menu--------------------------------------------------  */

/*#rightContent {
    float: right;
    margin: 13px 0 0;
    padding: 0;
    width: 188px;
}
*/
.RelatedItems h2 {
	padding: 6px 5px 6px 9px;
	font-size: 1.3em;
	line-height: 1.1em;
	color: #FFF !important;
	height: 20px;
	background-color: #68645F;
	font-weight: bold;
	width:164px !important;
}
table#mapDownloads{
	border-collapse:collapse;
	width:404px;
	float:left;
}
table#mapDownloads td, table#mapDownloads th {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    width: 50%;
    vertical-align:top;
}
table#mapDownloads td {
   border-bottom:1px solid #efedec;
}

table#mapDownloads th {
   background:#7eb442;
   color:#fff;
   font-size:1.3em;
}


table#mapDownloads .subhead {
	font-size: 0.85em;
	line-height: 1.1em;
	color: #464340;
	background-color: #efedec;
	font-weight:bold;
}

	
.RelatedItems {
	width: 178px;
	margin: 0 0 20px 0;
	float:right;
}
.RelatedItems img{
	margin: 20px 10px;
}

.filesize {
	color: #68645f;
	font-size:0.9em;
}
.RelatedItems a:link, .RelatedItems a:visited, .RelatedItems a:active {
    color: #1A67B4;
}
.RelatedItems a:hover {
    color: #1A67B4;
    text-decoration:underline;
}


.RelatedItems ul {
	margin:0;
	padding:0;
	list-style: none;
}
.RelatedItems ul li {
	font-size: 0.85em !important;
	line-height: 1.2em;
	padding: 5px 5px 6px 10px;
	border-bottom: 1px dotted #CECAC5;
}