/*** CSS documnet ***/

body {
	margin:0;
	padding:0;
	background-color: #d8f1fb;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 13px;
}

a {
	color:#DC5230;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#DC5230;
}

a:hover {
	color:#FFB44D;
	text-decoration: underline;
}

h1 {
	color: #FFBE65;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
}

h3 {
font:Arial, Helvetica, sans-serif;
font-size:12px;
}

p {
	line-height:1.5em;
	margin:0 0 15px;
	font-size: 100%;
}

/*** Main container ***/

#container {
	background-color: #5FABFF;
	margin: 0 auto 0 auto;
	width: 900px;
	margin-left: 5%;
	margin-right: 5%;
	border: 1px solid gray;
	background-image: url(../images/main/blue_test3.gif);
	
}

/*** Header section ***/

#header {
	height:140px;
	background-color:#5FABFF;
	width:900px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #E43310;
}

/*** Head Nav section ***/

#nav {
	background-color:#5FABFF;
	width:900px;
	margin-bottom:5px;
	background-image: url(../images/build/titlebar_org_900.jpg);
	height: 25px;
}


/*** Footer ***/

#footer {
	clear: both;
	width:auto;
	height: 50px;
	margin: 0;
	padding: 0.5em;
	color: #fff;
	background-color: #009ADA;
	border-top:  5px solid #F4AF54;
	font-size: 90%;
}

#footer a:link, a:visited {
	color: #00405C;
}

#footer a:hover, a:active {
	color: #DC5230;
} 

/*** Sidebars ***/

#leftside,#rightside {
	margin:0;
	padding:0 10px 10px;
	width:165px;
	background-color: #5FABFF;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
	float:right;
	margin-left:10px;
}

#leftside h1,#rightside h1 {
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 12px;
}

#leftside h2,#rightside h2 {
	font-size:1.21em;
	margin:0 0 20px;
}

#leftside p,#rightside p {
	font-size:0.9em;
	line-height:1.4em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0px;
}

#leftside, #rightside a {
color:#CB3632;
font-weight:bold;
text-decoration:none;
}

#leftside, #rightside a:hover {
	color:#333333;
}
/*** Content wrap ***/

#wrap {
	clear:both;
	font-size:0.9em;
	padding:0;
	width:900px;
	background-color: #5FABFF;
}

/*** Content ***/

#content {
	background-color:#fff;
	color:#2a2a2a;
	padding:0px;
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 200px;
	background-image: url(../images/build/content_bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#content p{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#content table{
	background-color:#fff;
	font-size: 100%;
}

#contentBox {
	background: #fff;
	border: 1px solid #CCCCCC;
	width: 400px;
	padding: .5em;
}

/*** Tour menu ***/
#menu {
	clear: left;
	float: left;
	width: 175px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#menu ul {
	list-style: none;
	width: 175px;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	text-align: center;
}	

#menu li {
margin-bottom: 4px;
}

#menu li a {
	font-weight: bold;
	height: 32px;
	text-decoration: none;
	color: #033554;
	display: block;
	background-image: url(../images/buttons/navbg_blue.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	background-position: top;
}	
	
#menu li a:hover {
	color: #ffffff;
	background-image: url(../images/buttons/navbg_red.gif);
	background-repeat: no-repeat;
	height: 32px;
}
#menu li a.offer {
	font-weight: bold;
	height: 32px;
	text-decoration: none;
	color: #F00;
	display: block;
	background-image: url(../images/buttons/navbg_yellow.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	background-position: top;
}	
	
#menu li a:hover.offer {
	color: #FFF;
	background-image: url(../images/buttons/navbg_red.gif);
	background-repeat: no-repeat;
	height: 32px;
}
#menu li a.nobg2 {
	font-weight: bold;
	height: 90px;
	text-decoration: none;
	color: #033554;
	display: block;
	padding: 5px 0 0 8px;
	background-image: none;
}	
	
#menu li a.nobg2:hover {
	height: 90px;
	text-decoration: none;
	background-color: #5FABFF;
	background-image: none;
	background-repeat: no-repeat;
}

/*** Hostel Menu ***/

#hostelmenu {
	clear: right;
	float: right;
	width: 175px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
}
#hostelmenu ul {
	list-style: none;
	width: 175px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}	

#hostelmenu li {
margin-bottom: 4px;
}

#hostelmenu li a {
	font-weight: bold;
	height: 28px;
	text-decoration: none;
	color: #033554;
	display: block;
	background-image: url(../images/buttons/navbg_blue.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}	
	
#hostelmenu li a:hover {
	color: #ffffff;
	background-image: url(../images/buttons/navbg_red.gif);
	background-repeat: no-repeat;
	height: 28px;
}

#hostelmenu li a.transport {
	font-weight: bold;
	height: 28px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	background-image: url(../images/buttons/navbg_red.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}	
	
#hostelmenu li a:hover.transport {
	color: #FF0000;
	background-image: url(../images/buttons/navbg_blue.gif);
	background-repeat: no-repeat;
	height: 28px;
}

#hostelmenu li a.nobg {
	font-weight: bold;
	height: 90px;
	text-decoration: none;
	color: #033554;
	display: block;
	padding: 5px 0 0 8px;
	background-image: none;
}	
	
#hostelmenu li a.nobg:hover {
	height: 90px;
	text-decoration: none;
	background-color: #5FABFF;
	background-image: none;
	background-repeat: no-repeat;
}


/*** classes ***/
#object {
width:310px;
background:#ffeedd;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}z

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.subBox {
border: 1px solid gray;
width: 400px;
padding: 0.5em;
float: left;
margin: 4px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}

.subBox img {
float: left;
}
