@import url("reset.css");
@import url("layout.css");
@import url("typo.css");

body {
	background: #D3DDAF url(../img/bg.png) repeat-x top left;
}

#header {
	padding: 9px 9px 0 9px;
	background: transparent url(../img/bg_t.png) no-repeat;
}
#banner {
	background: #728915;
	border: solid 1px #D7E2AD;
	border-bottom: none;
	padding: 10px 20px;
}
#banner #logo h1 span, 
#banner #logo h2 span,
#banner #number h3 span {
	position:absolute;
	top: -500px;
	left: -5000px;
}
#banner #logo h1 a {
	display:block;
	width:536px;
	height:69px;
	background: #728915 url('../img/logo.gif') no-repeat top left;
	margin:5px 0 0 0;
}
#banner #number h3 {
	display:block;
	margin-top:5px;
	width:241px;
	height:67px;
	background: #728915 url('../img/number.gif') no-repeat top left;
}
#main {
	background: transparent url(../img/bg_page.png) repeat-y;
}
#main-nav {
	height: auto;
	overflow: auto;
	background: #E3EBC7 url(../img/bg_main_nav.png) repeat-x top right;
	border-top: solid 1px #a2a2a2;
	border-bottom: solid 1px #a2a2a2;
	border-left: none;
	border-right: solid 1px #fff;
}

#main-nav li a, #main-nav li span {
	background: #E3EBC7 url(../img/bg_main_nav_btn.png) repeat-x top left;
	padding: 10px 20px;
	border: solid 1px #fff;
	border-left: none;
	border-bottom: none;
}

#sub-nav {
	border-right: solid 1px #a2a2a2;
	border-top: none;
	background: #fff;
}
#sub-nav-b {
	background: #fff url(../img/bg_sub_nav.png) repeat-x top left;
	height: 162px;
	width: 199px;
}
#content, #sub-content {
	background: #fff url(../img/bg_content.png) repeat-x top left;
	border: solid 1px #fff;
	border-top: none;
}

#candy {
	clear: both;
	border: solid 1px #E0CCB1;
	border-bottom-color: #666;
}
#candy img {
	width: 868px;
	display: block;
}

#footer {
	text-align: center;
	background: transparent url(../img/bg_b.png) no-repeat bottom left;
}
#footer div {
	border-top: solid 1px #a2a2a2;
	border-left-color: #fff;
	border-right-color: #fff;
	background: #fff;
	padding: 5px;
}
#sub-content ul, #content ul {
	padding: 10px;
}
#sub-content ul li, #content ul li {
	list-style-position: outside;
	background: transparent url( '../img/li.gif' ) no-repeat 1px 8px;
	padding: 0 4px 5px 10px;
	margin: 0;
}
.home-list {
	text-align: center;
}
.home-list li {
	display:inline;
}
.home-list > li:first-child {
	background-image:none !important;
	padding-left: 0;
}
.photo-l {
	margin: 0 35px 20px 0 ;
	float: left;
}
.photo-last {
	margin: 0 0 20px 0 ;
}
.photo-r {
	margin: 0 0 15px 20px;
	float: right;
}
.maint .photo-l {
	margin-left: 100px ;
}
.maint .photo-r {
	margin-right: 100px;
}
.photo-c 
{
	clear:both;
	margin: 0 auto 15px auto;
	text-align:center;
	width:100%;
}
.photo-c span 
{
	margin: 0 auto;
}
.photo-r, .photo-l, .photo-c span {
	display: block;
	width: 244px;
	height: 184px;
	padding: 6px 6px 6px 2px;
	text-align: center;
	background: transparent url(../img/bg_photo.png) no-repeat top left;
}
.photo-r img, .photo-l img, .photo-c span img {
	border: solid 1px #999;
	background: #fff;
	padding: 5px;
	width: 223px;
	height:167px;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
a.external {
	background: transparent url(../img/external.png) center right no-repeat;
	padding-right: 13px;
}
.list
{
	width: 45%;
	float:left;
} 
.thumbs {
	text-align:center;
	margin: 0;
}
.thumbs img {
	border: 1px solid #999;
	padding: 4px;
	background: #fff;
	margin: 15px;
}