/* Style sheet for descriptive pages  styles.css */
/*GENERAL ITEMS */
		body {
			font-family: verdana,arial;
			font-size: 13px;
			text-align: justified;
		}
		h1 {
			color: blue;
		}
		h2 {
			font-style: italic;
			text-align: center;
		}
		h3.linker {
			font-style: italic;
			text-align: center;
			color: red;
		}
		h3 {
			font-style: normal;
			text-align: left;
			color: blue;
			font-size: 20px;
		}
		h7 {
			font-style: normal;
			text-align: left;
			color: blue;
			font-size: 15px;
		}
		h4 {		
			font-style: italic;
			text-align: left;
			color: blue;
		}
		h5 {
			text-weight: bold;
			text-align: left;
			font-size: 14px;
			margin: 0px;
		}
		a {
			font-family: Arial, Verdana;
			color: #6622ff;
			text-decoration: none;
		}		
		a:hover {
			background-color: #d5ebff;
			color: #9911aa;
		}

		img	{
			border: 0;
		}
		.logo	{
			margin-left: 30px;
		}
		.textordin {
			font-family: Arial, Verdana;
			text-align: center;
		}
		.textbold {
			text-align: center;
			font-weight: bold;
			font-size: 14px;
			border-width: 1px;
			border-style: dotted;
			margin: 10px;
		}

/* GUIDE PAGES */
		body.guide	{
			background-color: #f1f7e0;	/*Background to text*/
		}
		#guidpage h4 {
			font-style: normal;
			text-align: left;
			color: blue;
			font-size: 15px;
		}
		#guidpage h5 {
			text-weight: bold;
			text-align: left;
			font-size: 13px;
			margin: 0px;
		}
		#guidpage {
			border-style: solid;
			border-width: 6px;
			padding: 25px;
			position: absolute;
			left: 170px;
			top:0px;
			border-color: #88bb22;
		}
		#guidpage ul  a	{
			font-weight: bold;
			font-size: 14px;
			font-family: verdana;
			color: #338808;	
			text-decoration: underline;
		}
		#guidpage .photo	{
			float: right;
			margin-left: 5px;
			text-align: center;
		}
		body.guide #menuarea {
		/*	background-color: #cce6ff;*/
			background-color: #f7f1e0;
			line-height: 18px;
		}



/* GENERAL ITEMS 2 */
		.searchbox	{
			position: relative;
/*			background-color: white;*/
			top: 80px;
			left: 60px;
		}
		div.advert	{
			position: relative;
			left: 5px;
		}		
		div.advertbox {
			background-color: #eeeeaa;
			width: 120px;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			border-style: solid;
			border-width: 2px;
			border-color: #c69f44;
			padding: 4px;	
		}
		div.advertbox a {
			font-size: 15px;
		}
		div.annobox {
			text-align: center;
			font-weight: bold;
			font-size: 15px;
			border-width: 1px;
			margin: 10px;
			border-color: #c69f44;
		}
		
		div.ad180box {
		/* box for paid ads */
			float: right;
			background-color: #ffcc66;
			width: 190px;
			/*height: 80px;*/
			font-size: 14px;
			text-align: center;
			border-style: solid;
			border-width: 2px;
			border-color: #c69f44;
			padding: 4px;
			margin:8px;	
		}
		div.ad180box a:hover {
			background-color: #ffe8a8;
			color: #9911aa;
		}
		div.popbox {
		/* box to go in blue column below google ads */
			position: relative;
			text-align: center;
			font-size: 12px;
			margin: 5px;
			margin-top: 50px;
			margin-bottom: 50px;
			border-style: solid;
			border-width: 2px;
			border-color: #c69f44;
			padding: 2px;	
		}

		#sidecolumn {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 170px;
		}
		#sideright {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 170px;
		}
		#menuarea {
			background-color: #b2d9ff;
			line-height: 18px;
		}
		.menuitem {
			text-align: left;
			font-weight: bold;
			font-size: 12px;
			position: relative;
			left: -15px;
			color: #88aaff; /* color of text in menu */
		}
		/* prob not currently used */
/*		.guidsidebox {
			width: 100px;
			border-width: 1px;
			border-style: solid;
		}*/

/* DESCRIP PAGES */
		body.descrip	{
			background-color: #ffffdd;
		}
		#descpage {
			border-color: #c69f44;
			border-style: solid;
			border-width: 6px;
			padding: 25px;
			position: absolute;
			left: 170px;
			top:0px;
		}
		#popuppage {
			border-color: #c69f44;
			border-style: solid;
			border-width: 6px;
			padding: 25px;
			position: absolute;
			top:0px;
		}
		.submenu {
			text-align: center;
			font-size: 10px;
			padding-top: 5px;
			margin-top: 10px;
			font-weight: bold;
			border-width: 2px;
			border-color: #c69f44;	
			border-style: solid;	
		}

/* TOPI PAGES */
		body.topi	{
			background-color: #f0f8ff;
			}
		body.topi2	{	/* Used for scotmen etc */
			background-color: white;
			}
		.topihead	{
			text-align: center;
		}
		#topipage {
			border-style: solid;
			border-width: 6px;
/*			border-right-width: 20px;
			border-left-width: 0px;*/
			padding: 10px;
			position: absolute;
			left: 170px;
			top:0px;
			border-color: #b2d9ff;
			font-family: arial,verdana,sans-serif;
		}
		#topipage p {
			border-width: 0px;
			border-style: solid;
			border-color: green;	
		}
		.p4 {
			font-size: 22px;
			font-weight: bold;
			font-style: italic;
			text-align:center;
		}
		#topipage p3 {
			font-size: 18px;
			font-style: italic;
			color: red;
		}
/* Change format  to have first one as special, then only one other needed */
		#topipage table {
			position: relative;
			top: -40px;
			border-width: 0px;
			border-style: solid;
			border-color: green;	
		}
		#topipage table.linklist {
			position: relative;
			top: 0px;
			border-width: 0px;
			border-style: solid;
			border-color: green;	
		}
		#topipage table.mappage {
		/*	position: relative;*/
			top: 0px;
			border-width: 0px;
			border-style: solid;
			border-color: green;	
		}
		#topipage table.form {
			position: relative;
			top: 0px;
			border-width: 0px;
		}
		table.review td {
			width: 150px;
		}
		#topipage td {
			font-size: 13px;
			padding: 3px;
		}
		#topipage a {
			font-weight: bold;
			font-size: 15px;
			text-decoration: underline;
		}
		#topipage td.mapbox {
			padding: 10px;
		}
		.threecol {
		/* Used as class for div topipage or descpage when 3 cols used */
			right: 170px;
		}
		.smallside {
			width: 150px;
			float: right;
			margin-right:10px;
		}
		
		#descpage ul  a	{
			font-weight: bold;
			font-size: 14px;
			font-family: verdana;
			color: #885f29;	
			text-decoration: underline;
		}
		.photo 	img	{
			margin:4px;
		}
		 div .hostel {
	 		border-width: 3px;
	 		border-color: #88bb22; 
	 		border-style: solid;
	 		width: 70%;
	 		position: relative;
	 		left: 10%; 
	 		top: 5px;
	 		margin-bottom: 10px;
		 }
		/* Remove when all files converted */
		 div.hostel table {
		 	background-color: white;
		 	border-width: 1px;
		 	border-style: solid;
		 	border-color: black;
		 	width:100%;
		 }
		 div.hostelbox {
		 	background-color: white;
		 	border-width: 1px;
		 	border-style: solid;
		 	border-color: black;
		 	padding: 5px;
		 	font-family: arial;
		 }
		 .hostelbox p {
		 	margin-top: 0px;
		 }
		 p.shallow {
		 	line-height: 9px;
		 }
		 div.hname {
		 	font-size: 16px;
		 	text-align: center;
		 	color: FORESTGREEN;
		 }
		 div.sociable {
		 	float: right;
		 	width: 100px;
		 }
		 div.onlinbox {
		 	float: right;
		 	width: 130px;
		 }
		 
/* RATINGS */
		.ratings	{
			background-color: #ffddb0;
			font-family: arial;
			font-size: 12px;
		}
		.ratings topbox	{
			background-color: #ffdd66;
		}
		.ratings h2	{
			font-size: 16px;
		}
		.ratings span	{
			font-size:14px;
			font-weight: bold;
		}
		
/* BOX ADVERTS */		
/* adver shd be same as on styleshome.css */
		.adver {
			text-align: center;
			font-size: 18px;
			background-color: #ffdd99;
			border-style: solid;
			border-width: 1px;
			border-color: #c69f44;
			margin: 10px;
		}
		.adver a 	{
			background-color: #ffbb66;			
		}
		.adver p	{
			font-size: 12px;
		}
		p2	{
			font-size: 11px;
		}