body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	height:100%;
	background-position:center;
	background-repeat:repeat-y;
	background-image:url(../images/palace_bg_container.jpg);
	scrollbar-base-color: #666666;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-highlight-color: #cccc99;

}



/**
 * Since the content is loaded via javascript, we set
 * display:none to hide the carousel completely from browsers
 * having javascript disabled. jCarousel will show it automatically.
 */
#mycarousel {
    display: none;
	position:absolute;
	
}

/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
	position:relative;
   	margin-left:20px;
    width: 120px;
    -moz-border-radius: 10px;
	z-index:2000;
    
}

.jcarousel-list li {
    width: 75px;
    height: 75px;
    margin-right: 10px;
	margin-bottom:5px;
}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 */
.jcarousel-next {
    position: relative;
    top: 3px;
    left:-5px;
    cursor: pointer;
	z-index:3000;
}

.jcarousel-next-disabled {
    cursor: default;
}

.jcarousel-prev {
    position: relative;
	top:0px;
    left: -5px;
    cursor: pointer;
	z-index:4000;
}

.jcarousel-prev-disabled {
    cursor: default;
}

#splash{
	position:absolute;	
	top: 50%;	
	left: 50%;	
	width:850px;	
	height:423px;	
	margin-top: -211px; /*set to a negative number 1/2 of your height*/	
	margin-left: -425px; /*set to a negative number 1/2 of your width*/	
	border: 0px;	
	background-color: #FFF;    
	text-align: center;
}

#container{
	position:relative;
	margin:auto;
	width:850px;
	background-image:url(../images/palace_bg_container.jpg);
	z-index:0;
}

#left{
position:relative;
border:0px;
margin:0;
padding:0;
min-height:850px;
height:auto !important;
height:850px;
float:left;
width:340px;
background-image:url(../images/palace_left.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
z-index:1;

}

.menu{
color:white;
font-size:11px;
list-style-type:none;
text-align:left;
letter-spacing:1px;
z-index:3;
}

.menu li{
margin-top:10px;
}

.menu a{
text-decoration:none;
color:white;
}

.menu a:hover{
color:#CCCCCC;
font-weight:bold;
font-size:12px;
letter-spacing:2px;
}

#right{
position:relative;
border:0px;
margin:0;
padding:0;
text-align:left;
width:510px;
min-height:850px;
height:auto !important;
height:850px;
overflow:visible;
float:right;
background-image:url(../images/palace_right.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
z-index:4;
}

#header_image{
width:510px;
top:0px;
text-align:center;
height:210px;
bgcolor:red;
}

#menubar{
text-align:left;
margin-left:0px;
width:510px;
position:absolute;
top:200px;
vertical-align:middle;
height:30px;
background-image:url(../images/palace_bg_menu.jpg);
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
margin-top:10px;
margin-bottom:0px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { 
padding:10px 10px 10px 10px;
padding-right:50px;
}

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
letter-spacing:1px;
}

#navlist a:hover
{
color:#CCCCCC;
text-decoration: none;
letter-spacing:2px;
}

#content{
position:absolute;
margin-left:30px;
top:300px;
height:520px;
overflow:auto;
width:450px;
}

#content p{
width:400px;
color:#666666;
}

#subberdesub {
margin:0px;
padding:0px;
list-style-type:none;
}

#subberdesub ul{
margin-left:0px;
}

#subberdesub li{
margin-left:0px;
padding-left:0px;
}

#subberdesub li a{
text-decoration:none;
color:#999999;
}

#subberdesub li a:hover{
text-decoration:none;
letter-spacing:1px;
color:#666666;
}

#example {
	position: relative;
	top: 0px;
	width: 150px;
	background: #333333;
	layer-background-color: #333333;
	border: none;
}

.inputform input{
	width:99%;
	border:1px solid #999999;
}

.inputform textarea{
	width:99%;
	border:1px solid #999999;
	height:80px;
}