@charset "utf-8";
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, Arial, sans-serif; 
	line-height: 1.6em; 
	background: #FFFFFF; 
	background: url(../images/bgBody.jpg) center top no-repeat fixed;
	color: #454545; 
}

a { 
	color: #003B6E; 
	background: inherit; 
	text-decoration:none;
	}
a:hover { 
	color: #9EC068; 
	background: inherit; 
	text-decoration:none;
	}
#header { height: 35px; }


/* content holder */
#content { 
	margin: 10px auto; 
	width: 900px; 
	background-color:#FFFFFF;
	border-left:#EFEFEF solid 1px;
	border-right:#EFEFEF solid 1px;
}
#box-flash{
	margin: 0 0 10px 0;
}
.img-new{
	position:relative;
	top:3px;
}




/***********************************************************/
.menu1 {
	padding:0 0 0 32px; 
	margin:0; list-style:none; 
	width:868px; height:35px; 
	background:#fff url(../images/button1.gif); 
	position:relative;
}
.menu1 li {
	float:left;
}
.menu1 li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#aaa; 
	text-decoration:none; 
	font-size:11px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 8px; 
	cursor:pointer;
}
.menu1 li a b {
	float:left; 
	display:block; 
	padding:0 16px 0 8px;
}
.menu1 li.current a {
	color:#fff; 
	background:url(../images/button3.gif);
}
.menu1 li.current a b {
	background:url(../images/button3.gif) no-repeat right top;
}
.menu1 li a:hover {
	color:#fff; 
	background:#000 url(../images/button2.gif);
}
.menu1 li a:hover b {
	background:url(../images/button2.gif) no-repeat right top;
}
.menu1 li.current a:hover {
	color:#fff; background:#000 url(../images/button3.gif); 
	cursor:default;
}
.menu1 li.current a:hover b {
	background:url(../images/button3.gif) no-repeat right top;
}
/***********************************************************/

/***********************************************************/
#left {
	float: left;
	width: 250px;
	margin: 0 0 10px 5px;
}
	.box { 
		background:url(../images/bottom.jpg)  repeat-x bottom;
		color: #5b5b5b; 
		padding: 0px 25px 25px 25px; 
		margin: 0 0 10px 0; 
		border:solid #CCCCCC 1px;
		}
	.box p { 
		padding: 0; 
		margin: 0;
		color:#44446B;
		text-align:center;
		}
	.box h2{
		padding: 0; 
		margin: 0;
		color:#00CC00;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		font-weight:normal;
	}
	.box h1 {
		background:url(../images/den-logo.png) left no-repeat;
		border-bottom: 1px dashed #DDD;
		color: #c40000;
		font-size: 16px;
		height: 20px;
		padding-bottom: 5px;
		padding-left:49px;
		padding-top: 10px;
	}
	.box span{
		color:#999999;
	}
	.box ul {
		margin: 0;
		padding: 0;
	}
	.box li { 
		border-bottom: 1px dashed #EEE;
		list-style: none;
		margin: 0;
	}
	.box li a {
		color: #777;
		display: block;
		font-size: 14px;
		padding: 3px 10px 3px 22px;
		text-decoration: none;
		background: url(../images/a1.gif) no-repeat center left;
	}
	.box li a:hover {
		color: #111;
		font-size:15px;
		background: url(../images/a1.gif) no-repeat center left #D8FAD0;
	}
/***********************************************************/

/***********************************************************/
#right {
	float: right; 
	width: 638px; 
	margin: 0 0 10px 0;
}
	.right_articles {
		margin: 0 0 0 4px;
		padding: 10px 0 0 0;
		text-align: justify;
		color: #000;
		background: #fff;
	}
	.right_articles h2 { 
		font: bold 2em Arial, Sans-Serif; 
		color:#DF0000;
		margin: 0; 
		padding: 0; 
		text-decoration:none;
	}
	.description { 
		padding: 0 0 2px 0; 
		margin: 0 10px 5px 0; 
		border-bottom: 1px dotted #ccc; 
		font-size:13px;
		color:#009900;
		}
	.calendar { 
		height: 50px; 
		float: left; 
		background:url(../images/calendar.gif) no-repeat; 
		width: 50px; 
		padding: 5px 0 0 9px;  
		color: #808080;
		}
	.calendar p { 
		padding: 0; 
		margin: 0; 
		}
	.thumbnail { 
		float: left; 
		margin: 0 18px 8px 0; 
		border: 1px solid #dedede; 
		}
	.thirds { 
		float: left; 
		width: 295px; 
		background: #eee; 
		margin: 10px 0 0 15px; 
		color: #5d5d5d; 
		}
	.thirds-line{
		float: left; 
		width: 605px; 
		margin: 10px 0 0 15px; 
		border-bottom:#999999 dotted 1px;
		margin-bottom:15px;
	}
	.boxrtop { 
		height: 13px; 
		background: #fff url(../images/boxtop.gif) no-repeat; 
		color: #000; 
		}
	.boxr { 
		background: #fff url(../images/box.gif) no-repeat bottom left; 
		color: #444; 
		padding: 1px 10px 10px 10px;  
		}
	.boxr p { 
		padding: 0; margin: 0; 
		}
	.image{
		width:272px;
		height:202px;
	}
#box-right-padding-left{
	padding-left:25px;
}
/***********************************************************/

/***********************************************************/
#box-bord{
	width: 627px; 
	margin: 0;
	border-bottom:#CCCCCC solid 2px;
	position:relative;
		left:3px;	
}
	.bb-title{
		margin: 0 0 0 4px;
		padding: 3px 0 0 0;
		text-align: justify;
		color: #000;
		background: #fff;
	}
	.bb-title h2 { 
		font: bold 1.5em Arial, Sans-Serif; 
		color:#0099FF;
		margin: 0; 
		padding: 0; 
		text-decoration:none;
	}
	.bb-box-detail{
		width: 605px; 
		background-color:#F7F7F7;
		padding:10px 10px 10px 10px;
		border:#CCCCCC solid 1px;
		position:relative;
		left:3px;		
	}
	
	.bb-box-repeat{
		font-weight:normal;
		font-size:13px !important;
		color:#000000;
		padding-top:2px;
		border-bottom:#EBEBEB dashed 1px;
	}
	.bb-box-repeat:hover{
		background-color:#F8F8F8;
	}
	.bb-box-repeat a{
		text-decoration:none !important;
		color:#666666;
	}
	.bb-box-repeat a:hover{
		text-decoration:none !important;
		color:#FF3300 !important;
	}
	.bb-box-repeat span{
		text-align:right;
		font-size:9px;
		width:175px;
		color:#999999;
		text-decoration:none;
		margin-left:15px;
	}


.advise-img{
	background-image:none;
	padding:2px;
	border:#CCCCCC solid 1px;
	margin:2px;
	position:relative;
	left:-8px;
	width:203px;
	
}
/***********************************************************/

#cpanel {  
	text-align: center;  
	vertical-align: middle;
	margin:0 auto;
	width:630px;
	margin-bottom:50px;
}

#cpanel div.icon   { 
	margin: 5px; 
	margin-left:14px;

}
#cpanel div.icon a {
        display: block; float: left;
        height: 180px !important;
        height: 190px;
        width: 180px !important;
        width: 190px;
        vertical-align: middle;
        text-decoration : none;
        border: 1px solid #DDD;
        padding: 2px 2px 2px 2px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   {
        color : #333;
        background-color: #CEECFF;
        border: 1px solid #0066FF;
        /*padding: 3px 4px 0px 6px;*/
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 5px; }
#cpanel div.icon span { 
	display: block; 
	padding-top: 3px; 
	color:#000033;
	font-size:14px;

}


#cpanel1 {  
	text-align: center;  
	vertical-align: middle;
	margin:0 auto;
	width:630px;
	margin-bottom:50px;
}

#cpanel1 div.icon   { 
	margin: 5px; 
	margin-left:14px;

}
#cpanel1 div.icon a {
        display: block; float: left;
        height: 135px !important;
        height: 125px;
        width: 180px !important;
        width: 190px;
        vertical-align: middle;
        text-decoration : none;
        border: 1px solid #DDD;
        padding: 2px 2px 2px 2px;
}

#cpanel1 div.icon a:link    {  color : #808080;  }
#cpanel1 div.icon a:hover   {
        color : #333;
        background-color: #CEECFF;
        border: 1px solid #0066FF;
        /*padding: 3px 4px 0px 6px;*/
}
#cpanel1 div.icon a:active  {  color : #808080;  }
#cpanel1 div.icon a:visited {  color : #808080;  }

#cpanel1 div.icon img { margin-top: 5px; }
#cpanel1 div.icon span { 
	display: block; 
	padding-top: 3px; 
	color:#000033;
	font-size:14px;

}


#cpanel2 {  
	text-align: center;  
	vertical-align: middle;
	margin:0 auto;
	width:630px;
	margin-bottom:50px;
}

#cpanel2 div.icon   { 
	margin: 5px; 
	margin-left:14px;

}
#cpanel2 div.icon a {
        display: block; float: left;
        height: 175px !important;
        height: 165px;
        width: 180px !important;
        width: 190px;
        vertical-align: middle;
        text-decoration : none;
        border: 1px solid #DDD;
        padding: 2px 2px 2px 2px;
}

#cpanel2 div.icon a:link    {  color : #808080;  }
#cpanel2 div.icon a:hover   {
        color : #333;
        background-color: #CEECFF;
        border: 1px solid #0066FF;
        /*padding: 3px 4px 0px 6px;*/
}
#cpanel2 div.icon a:active  {  color : #808080;  }
#cpanel2 div.icon a:visited {  color : #808080;  }

#cpanel2 div.icon img { margin-top: 5px; }
#cpanel2 div.icon span { 
	display: block; 
	padding-top: 3px; 
	color:#000033;
	font-size:13px;

}


#maincontent { 
	width: 580px; 
	height: 385px;
	margin:10px auto 0px;
	padding:0; 
	clear: both; 
	background: url(../admin/images/bg.png) no-repeat; 
}
#maincontent-in{
	margin:auto;
	width:500px;
	height:300px;
}
#maincontent-in h1{
	color:#000099;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-top:90px;
}
.h1-map{
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#maincontent-in h2{
	color:#333333;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;

	padding-left:70px;
	padding-top:10px;
	line-height:1.8em;
}

#infor-div{
		border-left:#CCCCCC solid 1px;
		border-bottom:#CCCCCC solid 1px;
		border-right:#CCCCCC solid 1px;
		border-top:#CCCCCC solid 3px;
		padding:5px;
}
.infor { 
		color: #5b5b5b; 
		padding: 0; 
		margin: 0 0 10px 0; 
		
		}
	.infor p { 
		padding: 0; margin: 0;
		color:#44446B;
		text-align:center;
		}
	.infor span{
		color:#999999;
	}
	.infor ul {
		margin: 0;
		padding: 0;
	}
	.infor li { 
		border-bottom: 1px dashed #EEE;
		list-style: none;
		margin: 0;
		
	}
	.infor li a {
		color: #777;
		display: block;
		font-size: 13px;
		font-weight:normal;
		
		padding: 3px 10px 3px 22px;
		
		
		
		text-decoration: none;
		background: url(../images/info.png) no-repeat center left;
	}
	.infor li a:hover {
		color: #DF0000;
		font-weight:normal;
		background: url(../images/info-red.png) no-repeat center left #E7F0F8;
	}
	.infor li span {
		
		color: #999999;
		margin-left:5px;
		font-size:9px !important;
		text-decoration:none;
		font-weight:normal;
	}

table.admintable td { padding: 3px; }
table.admintable td.key,
table.admintable td.paramlist_key {
	color: #666;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
#detail-infor{
	 
	 background-color:#FFFFFF;
	 background-image:url(../images/bottom.gif);
	 background-position:bottom;
	 background-repeat:repeat-x;
	 padding:7px; 
	 border:#999999 solid 1px; 
	 width:609px; 
	 margin-left:4px; 
	 margin-top:10px;
}
#detail-infor img{
	overflow:auto;
}
#detail-infor-footer{
	padding:3px; 
	border:#999999 solid 1px; 
	width:617px; 
	margin-left:4px; 
	margin-top:0; 
	text-align:right; 
	height:15px; 
	background-color:#CCCCCC;
}
#box-infor{
	padding:5px 5px 5px 5px; border-left:#0099FF solid 1px; border-right:#0099FF solid 1px; border-bottom:#0099FF solid 1px; border-top:#0099FF solid 3px; width:615px; margin-left:3px;
}

#title-board{
	font-weight:bold;
	font-size:16px;
	color:#990000;
	text-align:center;
	text-decoration:none;
}

.input-title{
	border:#000000 solid 1px;
	
	background-color:#FFFFFF;
	font-size:14px;
	
	color:#000033;
	width:300px;
	height:18px;
}
.input-title:hover{
	border:#FF0000 solid 1px;
}
.input-post{
	border:#000000 solid 1px;
	
	background-color:#FFFFFF;
	font-size:14px;
	
	color:#000033;
	width:150px;
	height:18px;
}
.input-post:hover{
	border:#FF0000 solid 1px;
}
.input-textArea{
	border:#000000 solid 1px;
	
	background-color:#FFFFFF;
	font-size:14px;
	
	color:#000033;
	width:300px;
	height:150px;
}
.input-textArea:hover{
	border:#FF0000 solid 1px;
}
.input-file{
	border:#000000 solid 1px;
	
	background-color:#FFFFFF;
	font-size:14px;
	
	color:#000033;
	width:300px;
	height:18px;
}
.input-file:hover{
	border:#FF0000 solid 1px;
}

.board-link{
	text-decoration:none;
	color:#999999;
	font-size:13px;
}	
.board-link:hover{
	text-decoration:none;
	color:#FF0000;
}

#service-close{
	color:#333333;
	font-size:13px;
	text-align:left;
	margin-bottom:10px;
	padding-left:15px;
}
#service-open{
	color:#333333;
	font-size:13px;
	text-align:left;
	margin-bottom:10px;
	padding-left:15px;
}
#service-title-open{
	text-align:center;
	color:#009900;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#service-title-close{
	text-align:center;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#activity{
		float: left; 
		padding:5px 5px 5px 5px; 
		border-left:#0099FF solid 1px; 
		border-right:#0099FF solid 1px; 
		border-bottom:#0099FF solid 1px; 
		border-top:#0099FF solid 3px; 
		width:615px; 
		margin-left:3px;
		padding-top:15px;
		margin-bottom:15px;
}
#activity img{
	
	border:#CCCCCC solid 1px;
	padding:4px;
	margin-left:21px;
	margin-bottom:8px;
}
#activity img:hover{
	
	border:#FF0000 solid 1px;
	padding:4px;
	margin-left:21px;
	background-color:#FFD9D9;
}
#box-useronline{
	text-align:center;
	color:#009900;
	font-size:14px;
	font-weight:normal;
}
#box-useronline span{
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}
/***********************************************************/


.footer { 
	background-color:#F7F7F7;
	background-image:url(../images/gb2.gif);
	background-repeat:repeat-x;
	clear: both;
	text-align: center;
	line-height: 1.8em; 
	padding: 10px 0 10px 0; 
	border-top:#CCCCCC  solid 1px;
}
.footer a { 
		color:#0085DD;
		text-decoration:none;
}
.footer a:hover { 
		color:#FF9900;
		text-decoration:underline;
}


/* IE6 css fixer v0.6: Thu, 22 Oct 2009 13:41:02 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.menu1 li,
.menu1 li a,
.menu1 li a b,
#left,
#right,
.calendar,
.thumbnail,
.thirds,
.thirds-line,
#cpanel div.icon a,
#cpanel1 div.icon a,
#cpanel2 div.icon a,
#activity {display:inline;}

/* add zoom:1 to pos:relative elements */
.img-new,
.menu1,
#box-bord,
.bb-box-detail,
.advise-img {zoom:1;}