*{ 
    margin:0;padding:0; 
} 

html{ 
    height:100%; 
} 

body{ 
	font-size:11px;
    height:100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#222222;
	background-color:#fafafa;
	-webkit-text-size-adjust: none;
} 
img {
	border:none;
}

li {
	list-style:none;
}
p {
	margin-bottom:1em;
}




#Container { 
    width:914px;
	line-height:20px;
    /*height:100%;*/
}
#Container img {
	vertical-align:;
}


/* top */
#os_top {
	background:url(../Image/bg_top2.gif) left repeat-y;
}
.top_l {
	float:left;
	padding-left:24px;
	background:url(../Image/bg_top1.gif) 24px 491px no-repeat;
}
.top_l #logo {
	padding-top:57px;
	padding-bottom:57px;
	padding-left:56px;
	margin-bottom:18px;
	margin-left:0;
	width:554px;
}
.top_l #text {
	padding:24px;
	width:562px;/*
	background:url(../Image/bg_top2.gif) top no-repeat;*/
}

.top_r {
	width:256px;
	float:left;
	padding-top:57px;
	margin-left:24px;
}
.top_r .nav {
}
.top_r .nav li {
	margin-bottom:12px;
	line-height:0;
}
.top_r .sub {
	margin-left:152px;
	margin-bottom:24px;
}
.top_r .sub li {
	margin-bottom:7px;
	line-height:0;
}

.top_r h5 {
	line-height:0;
	padding-bottom:7px;
	margin-bottom:12px;
	line-height:11px;
	border-bottom:dotted 1px #CCC;
}
.top_r .news {
	margin-bottom:24px;
	line-height:16px;
}
.top_r dt {
	float:left;
	font-weight:bold;
	font-size:10px;
	padding-right:0.5em;
}
.top_r dd {
	font-size:10px;
}
.top_r dd span {
	letter-spacing:-1px;
}


/* base */
.side {
	width:206px;
	float:left;
	padding-left:24px;
}
.side h2 {
	margin-bottom:22px;
}

.side .nav {
}
.side .nav li {
	margin-bottom:12px;
	line-height:0;
}
.side .sub {
	margin-left:102px;
	margin-bottom:24px;
}
.side .sub li {
	margin-bottom:7px;
	line-height:0;
}

.main {
	width:660px;
	float:left;
	margin-left:24px;
}
.main h3 {
	margin-bottom:18px;
}
.main .cont {
	background:url(../Image/bg_main.gif) no-repeat top;
	padding-top:25px;
	margin-bottom:24px;
}
.main .bgbottom{
	height:25px;
	background:url(../Image/bg_main_bottom.gif) no-repeat bottom;
}



/* works */
#worklist ul {
	padding-left:25px;
	margin-right:25px;
	border-bottom:dotted 1px #CCC;
}
#worklist li {
	width:293px;
	float:left;
	font-size:11px;
	line-height:16px;
	padding-bottom:24px;
}
#worklist li img {
	display:block;
	float:left;
}
#worklist li span {
	display:block;
	margin-left:80px;
}
#worklist li span.multi {
	display:block;
	float:left;
	margin-left:0;
}
#worklist li span.multi img {
	float:none;
	margin-bottom:5px;
}


#worklist dl {
	margin-left:25px;
	margin-right:25px;
	margin-top:24px;
	line-height:18px;
}
#worklist dt {
	width:214px;
	clear: left;
	float:left;
	padding-top:24px;
	border-top:dotted 1px #CCC;
}
#worklist dd {
	margin-left:214px;
	margin-bottom:30px;
	padding-top:24px;
	padding-left:20px;
	border-top:dotted 1px #CCC;
}
#worklist dd div a.imgarea {
	display:block;
	float:left;
}
#worklist dd div span {
	display:block;
	margin-left:80px;
	font-size:11px;
	line-height:16px;
}

/* Event */
#event dl {
	margin-left:25px;
	margin-right:25px;
}
#event dt {
	font-size:12px;
	margin-top:24px;
}
#event dd {
}

/* hours */
#hours dl {
	margin-left:25px;
	margin-right:25px;
}
#hours dt {
	font-size:12px;
	margin-top:24px;
}
#hours dd {
}

/* news */
#news dl {
	margin-left:25px;
	margin-right:25px;
}
#news dt {
	font-size:12px;
}
#news dd {
	margin-bottom:24px;
}




a{
color:#319dd0;
text-decoration:none;
}
a:hover {
	color:#48bcf8;
}
a.out {
	color:#008000;
}a.out:hover {
	color:#008000;
}

.finished{
	color: red;
	font-style:normal;
	font-weight:normal;
}

/* clearfix */
#worklist ul:after,
#worklist li:after,
#worklist dl:after,
#worklist dd:after,
#Container:after,
.clear:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
* html #worklist ul,
* html #worklist li,
* html #worklist dl,
* html #worklist dd,
* html #Container,
* html .clear { zoom: 1; } /* IE6 */  
*:first-child+html #worklist ul,  
*:first-child+html #worklist li, 
*:first-child+html #worklist dl, 
*:first-child+html #worklist dd,
*:first-child+html #Container,
*:first-child+html .clear { zoom: 1; } /* IE7 */  
