/* PNG FIX FOR IE6 */
img, div { behavior: url('/travel/templates/JavaBean/css/iepngfix.htc'); }
/* FORCE VERTICAL SCROLL BAR */
html { overflow: -moz-scrollbars-vertical !important; }
/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */
html,body {margin:0;padding:0}
body {text-align:center}/* centre for ie5.+*/
body{
/*	background-image: url('/graphics/background-top-strip.gif');
	background-repeat: repeat-x; -- this seems like a leftover from the design process because it looks ok without it*/
	overflow: visible;
	font-family: times new roman, times, serif;
}
#wrapper-1{
	min-height:100%;
	position:relative;
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-wrapper-1.gif');
	background-repeat: repeat-y;
	background-position: top center;
	overflow: visible;
}
#wrapper-2{
	min-height:100%;
	position:relative;
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-wrapper-2.gif');
	background-repeat: repeat-x;
	overflow: visible;
}
#outer{
	min-height:100%;
	width:1002px;
	margin:auto;/* center it*/
	position:relative;
	text-align:left;
	background-color: #ffffff;
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-outer.gif');
	background-repeat: repeat-y;
	overflow: visible;
}
* html #wrapper-1 #wrapper-2 #outer{
	height:100%;
	width:1004px;/* box model hack for ie5.+*/
	width:1002px;
}
#footer {
	width:1002px;
	height:75px;
	color: #000;
	margin-top: -75px;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	position:relative;
	background-image:url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-footer.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
}
#footer .bread-crumbs{
	color: #425438;
}
#footer .bread-crumbs a{
	color: #425438;
	text-decoration: none;
}
#footer .bread-crumbs a:hover{
	text-decoration: underline;
}
#clearfooter{clear:both;height:75px;width:100%}
p {margin:0 0 .5em 0}



#col-left{
	overflow: visible;
	float: left;
	padding: 0px;
	margin-left: -34px;
	/* REAL WIDTH = 234px */
	width: 234px;
}

#nav-left{
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-nav-left-middle.gif');
	background-repeat: repeat-y;
}
#nav-left a{
	color: #ffffff;
	text-decoration: none;
}
#nav-left a:hover{
	color: #DBDEBF;
	text-decoration: underline;
}

#nav-left ul{list-style: none;}
#nav-left-top{
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-nav-left-top.jpg');
	background-repeat: no-repeat;
}
#nav-left-bottom{
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-nav-left-bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 130px 13px 20px 40px;
	min-height: 220px;
	height: auto;
	_height: 220px;
}

#nav-left-inner {
	padding-left: 6px;
}

#header{
	position: absolute; 
	top: 0;
	left: 0;
	width: 1002px;
	height: 160px;
	background-image: url('http://costa-rica-guide.com/travel/templates/JavaBean/graphics/background-header.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #69BC45;
}

#header-logo{
	 position: absolute;
	 top: 44px;
	 left: 5px;
	 text-align: center;
}
#header-logo a{
	 font-family: "Times New Roman", Times, serif;
	 font-size: 13px;
	 font-variant:small-caps;
	 font-weight:bold;
	 color: #ffffff;
}
#header-logo a:hover{
	color: #DBDEBF;
	text-decoration: underline;
}

#topmenubar{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-variant:small-caps;
	font-weight:bold;
	color: #ffffff;
}

#topmenubar a{
	color: #ffffff;
	text-decoration: none;
}

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

#content{
	color: #000000;
	padding: 140px 0 0px 0;
}
#content-inner{
	/* COULD PLAY WITH LOTS OF POSITIONING AND DISPLAY TYPES HERE - NOTHING SEEMS TO WORK */
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	/**/
	overflow: hidden; 
	width: 800px;
	background-color:#FFFFFF;	
}



/* ADDED */
.smaller {font-size: 12px}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #425438;
	line-height: normal;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #425438;
	line-height: normal;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	color: #425438;
}
.styleblue {color: #3366FF}
.stylered {color: #CC0000}
.styleyellow {color: #FF9900}
.stylegreen {color: #009900}

a {
	color: #425438;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.expanded .content {
	display:block;
}

.shrunk .content {
	display:none;
}