/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
body {
	padding:0;
	margin:0;
	background:#660000 url(images/bgpattern.gif) repeat;
	color: #000000;
	text-align:center;
}

html, body, table, td, p { font-family: Arial, Geneva, Helvetica, sans-serif; font-size:11px; }

#outer{
	height:100%;
	min-height:100%;
	width:942px;
	background:#660000 url(images/1colcentrebg.gif) repeat-y center top;
	color: #000000;
	margin:auto;
	text-align:left;
/*	position:relative;*/
	border-left:#530001 solid 4px;
	border-right:#530001 solid 4px;
}

a:link { color: #660000;  text-decoration : none; font-weight:normal; }
a:visited {color: #660000; text-decoration : none; }
a:active {color: #660000; text-decoration : none; }
a:hover { color: #660000; text-decoration : none; }



/** PARAGRAPH, H1, H2 **/

/*p {
color:#00000;
font-weight:normal;
text-align:justify;
padding-left:10px;
padding-right:10px;
}
*/

strong {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left:14px;
margin:0;
}

h2 {
color:#990000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
padding-left:10px;
}

.red { color:#660000; font-family:Arial, Helvetica, sans-serif;
font-size:12px; font-weight:bold; padding:0; margin:0; }


.pointer {
background:url(images/dot.gif) no-repeat;
background-position:1px 8px; margin:0; padding:3px 0 0 12px;}

#outer p {padding-left:6px; padding-right:6px}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header {
	background:transparent;
	height:40px;
	width:930px;
	margin-left:6px;
	margin-right:6px;
	text-align:center;
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

/*// CONTENT DIVS //*/

#content {
	background:#fff;
/*	height:836px;*/
	width:930px;
	margin-left:6px;
	margin-right:6px;
	/***overflow:auto;  IE7 fix by DevDesigner.com **/
}

.big1{width:930px; height:82px; background:none;}

	.logo {float:left; width:316px; height:82px; background:#fff url(images/kyotohostel-logo.gif);}
	.flagcontainer {float:left;width:447px; height:82px; background:#fff;}
		.flags {float:left;width:447px; height:27px; background:#fff;}
		.toptext{float:left;width:447px; height:55px; background:#fff; border:0px solid; padding:10px 0 0 0;}
	.yebag {float:left;width:167px; height:82px; background:#ffffff url(images/yellowbag.jpg) no-repeat;}	

#topbox { font-size: 12px; display:block; float:left; padding:0 20px 0 0; margin:0; width:200px; color:#003F86; text-align:center; font-weight:bold;}

.big2{width:930px; height:240px; min-height:240px; background:none; border:0px solid #000000;}

	.flashbox {float:left;width:430px; height:240px; background:#666;}

#treebox {float:left;width:334px; height:240px; background:#fff url(images/tree-bg.jpg); margin:0; padding:0 0 0 0; border:0px solid;}
#treebox h2 {margin:0; padding:6px 0 0 20px; font-size: 12px;}
#treebox p { text-align:justify; padding:1px 10px 0 20px; margin:1px; }


#mainleft { float:left; display:block; width:170px; margin:0 20px 0 0; padding:0 0 0 0; border:0px solid #000000; }

#mainmiddle { float:left; display:block; width:560px; margin:0 14px 0 0; padding:0 0 0 0; border:0px solid #000000; }
#mainmiddle strong {margin:0; padding:6px 0 10px 20px; font-size: 16px; font-weight:bold; color:#CC0000; }
#mainmiddle h2 {margin:0; padding:6px 0 0 20px; font-size: 14px; color:#990000;}
#mainmiddle p { text-align:justify; padding:1px 20px 10px 20px; margin:1px; font-size:12px; }



#right{ float:left; display:block; width:166px; margin:0; padding:0 0 0 0; border:0	px solid #000000; text-align:right; }


.big3{width:930px; height:146px; background:none; border:0px solid #000000;}

	.bookingbox {
	float:left;
	width:430px;
	height:146px;
	background:#fff url(images/bookingbg.jpg);
	margin: 0; padding:0;
}
	.address {float:left; width:167px; height:146px; background:#fff url(images/address.gif); background-repeat:no-repeat; 
				font:Arial; font-size:12px; font-weight:bold; text-align:center; padding:0; margin:0; border:0px solid #000000;}

	.address-in {float:left; width:166px; height:146px; background:url(images/address-in.gif); background-repeat:no-repeat; 
				font:Arial; font-size:12px; font-weight:bold; text-align:center; padding:0 0 0 0; margin:4px 0 0 0; border:0px solid #000000;}

	.kismenu {float:left; width:167px; height:146px; background:#fff ;}
	.bus {float:left; width:166px; height:146px; background:#fff ;}





#footer {
/*	position:absolute;*/
	bottom:0;
	left:0;
	background:transparent;
	height:40px;
	width:930px;
	margin-left:6px;
	margin-right:6px;
	
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

	#foot { font-size:11px; color:#D3B3B6; padding:0; margin:0; font-weight:normal; }		

#clearfooter{clear:both;height:10px;}/*needed to make room for footer*/
#clearfooter2{clear:both;height:2px; border-bottom:1px solid #999999;}/*needed to make room for footer*/

#txtintro {color:#fff;
font-weight:normal;
text-align:left; padding:2px 2px 4px 2px; margin:0;}


.table {
	border-bottom: solid 1px #C8BBA8;
}		

#blue { color:#3366CC;}


input, textarea, button, select  {
/*width:80%;*/
	margin:1px;
	padding: 0px;
	border: 1px solid #006699;
	letter-spacing : 0.02em;
	font: 13px Arial, Helvetica, sans-serif;
	background:#fdf2e5;
	}



/* *********** MENU ******************  */
#menu {float:left;width:166px; background:#fff; padding:0; margin:0 0 0px 0;}

#menu ul {
float:left;
margin:0;
padding:8px 0 0 8px;
font-size:12px;
font-family:Arial;
font-weight:bold;
list-style:none;
line-height:18px;
}

#menu ul li a:link, #menu ul li a:visited {
color:#173e78;
text-decoration:none;
background:#fff url(images/menu.gif) no-repeat;
padding:2px 1px 4px 16px;
width:141px;
display:block; font-weight:bold;
}

#menu ul li a:hover {
color:#990000;
text-decoration:none;
background:#fff url(images/menu-a.gif)  no-repeat;
padding:2px 1px 4px 16px;
width:141px;
display:block;
}

#menu ul li a:active {
color:#000;
text-decoration:none;
background:#fff url(images/menu-a.gif)  no-repeat;
padding:2px 1px 4px 16px;
width:141px;
display:block;
}


/*############################ RSS LINKEK #######################################*/

.rssbox{
  margin:0px;
  padding:0px 0px 10px 0px;
  width:100%; border:0px solid #003366;
  text-align:center;
}

.rssbox a{
  width:187px;
  float:left;
  margin:4px 10px 0px 10px;
  padding:0px;
  font:bold 10px Verdana;
  text-align:left;
  text-decoration:none;
  color:#D3B3B6;

}
.rssbox a:visited, .rssbox a:hover {
  text-decoration:none;
  color:#D3B3B6;

}


.rssbox a span{
  float:left;
  margin:0px;
  padding:0px;
  white-space:nowrap;
  cursor:pointer;

}

.rssbox a b{
  position:absolute;
  padding:3px 5px 3px 5px;
  width:200px;
  color:#993333;
  background:white;
  border:1px solid #993333;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;

}

.rssbox a img{
  margin:2px 4px 0px 0px;
  padding:0px;
  border:0px;
  float:left;

}