@charset "iso-8859-1";
/* 
main.css file for home page and template.
Created by Mark Taylor, 25/01/07.
*/

/* General font, margin and alignment formatting */
body {
		 text-align: center;
		 margin: 0 auto;
		 font-family: arial, helvetica, sans-serif;
}

/* Main div that encapsulates whole page. */									
#wrapper {
				 margin: 0 auto;
				 width: 960px;
}

/* Left hand side adverts */
#adLeft2 {
				width: 125px;
				height: 500px;
				float: left;
				
}

/* Right hand side adverts. */									
#adRight2 {
         width: 125px;
				 height: 500px;
				 float: left;
				
}

/* Main center content area */
#main2 {
			width: 670px;
  		float: left;
			height: 1200px;
			margin: 20px 10px;
}

/* Backpack UK Logo */
#title {
			 text-align: left;
			 margin-bottom: 10px;
}

/* Blue information bar */
#infoBar2 {
				 height: 20px;
				 background-color: rgb(175,199,225);
				 color: rgb(30,13,127);
				 font-weight: bold;
				 font-size: 1em;
				 text-align: left;
				 padding-left: 10px;
}	

/* Area containing extra navigation links */
#verticalNav {
						 background-color: #dcdcdc;
						 border: 1px solid red;
						 width: 160px;
						 margin-left: 5px;
						 padding: 0;
						 text-align: center;
}

/* Left hand side of main content area */
#contentLeft {
						 float: left;
						 width: 180px;
						 height: 830px;  
						 margin-left: 5px;
						 padding: 0;
						 text-align: left;
}

/* Center of main content area */
#contentRight {
							float: left;
							width: 470px;
							height: 830px;
							padding-left: 5px;
}

/* Hostel world formatting */
#hostelWorld {
						 margin-left: 5px;
}

/* Footer area with extra areas */
#footer {
				text-align: center;
				font-size: 0.6em;
				margin-top: 40px;
				margin-bottom: 40px;
				clear: both;
}

/* Remove border from advert */
.noBorder {
					border: 0;
}

/* Border for bottom left advert */
.border1 {
				 border: 1px solid red;
}

/* Border for BackPack UK Logo */
.border3 {
				 border: 3px solid red;
}

/* 'Tell a friend' formatting */
.friend {
				color: rgb(30,13,127);;
				font-style: italic;
				font-size: 0.6em;
}		

/* Small top left map image */
.mapOfUK {
				 border: 0;
				 width: 49px;
				 height: 69px;
}

/* Formatting for main navigation table */
.navTable {
					color: white;
					font-size: 0.7em;
					border-top: 1px solid white;
					border-left: 1px solid white;
					border-right: 1px solid white;
					text-align: center;
					margin: 0;
}

/* Formatting for current page in main navigation */
.navCurrentPage {
								background-color: rgb(185,11,12);
								color: white;
								width: 10%;
}

/* Main nav links formatting */
.navLink {
				 background-color: rgb(30,13,127);
				 color: white;
				 width: 10%;
}

/* Wider accomodation link */
.navLinkAccom {
				 			background-color: rgb(30,13,127);
				 			color: white;
				 			width: 20%;
}

.navLinkAccomSelected {
				 							background-color: rgb(185,11,12);
				 							color: white;
				 							width: 20%;
}

/* Welcome to backpack uk tile text */
.welcomeTitle {
			 border: 0;
			 width: 637px;
			 height: 98px;
}

/* Picture of the London Eye */
.londonEye {
					 border: 1px solid red;
					 width: 170px;
					 height: 100px;
					 text-align: left;					 
}

/* Header for extra links navigation */
.contentHeader {
							 background-color: #000099;
							 font-size: 14px;
							 color: #cccccc;
							 font-weight: bold;
							 border: 3px solid white;
							 margin: 0;
}

/* Formatting for extra navigation links */
.contentLinks {
							text-align: left;
							background-color: #dcdcdc;
							font-size: 10px;
							margin: 3px 0 3px 0;
							padding: 0;
}

/* Main page text */
.welcomeText {
						 color: #696969;
						 font-size: 11px;
						 width: 450px;
						 text-align: center;
						 line-height: 20px;				 
}

/* 'Enjoy the site' text */
h4 {
	 font-style: italic;
}

/* Large map image */
.mainMap {
				 border: 0;
				 width: 260px;
				 height: 370px;
}

/* Spacers between small link at bottom of page */
.divide {
				color: #ff0000;
}

/* Small Union Jack images */
.smallUnionJack {
								border: 0;
								width: 36px;
								height: 18px;
}

/* Link formatting */
.navLink a, .navLinkAccom a {
				 	 								  color: white;
  													text-decoration: none;
}

/* Link formatting */
a {
	text-decoration: none;
	padding: 0 5px 0 5px;
  color: rgb(30,13,127);
}

/* Small links at bottom of page */
.smallLinks {
						padding-top: 5px;
						color: rgb(30,13,127);
}

/* 'click on map to enter forum' text under map */
.smallText {
					 font-size: 10px;
					 text-align: center;
}

/* Timeline formatting on photos.htm page */
.timeLine {
					text-align: left;
					font-size: 0.7em;
					font-weight: bold;
					padding-left: 10px;
					color: rgb(30,13,127);	
					clear: both;		
}

/* Gen Centre Text */
.GenCentreText {
					text-align: center;
					font-size: 11px;
					font-color: #696969;
					line-height: 20px;
					width: 650px;		
}
/* Gen Text */
.GenText {
					text-align: left;
					font-size: 11px;
					font-color: #696969;
					line-height: 20px;
					width: 650px;		
}
/* Gen 400 Text */
.Gen400Text {
					text-align: left;
					font-size: 11px;
					font-color: #696969;
					line-height: 20px;
					width: 400px;		
}
/* Gen Centre 400 Text */
.GenCentre400Text {
					text-align: center;
					font-size: 11px;
					font-color: #696969;
					line-height: 20px;
					width: 400px;	
}
/* Photo pages title formatting */
.photoTitle {
						text-align: left;
						text-decoration: underline;
						color: rgb(30,13,127);	
						background-color: white;
						font-size: 1.3em;
						font-weight: bold;
						padding-left: 10px;
						margin: 10px 0 0 0;
}

#slideArea {
					 height: 480px;
}

#slideArea2 {
					 	height: 430px;
}

#slideArea3 {
					 	height: 390px;
}

#slideArea4 {
					 	height: 370px;
}

span {
		 color: rgb(185,11,12);
		 background-color: white;
}

.thumbs {
					text-align: center;
					font-size: 0.7em;
					font-weight: bold;
					color: rgb(30,13,127);			
}

/* Css for accommodation.htm page */

.title, .subTitle {
  								text-align: left;
									font-weight: bold;
}
									
.title {
			 margin: 0;
			 padding: 0 0 10px 5px;
			 font-size: 1.4em;
			 height: 20px;
			 width: 250px;
			 text-align: left;
}
									
.subTitle {
					margin: 0;
					padding: 0 0 10px 5px;
					font-size: 1.2em;
					height: 20px;
					width: 250px;
}
									
.headingLeft {
				 		 float: left;
				 		 width: 30%;
}
									
.headingRight {
							text-align: right;
							font-size: 0.8em;
							font-weight: bold;
							padding-right: 10px;
							height: 70px;
							width: 47%;
							float: right;
}
									
.searchInput {
						 height: 18px;
						 font-size: 0.8em;
						 font-weight: bold;
						 margin:0;
						 padding: 0;
}
									
.button {
				height: 20px;
				width: 100px;
				font-size: 0.7em;
				background-color: rgb(185,11,12);
				color: white;
				font-weight: bold;
				margin: 3px 0 0 0;
}

#redTitle {
					height: 70px;
					background-color: rgb(185,11,12);
					color: white;
					text-align: left;
}

.contentTitle, .contentSubTitle {
							 									padding-bottom: 5px;
																margin: 0;
																font-weight: bold;
																color: rgb(30,13,127);
																text-align: left;
}
									
.contentTitle {
							font-size: 0.9em;
}
									
.contentSubTitle, select, .regionSumit {
								 											 font-size: 0.7em;
}

#mainTopLeft {
						 text-align: left;
						 padding-top: 30px;
						 float: left;
    				 margin-left: 30px;
}

#mainTopRight {
							text-align: left;
							text-align: right;
}

.mapRegions {
						height: 450px;
						width: 443px;
						margin-top: 10px;
						border: none;
}

#mainBottom2 {
						 height: 380px;
						 text-align: center;
}

.subTitle2 {
					 font-size: 1.2em;
					 font-weight: bold;
					 padding-bottom: 10px;
}

.hostelMonth {
						 height: 150px;
						 width: 100px;
						 font-size: 0.7em;
						 border: 1px solid black;
}

/* CSS for regions pages */

#mainBottom {
						clear: both;
						border: 1px solid black;
						height: 360px;
						overflow: auto;
}

#mainBottomContent {
  								 color: rgb(30,13,127);
									 padding: 10px 0 0 10px;
									 text-align: left;
									 font-weight: bold;								
}
									
#col1, #col2 {
										width: 280px;
										float: left;
										margin-top: 20px;
										margin-left: 20px;
}

#mainBottomHeader {
									height: 50px;
									background-color: rgb(185,11,12);
									color: white;
									font-size: 0.7em;
									padding-top: 2px;
									text-align: left;
}			

.hostel {
				font-size: 0.7em;
				font-weight: normal;
				padding: 10px 0;
}	

.img {
  height: 120px;
  width: 100px; 
}