@charset "utf-8";
/* CSS Document */

@import url("css_reset.css");

body {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding:0px;
		color: #404040;
		line-height:1.75em;
		background:#560a0a url(../images/adventure_bg.jpg) repeat-x fixed;
}

a:link, a:visited{font-family:Georgia, "Times New Roman", Times, serif; text-decoration: underline;color: #560a0a;}
a:hover{font-family:Georgia, "Times New Roman", Times, serif; color: #666; text-decoration:none;}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	color: #560a0a;
	padding:2px 2px 8px 2px;
	}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #666;
	padding:2px 2px 2px 2px;
	}
em{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#444;}

.gallery {
list-style-type:none; float:left; display:block; margin:2px 2px 2px 20px;}

.gallery li {display:inline; margin-right: 5px; margin-bottom: 15px;}

a.thumb img {border: 4px solid #560a0a;}
a:hover.thumb img {border: 4px solid #ccc;}

.inline {display:inline;}
.inlineital {display:inline; font-style:italic;}

img.big{
width:222px;
height:256px;
padding:2px;
float:left;
overflow:visible;
background: #fff;
border:4px solid #560a0a;
}
img.med{
width:75px;
height:70px;
padding:2px;
float:left;
overflow:visible;
background: #fff;
border:4px solid #560a0a;
}
img.acat{
width:180px;
height:150px;
padding:2px;
overflow:visible;
background: #fff;
border:4px solid #560a0a;
}

#container {
width:800px;
margin:0 auto;
padding:0;
}

#pageblock {
width:780px;
height:674px;
margin:35px 0 15px 0;
padding:0px;
background:#f6f6ee;
border:10px solid #fff;
}

#topbar {
width:780px;
height:150px;
border-bottom:15px solid #fff;
margin:0 0 0 0;
background:url(../images/topright.jpg) no-repeat top right;
padding:0;
}

#menucontainer {
width: 780px;
height: 50px;
margin: 0 auto;
background:#fff;
}

#bottombar {
width:780px;
height:150px;
border-top:15px solid #fff;
margin:0 0 0 0;
background:url(../images/botleft.jpg) no-repeat bottom left;
padding:0;
}

#content {
width:756px;
height:270px;
overflow:scroll;
overflow-x: hidden;
padding:0;
margin:12px 12px 12px 12px;
}

#content_right {
width:483px;
padding:0;
float:left;
border-left:1px dashed #560a0a;
padding-left:10px;
}

#content_left {
width:234px;
padding:0;
float:left;
margin-right:10px;
}

#acat_container {
overflow: hidden;
padding:0;
margin:0;
border-bottom:1px dashed #444;
margin-bottom:15px;
padding-bottom:15px;
}

#acat_right {
width:517px;
padding:0;
float:left;
border-left:1px dashed #560a0a;
padding-left:10px;
}

#acat_left {
width:200px;
padding:0;
float:left;
margin-right:10px;
margin-bottom:15px;
text-align:center;
}

#content p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding:0px;
		color: #404040;
		line-height:1.75em;
		}
		
#content_right p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding:0px;
		color: #404040;
		line-height:1.75em;
		}
		
#content_left p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding:0px;
		color: #404040;
		line-height:1.75em;
		}
#acat_right p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding:0px;
		color: #404040;
		line-height:1.75em;
		}
		
#acat_left p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding:0px;
		color: #404040;
		line-height:1.75em;
		}
		
/*Footer Divs*/

#footright {
width: 300px;
height:140px;
margin: 0;
float:right;
margin:5px 5px 0 5px;
border-left:1px #560a0a dashed;
padding:0 3px 0 3px;
}

#footright h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight:bold;
		font-style:italic;
		color: #560a0a;
		line-height:1.6em;
		padding:2px 2px 10px 2px;
		}
		
.contact {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight:none;
		color: #555;
		line-height:1.6em;
		padding:2px 2px 5px 2px;
		}

#footleft {
width: 120px;
height:140px;
margin: 0;
float:right;
margin:5px 5px 0 5px;
text-align:center;
}


		
/* Begin CSS Popout Menu */

#menu{
width:100%;
float:left;
}

#menu a{
font:normal 12px/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
}

#menu h2{
font:bold 12px/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
}

#menu h2{
color:#fff;
background:#560a0a url(../images/arrowd.png) no-repeat 98% 98%;
}

#menu a{
background:#eee;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#a00;
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
float:left;
padding:0;
width:130px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url(../images/arrowr.png) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
background:#eee url(../images/arrowr.png) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */