/* CSS Document */
body{
	background-color:#CCCCCC;
	}
#outer{
	width:870px;
	margin:0px auto;
	background:#ffffff;
	min-height:800px;
	}
#html_nav{
	position:absolute;
	z-index:99;
	height:148px;
	padding:12px 35px 0px 45px;
	width:788px;
	}
#nav{
	position:absolute;
	z-index:100;
	background: url(../images/bg_06.jpg) no-repeat center top;
	width:788px;
	min-height:248px;
	height:248px;
	padding:12px 35px 0px 45px;
	
}
#sub_nav{
	position:absolute;
	z-index:100;
	background:  url(../images/sub_nav_06.jpg) no-repeat center top;
	width:788px;
	min-height:138px;
	padding:12px 35px 0px 45px;

}
#bottoms_top{
	background: url(../images/bottom_top.jpg) no-repeat center top;
	width:870px;
	height:39px;
	
	}
#sub_bottoms_top{
	background: url(../images/bottom_top.jpg) no-repeat center top;
	width:870px;
	height:39px;
	
	}
#bottom{
	background: url(../images/bottom.jpg) repeat-y center;
	min-height:300px;
	padding-left:40px; padding-right:40px;
	width:790px;
	}
#side{
	width:161px;
	padding:10px 10px 10px 19px;
	float:left;
	}
#content{
	width:520px;
	height:430px;
	overflow:auto;
	padding:10px 40px 0px 40px;
	float:left;
	}
#index_content{
	width:500px;
	height:430px;
	overflow:auto;
	padding:10px 50px 0px 50px;
	float:left;
	}
#footer{
	
	width:790px;
	height:64px;
	padding-left:40px; padding-right:40px;
}
.footer{
	font:12px Helvetica, arial, Tahoma, sans-serif;
	color:#FFFFFF;
	}	
	
.homepage{
	font:28px Helvetica, arial, Tahoma, sans-serif;
	color:#999999;
	
	line-height:40px;
	}	
.yellow{ background:url(../images/bottom_yellow.jpg) no-repeat center ;}
.orange{ background:url(../images/bottom_orange.jpg) no-repeat center;}
.red{background:url(../images/bottom_red.jpg) no-repeat center;}
.gold{background:url(../images/bottom_gold.jpg) no-repeat center;}

h2{
	font:15px Helvetica, arial, Tahoma, sans-serif;
	color:#ffffff;
	font-weight:bold;
	}

h2 a{color:#ffffff;	}
h2 a:hover{color:#edb258;}
h1{
	font:13px Helvetica, Tahoma, arial, sans-seif;
	font-weight:bold;
	color:#9a0000;
	}
.white_h1, .white_h1 a {
	font-size: 15px;
	color: #FFFFFF;
}
.white_h1 a:hover{
	color:#edb258;
	}
.menu, .menu a{
	font:12px Helvetica, arial, Tahoma, sans-serif;
	color:#edb258;
	line-height:14px;
	cursor:pointer;
	}
.sub_nav{
	font:12px Helvetica, arial, Tahoma, sans-serif;
	color:#edb258;
	line-height:14px;
	cursor:pointer;
	}
.sub_nav a:link, .sub_nav a:visited{ color:	#edb258;}
.sub_nav a:hover{ color:#fbe5c4;}

.subnav2, .sub_nav2 a:link, .sub_nav2 a:visited, .sub_nav2 a:hover{ font:12px Helvetica, arial, Tahoma, sans-serif; color:#fbe5c4;}

.outerlinks, .outerlinks a:link, .outerlinks a:visited{
	color:#666666;
	font:11px Helvetica, arial, Tahoma, sans-serif;
	}
.outerlinks a:hover{	color:#9a0000;}	

.copy{
	font: 12px  Helvetica, Tahoma, arial,sans-serif;
	color:#333333;
	line-height:16px;
}
.copy a:link, .copy a:visited{ color:#9a0000;}
.copy a:hover{ color:#C58D40;	}

a{text-decoration:none;}
div{ text-align:left;}
p, ul, h1, h2, h3, blockquote{
	margin-top:0px;
	margin-bottom:8px;
	}
ul{margin:0px 0px 8px 20px; padding:0px;}
li{padding:0px; margin:0px;}

.menutitle{	cursor:pointer;}
.submenu{	margin:3px -1px 3px 2px;}

/*------ scrollllllllllllllll -----*/

div.scrollholder
{
    position: relative;
    width: 540px; height: 400px;
    overflow: auto;
    z-index: 110;

}

div.scroll
{
    position: absolute;
    left: 9px; top: 4px;
    width: 95%;
    z-index: 200;
}


div.track
{
    position: relative;
    float:right;
    top: 0; 
	width: 15px; height: 100%;
    font-size: 0;
    z-index: 300;
    background: url("../images/pixel.gif") 5px 0 repeat-y;

}

div.drag_bar
{
    position: absolute;
    width: 100px; height: 15px;
    cursor: pointer;
    z-index: 400;
   background: url("../images/dragbar.gif") no-repeat;
}  

code
{
    display: block;
    background: #fbffcc;
    white-space: pre;
}


.scrollholder
{
    float: left;
    margin: 0px 0px 0x 15px;
}

#operaBug
{
    overflow: hidden;
}

.revert
{
    direction: rtl;
    unicode-bidi: bidi-override;
    text-align: left;
}*/
/*--------------- carousel ----*/
#mygallery{ position:static; text-align:center;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 540px; /*Width of Carousel Viewer itself*/
height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 10px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 7px; /*margin around each panel*/
width: 70px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}