@charset "utf-8";

/* CSS Document */

div,body,img,li,ul,a,span{
	margin:0px;
	padding:0px;
	
	/*behavior:url(ie-css3.htc);*/
	text-decoration:none;
	list-style:none;
	border:none;
}

*{
	color:#363636;
}
body{
	color:#363636;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif!important;
	background: #00568a;
	position:relative
}

.img-intro {
	border: 1px solid #2d4605;
	width: 920px;
	margin: 0px auto;
	}

img{
	vertical-align:middle
}
a,a:link{
	text-decoration:none;

}
a:hover{
	
	text-decoration:underline;
}
.clear{
	clear:both
}
.float_left{
	float:left
}
.float_rite{
	float:right
}

.relative{
	position:relative;
}
.wrapper{
	clear:both;
}

.block{
	display:block;
}
.display_none{
	display:none
}
.img_border{
	padding:3px;
	border:solid 1px #c2c2c2;
	background:#FFF
}
.margin-right-15px{
	margin-right:15px;
}
.margin-right-10px{
	margin-right:10px;
}
.overflow_hidden{
	overflow:hidden
}
.reset-margin-top{
	margin-top:0px;
}



#container-body{
	width:930px;
	
	margin:0px auto;
	position:relative;

}
#main-content-wrapper{
	background:url(../images/transparent-bg.png) repeat;
	position:relative;
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior:url(ie-css3.htc);
	overflow:hidden;
	padding:10px;
	z-index:2
}
#top-wrapper{
	height:295px;
	width:930px;
}
#nav-wrapper{
	height:50px;
	width:930px;
	position:relative;
	z-index:2
}
#nav-w1{
	background:url(../images/sprite-top-menu.png) no-repeat left top;
	width:18px;
	height:50px;
	overflow:hidden;
	float:left;
}
#nav-w2{
	background:url(../images/top-menu-bg.png) repeat-x;
	height:50px;
	float:left;
	width:894px;

}
#nav-w3{
	background:url(../images/sprite-top-menu.png) no-repeat right top;
	width:18px;
	height:50px;
	overflow:hidden;
	float:left
}
.ddsmoothmenu ul li.no-bg,.ddsmoothmenu-v ul li.no-bg{
	background:none
}
#banner{
	clear:both;
	height:245px;
	position:relative;
	width:930px;
}
#candle{
	position:absolute;
	width:600px;
	height:400px;
	z-index:1;
	right:-100px;
	bottom:-125px;
	/*display:none*/
}
#logo-text{
	display:block;
	padding-top:107px;
	overflow:hidden;
	height:0px;
	width:535px;
	background:url(../images/logo83.png) top no-repeat;
	position:absolute;
	top:20px;
}

#cups{
	position:absolute;
	width:185px;
	height:84px;
	z-index:1;
	left:10px;
	bottom:5px;
	display:none
}

#atext{
	position:absolute;
	width:800px;
	height:100px;
	z-index:1;
	left:10px;
	bottom:10px;
}
#womenday-flash{
	position:absolute;
	width:930px;
	height:250px;
	z-index:1;
	left:10px;
	bottom:-30px;
	
}
a#index-ribbon{
	display:block;
	background:url(../images/ribbon.png) no-repeat top;
	padding-top:73px;
	height:0px;
	width:66px;
	position:absolute;
	z-index:3;
	left:15px;
	top:0px;
	overflow:hidden
}
a#index-ribbon:hover{
	opacity:.9;
	filter: alpha(opacity=90);
}
#left{
	width:250px;
	float:left
}
#right{
	width:650px;
	overflow:hidden;
	float:right;
}
.black-box-title h1{
	margin:15px 0px 0px 28px;
	color:#FFF;
	_margin:10px 0px 0px 28px;
	*margin:10px 0px 0px 28px;
}
.brown-box h1{
	margin:-10px 0px 10px 25px;
	color:#FFF
}
.white-box-title h1{
	margin:15px 0px 0px 15px;
	color:##232323;
	_margin:10px 0px 0px 15px;
	*margin:8px 0px 0px 15px;
}
.brown-box{
	background:url(../images/cat-bg.png) no-repeat top;
	width:248px;
	height:200px;
	margin-bottom:10px;
	padding-top:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
	
	
}
.black-box-wrapper{
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
	width:248px;
}
.black-box-title{
	background:url(../images/sprite-black-box.png) no-repeat top;
	height:40px;
	overflow:hidden;
	
}
.black-box-content{
	padding:15px 19px 0px 19px;
	background:#101010;
	overflow:hidden;
	clear:both;

}
.black-box-bottom{
	background:url(../images/sprite-black-box.png) no-repeat bottom;
	height:15px;
	overflow:hidden;
}
.white-box{
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
	position:relative
}
.white-box-title{
	background:url(../images/sprite-white-box.png) no-repeat top;
	height:40px;
	clear:both;
	overflow:hidden
}
.white-box-bottom{
	background:url(../images/sprite-white-box.png) no-repeat bottom;
	height:15px;
	overflow:hidden;
	clear:both;
}
.white-box-content{
	overflow:hidden;
	background:#f0f0f0;
	clear:both;
	text-align:left;
	padding:5px 15px 0px 15px;

}
ul.special-news li{
	display:list-item;
	clear:both
}
ul.special-news li a{
	display:block;
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
}
ul.special-news li a img{
	display:block;
	overflow:hidden;
	clear:both;
	padding-bottom:5px;
}
ul.special-news li a span{
	color:#9d9d9d;
	display:block;
	clear:both;
	text-align:center
}
ul.special-news li a:hover{
	color:#FFF
}

#paper-gallery{
	position:relative;
	height:326px;
	width:620px;
}
.ul.support li{
	line-height:30px;
	display:list-item;
	padding:5px;
}
ul.support li a {
	color:#F0F0F0
}
ul.support li a:hover{
	color:#FFF
}
ul.support li a img{
	vertical-align:middle;
	padding-right:8px;

}
#left-album-wrapper{
	position:relative;
	height:175px;
	overflow:hidden
	
}
#left-album-wrapper ul li img{
	position:absolute;
	width:170px;
	height:93px;
	left:18px;
	
}
/*=================================KWICKS GALLERY=======================================*/
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position:absolute;


	margin: 0;
	padding: 0;
	overflow:hidden;
	width:710px;
	height:326px;
	z-index:1;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 155px;
	height: 326px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	cursor:pointer;
	text-align:center;
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0; /*Set to same as spacing option. */
	float: left;
	position:relative;
}
.kwicks.horizontal li a {
	display:block;
	float:left;
	text-decoration:none;
}
.kwicks.horizontal li span {
	height:326px;
	width:9px;
	background:url(../images/paper-shadow.png) repeat-y right top;
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
}
/*=================================SLIDESHOW=======================================*/
#slideshowWrapper{
    position:relative;
    width:650px;
	height:294px;
	overflow:hidden;
	margin-bottom:10px;
	z-index:9
}

#fssPrev{position:absolute;top:45%;left:10px;background:url(images/arrows.png) 0px 0px;width:15px;height:46px;text-indent:-999999px; display:none}
#fssNext{position:absolute;top:45%;right:10px;background:url(images/arrows.png) -15px 0px no-repeat;width:15px;height:46px;text-indent:-999999px; display:none;}
#fssPlayPause{position:absolute;bottom:10px;right:20px;background:url(../images/white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;font-weight:bold;text-decoration:none;z-index:10}

ul#slideshow{list-style:none;margin:auto;width:650px;height:294px;overflow:hidden;}
ul#slideshow img{
	z-index:10;
}

#fssList{list-style:none;width:650px;margin:auto;padding:5px 0 0 1%; position:absolute;bottom:10px;z-index:9}
#fssList li{display:inline;padding-right:3px;}
#fssList li a{text-decoration:none;background-color: #eee;border: 1px solid #bbb;text-decoration: none;-moz-border-radius:3px;-webkit-border-radius:3px;padding:3px 5px;}
#fssList li.fssActive a{font-weight:bold;color:#333;}

#top{background:#3b5998;width:100%;height:40px;margin-bottom:20px;}
#top h1{color:#fff;font-weight:normal;font-size:18px;padding:7px 0 0 15px}
#top h1 span{font-size:11px;}
#top h1 a{text-decoration:underline;color:#fff;}
#top h1 a:hover{text-decoration:none;}

small a{color:#000;}

.numer_btn{
	width:100%;
	position:absolute;
	bottom:20px; 
	left:10px;
}
.change_link {
	display: block;
	padding:3px 5px;
	background-color: #eee;
	border: 1px solid #bbb;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



#footer{
	background:url(../images/footer-bg.png) no-repeat center 3px;
	padding:10px 0px;
	text-align:center;
	color:#FFF;
}
#footer a{
	font-weight:bold;
	color:#6e4d30;
}
#footer a:hover{
	
	color:#9e6c40;
}