html { min-height: 100%; margin-bottom: 1px; }
body
{
	background-color:#0e3765;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
}

html,body
{
	height:100%;
}
body,td,div
{
	font-family:Helvetica,Trebuchet MS,Verdana,Tahoma,Arial;
	font-size:10pt;
	color:#ffffff;
}
body,div
{
	text-align : justify;
}
a
{
	color:#E2C134;
	text-decoration:none;
	outline: none;
}
a:Hover
{
	color:#ffffff;
}
.c
{
	text-align:center;
}
.b
{
	font-weight:bold;
}
.r
{
	text-align:right;
}

img
{
	border:0px;
}

#logo
{
	position:absolute;
	top:0px;
	left:0px;
	az-index:100;
}
#title
{
	position:absolute;
	top:192px;
	left:219px;
	az-index:21;
}
#menu
{
	position:absolute;
	top:250px;
	left:0px;
	az-index:30;
}

#content
{
	position:absolute;
	top:280px;
	left:219px;
	width:420px;
	az-index:2;
}
#content2
{
	position:absolute;
	top:280px;
	left:219px;
}

#building
{
	position:absolute;
	top:50px;
	right:10px;
}
#main_image
{
	position:absolute;
	top:200px;
	right:0px;
	az-index:0;
}

#about_image
{
	position:absolute;
	top:100px;
	right:0px;
	az-index:0;
}


#living_image
{
	position:absolute;
	top:220px;
	right:0px;
	az-index:0;
}

#theage
{
	position:absolute;
	top:0px;
	right:0px;
	width:204px;
	height:77px;
}


form
{
	margin:0px;
	padding:0px;
}
 
form .white
{
	background:#FFFFFF;
	color:#0e3765;
	font-family:Helvetica,Trebuchet MS,Verdana,Tahoma,Arial;
}
#content2 li,#content li
{
	margin-bottom:15px;
}
.error
{
	color:#ff0000;
	font-size:10px;
	font-weight:bold;
}
div.error
{
	margin-top:10px;
	margin-bottom:10px;
}
#page_footer
{
	margin-top:60px;
	margin-bottom:20px;
	color:#bbbbbb;
}
.faqQ
{
	font-size:12pt;
	font-weight:bold;
	color:#99CCFF;
}
.faqA
{
	font-size:12pt;
	font-weight:bold;
	color:#FFFFFF;
}

input.errHilite, select.errHilite, textarea.errHilite 
{
	background-color: #FFCCCC;
}
label.errHilite 
{
	color: #FF0000;
}

#wrapper{
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#topcontent {
	width:950px;
	/*height:200px;*/
	height:180px;
	margin:auto;
	position:relative;
	text-align:center;
}
#middlecontent {
	height:440px;
	width:910px;
	margin:auto;
	position:relative;
	padding:20px;
	background:url(images/bg_content.png) repeat;
}
#gallerycontent,
#lobbycontent{
	height:480px;
	width:950px;
	margin:auto;
	position:relative;
}
#bottomcontent {
	width:950px;
	height:110px;
	margin:auto;
	position:relative;
}
#allcontent {
	width:950px;
	margin:auto;
}
#titlecontent {
	padding:5px 0 10px 0;
}
#titlecontentgallery {
	position:absolute;
	top:150px;
	z-index:100;
}

#menus {
	padding:0;
	margin:0;
}

#menus li {
	list-style: none;
	padding:2px;
}

#menus li a {
	color:#E2C134;
	text-decoration:none;
	outline: none;
}
ul#menus li.backLava {
	margin-bottom:5px;
    background:url("images/arrow.png") no-repeat;
}
#img_gallery{
	margin:0;
	padding:0;
	border:0;
}
#img_gallery li{
	padding-bottom:3px;
	margin:0;
	height:120px;
	border:0;
	vertical-align: bottom;
}

#loadingImage{
	position:absolute;
	top:182px;
	left:50%;
	z-index:100;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	outline:none;
	height:363px;
}

.jspPane
{
	position: absolute;
	outline:none;
}

.pane .jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
	display: none;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
	display:none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	/*background: #e9c13d;*/
	background:url(images/scrollbar_line.jpg);
	position: relative;
}

.jspDrag
{
	/*background: #feecae;*/
	background: url(images/scroll-button.jpg) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspScrollable
{
	outline:none;
}
.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	height:13px;
}

.jspArrowUp
{
	background: url(images/scroll_arrow_up.jpg);
	height:13px;

}
.jspArrowUp.jspDisabled
{
	background: url(images/scroll_arrow_up_1.jpg);
	height:13px;
	
}

.jspArrowDown
{
	background: url(images/scroll_arrow_down.jpg);
	height:13px;

}
.jspArrowDown.jspDisabled
{
	background: url(images/scroll_arrow_down_1.jpg);
	height:13px;

}
/*.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}*/

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

.imagepane {
	width:720px;
	height:369px;
}
.imagepane .jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 13px;
	bottom: 0;
}

.imagepane .jspPane
{
	position: absolute;
	outline:none;
	width:720px;
}

.imagepane .jspVerticalBar a
{
	height: 13px;
	bottom: 0;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}