/* CSS Document */

 *{margin:0;padding:0; line-height: 1em;}
 p,h1,h2,h3,h4,h5,h6,td,table,li,dt,dd,strong {font:12px/18px "Century Gothic","Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;}
 a,p,h1,h2,h3,h4,h5{padding:0 0 5px 0;margin:0;}
 h1,h2,h3,h4,h5{font-weight:bold; color: #5F9EC1; padding: 3px}
 h1{
	font-size:18px;
	text-transform: uppercase;
}
 h2{font-size:14px;}
 h3{font-size:12px;}
 h4{font-size:11px;}

strong {font-weight:bold;}
a, a:link, a:visited { color:#039; text-decoration: none; line-height: 18px; font-weight: bold}
a:hover { color: #039; text-decoration: underline;line-height: 18px; font-weight: bold}
a:active { color: #000; text-decoration: none;  line-height: 18px; font-weight: bold}

#navtree1 a {
	font-weight: normal;
}

body {
	font: 12px/18px "Century Gothic","Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#000;
	background: #fff url(../images/skybg.jpg) top left repeat-x fixed;
	text-align:center;
}

#container {
	position: relative;
	border: 0;
	background-color: transparent;
	/*margin: 85px auto 0 auto;*/
	margin: 5% auto 0 auto;
	width: 860px;
	/* width: 1000px;
	height: 774px;*/
	text-align: left; 
}

#header {
	position: relative;
	margin: 0 auto;
	border: 0;
	/* background: transparent url(../images/headimg.jpg) top center no-repeat;  */
	width: 860px; height: 154px;
}
#header h1 span{display:none;}

div#body {
	position: relative;
	margin: 0 auto;
	border: 0;
	/* background: transparent url(../images/bodybg.jpg) top center no-repeat; */
	/* width: 860px; height: 405px; */
	width: 860px; height: 470px;
/* 	z-index: 1; */
}
div#bodyshell {
	position: relative;
	margin: 0 auto;
	border: 0;
	/* background: transparent url(../images/bodybg.jpg) top center no-repeat; */
	/* width: 860px; height: 405px; */
	width: 860px; height: 470px;
/* 	z-index: 1; */
}
/*  div#body table { z-index: 2; } */

/*  -------------------  Begin CSS dropdown ------------------------  */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navWrapper {
float:left;
padding-left: 0px;
/* width: 150px; */ 
z-index: 699;
}

.navdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 150px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
z-index: 700;
}
	
.navdiv ul li{
position: relative;
color: #000;
font: 15px/22px "Century Gothic","Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
z-index: 750;
}
	
/*1st level sub menu style */
.navdiv ul li ul{
left: 149px; /* Parent menu width - 1*/
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
background-color: #D3DDE9;
border: 1px solid #ababab;
border: 1px solid #98BBD6;
display: none;
z-index:1000;
}

/*All subsequent sub menu levels offset */
.navdiv ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
}

/* menu links style */
.navdiv ul li a{
display: block;
color: black;
text-decoration: none;
background: transparent;
padding: 4px 11px;
border: 0px solid #ccc;
border-bottom: 0;
}

.navdiv ul li a:visited{
color: black;
}

.navdiv ul li a:hover{
background-color: #CDB79E;
color: #ffffff;
text-decoration: none;
}

.navdiv ul li ul li a:hover{
background-color: #CDB79E;
color: #ffffff;
text-decoration: none;
}


.navdiv .subfolderstyle{
/* background: url(media/arrow-list.gif) no-repeat center right; */
z-index: 1000;
}


.navdiv ul li ul li a:link, .navdiv ul li ul li a:visited {font-size: 11px;line-height: 11px;}
.navdiv ul li ul li a:hover, .navdiv ul li ul li a:active{font-size: 11px;line-height: 11px;}
	
/* Holly Hack for IE \*/
* html .navdiv ul li { float: left; height: 1%; }
* html .navdiv ul li a { height: 1%; }
/* End */



/* -------------------   End CSS Menu  ----------------------  */



#main_box {
	position: relative;
	width: 615px; height:405px; 
	background: transparent url(../images/bodytxt_bg.jpg) top right no-repeat; 
	/* background: #ffffff;*/
	padding: 0px;
	padding-top: 10px;
	margin: 0;
	margin-left: 155px;
	text-align:center;
	z-index: 3;
	}
#shell_main_box {
	position: relative;
	width: 615px; 
	height:405px; 
	background: transparent url() top right no-repeat;
	padding: 0px;
	padding-top: 10px;
	margin: 0;
	margin-left: 0px;
	text-align:center;
	z-index: 3;
	}
#main_content {
	position:relative;
	width: 590px; height:380px;
	border: 0px solid #3b3b3b;
	overflow: auto;
	background-color: transparent;
	/* color: #3b3b3b; */
	color: #000000;
	text-align: left;
	z-index: 4;
	}

	
#main_content img { padding: 0 10px; padding-top: 0px; }	
#main_content img.heading { margin: 10px 0 10px 0px; }	
#main_content p { padding: 0 30px; padding-bottom: 20px; }
#main_content ul { padding: 0 30px; padding-bottom: 20px; }
#main_content li { list-style: circle;}


#scrollBox{
	position:relative;
	/* width: 590px; height:380px; */
	overflow: auto;
	background-color: transparent;
	color: #3b3b3b;
	text-align: left;
	z-index: 4;
	}

#scrollBox ul.whatsNew li {
	list-style-image: url(../images/shellico.gif);
	list-style-position: outside;
	margin-left: 15px;
}

ul.questions li {
	list-style-image: url(../images/shellico.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 10px;
}


table#contactInfo {
position:inherit;
/* bottom:50px; */
/* width:750px;*/
width: 770px;
margin: 0 auto;
margin-top: 0px;
}
table#contactInfo td.space {
padding-left: 8px;}

table#advertise {
width: 695px;
margin: 13px auto;
}
	
.blue { color: #039; }

#footer {
	position: relative;
	border: 0;
	background: transparent url(../images/footerbg.jpg) top center no-repeat;
	margin:0; padding:0;
	width: 100%; height: 150px;
	}	
	
#copyright {
	width: 700px;
	color: #3b3b3b;
	font-size: 9px;
	margin: 0 auto;
	text-align:center;
}
#copyright p {
	font-size: 9px;
}
	
#copyright a:link, #copyright a:visited {color: #600; }
#copyright a:hover, #copyright a:active{color: #600; }

#heading { position:relative; padding: 3px 0; text-align: center; background-color: #d5e6f6; }
#heading h3 { margin: 0 auto; }
#heading2 { padding: 3px 10px 0; margin-top: 20px; background: url(../images/smGradient.gif) top left repeat-y; }


td.first { border-top: 1px solid #369; }
p.first {padding-top: 10px;}
th.first {padding-top: 10px;}

#latestSmiles {
	position:relative;
	width: 90px; height:350px;
	border: 0px solid #3b3b3b;
	overflow: auto;
	background-color: transparent;
	color: #3b3b3b;
	text-align: left;
	z-index: 4;
	}
	
img.mainImage {border:7px solid white; padding:0; margin: 20px;}


/*	
#main_scroll {
	margin-right: 60px; 
	float: right;
	width: 615px; height:382px; 
	border: 0px solid #3b3b3b;
	overflow: auto;
	background: transparent url(../images/bodytxt_bg.jpg) top center no-repeat;
	padding: 0px;
	color: #3b3b3b;
	text-align: left;
	scrollbar-3dlight-color:#fff;
	scrollbar-face-color:#7A9AD0;scrollbar-shadow-color:#7A9AD0;scrollbar-highlight-color:#7A9AD0;scrollbar-darkshadow-Color:#7A9AD0;
	scrollbar-arrow-color:#3b3b3b;scrollbar-track-color:#3b3b3b;
	}	*/
.tour-buttons {
	font-size: 10px;
	font-weight: bold;
}


.bg{ background: url(../images/bg.gif) repeat-x;}
.game_diplay{ width:750px; margin:auto;}
.rd_top{ background:url(../images/rd_top.gif) no-repeat; width:750px; height:16px;}
.rd_center{ background:url(../images/rd_center.gif) repeat-y; width:750px; }

.rd_bottom{ background: url(../images/rd_bot.gif) no-repeat; width:750px; height:21px;}


.gm_dip{ width:531px; text-align:left; margin:auto;}
.gm_top{ background:url(../images/gm_top.gif) no-repeat; width:531px; height:14px;}
.gm_bot{ background:url(../images/gm_bot.gif) no-repeat; width:531px; height:21px;}
.gm_cen{ background:url(../images/gm_cen.gif) repeat-y; width:521px;  padding-left:10px;}
.gm_thumb{width:250px;  margin-left:10px; height:170px; float:left; text-align:center}
img{ border:0;}
.gm_dip1{ width:727px; text-align:left; margin:auto; padding-top:10px;}






/* image display */
.image_display{width: 288px; height: 220px; overflow: hidden; float: right; margin-right: 0; 
	background: #ffffff url(../images/img_bg.jpg) no-repeat; text-align: center;}
	
.image_display_b{width: 288px; height: 220px; overflow: hidden; float: right; margin-right: 0; 
	background: #ffffff; text-align: center}
	
.image_display_b{ display:none;}
.thumb_display{ background:url(../images/after_background.gif) no-repeat; text-align:center; width:76px; height:78px; text-align:center; float:left;  margin:0px; padding:0px;}
.thumb_display1{ background:url(../images/tour_background.gif) no-repeat; text-align:center; width:81px; height:77px;  margin:0px; padding:0px; font-size:10px; font-weight:bold;}

.staff_imli{width:241px; height:350px; overflow: hidden; float: right; margin-right:0; 
	background: #ffffff url(../images/staff_background.gif) no-repeat; text-align: center; padding-top:10px;}
	
	.staff_imli_b{width:241px; height:350px; overflow: hidden; float: right; margin-right:0; 
	background: #ffffff ; text-align: center; padding-top:10px;}
 .button3{ background:url(../images/button_submit.jpg) no-repeat; width:99px; height:28px;}
	
	
	.box3{ height:22px; border:1px solid #000000; background:#ffffff;}
	
	
	
	
	.SI-FILES-STYLIZED label.cabinet
{
	width: 244px;
	height: 28px;
	background: url( ../images/dummy_button.gif ) 0 0 no-repeat;

	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}