@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #000000;
		background: #BBBBBB;
	}
	a{
		text-decoration: underline;
		color: #0369A7;
	}
	a:hover{color: #CC0000; text-decoration:none;}
	
	a.bullet{
		background:url(../images/link_bullet.gif) no-repeat left center; 
		padding: 0 0 0 20px;
	}
	
	a.bullet:hover{
		background:url(../images/link_bullet_a.gif) no-repeat left center; 
	}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 23px;
		color: #42423b;
		font-family:Arial, sans-serif;
		font-size:12px;
	}
	ul.borderedlist li a:hover{background: #E5F3FE;color: #42423b;}
	
	div#root_site{
		width:988px;
		margin:0 auto;
		background:url(../images/root_bg.gif) repeat-y center;
	}
	
	div#root_admin{
		width:988px;
		margin:0 auto;
		background:url(../images/root_bg_admin.gif) repeat-y center;
	}
/* =LAYOUT - the main layout styles */
	.container{
		width:960px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		height: 198px;
		width:960px;
		background: url(../images/top_bg.jpg) top repeat-x;
		position: relative;
		margin:0 auto;
	}
	#navigation{
		position: absolute;
		left: 15px;
		top:25px;
	}
	/* main area layout */
	#main{
		padding:0;
	}
	#leftcolumn{float: left;width:200px; padding:8px 8px 14px 8px;}
	#center_admin{float: left;width:710px;padding:14px 16px;}
	
	#center_index{
		float: left;
		width:659px;
		padding:14px 16px; 
	}
	
	#right_panel{
		float: left;
		width:237px;
		padding:16px 16px; 
	}
	
	/* right column */
	.rightbox{
		padding:0;
	}
	
	.rightbox h4{
		font-size:1.9em;
		font-weight: normal; 
		font-family:Arial, Helvetica, sans-serif;
		margin:0 0 10px 0;
		padding:0;
		color:#CC0000;
	}
	
	div#banner_top{
		margin:10px 0 0 0;
	}
	
	div#link{
		font-size:1em;
		font-weight: normal; 
		font-family:Arial, Helvetica, sans-serif;
		padding:0;
		margin:5px 0 0 0;
		text-align:right;
	}
	
	p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		margin:0 0 2px 0;
	}
	
	div#text{
		font-size:1em;
		font-family:Arial, Helvetica, sans-serif;
		line-height:15px;
	}
	
	/* bottom layout */
	#bottominfo{
		border-top: 5px solid #42423b;
		background: #f1eee7;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}
	
/* =HEADER - the header styles */
	#header .container{height: 198px;}
	
	div#title{
		margin:0 0 10px 0;
	}
	
	div#nav{
		margin:0 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#999999;
		border-bottom:1px solid #EEEEEE;
		padding:2px 0 5px 0;
	}
	
	div#detail{
		margin:15px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		color:#000000;
		border:1px solid #EEEEEE;
		background:#FAFAFA;
		padding:8px;
	}
	
	div span{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#999999;
		margin:0;
		padding:0;
	}
	
	div span.devider{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#999999;
		padding:0 5px;
	}
	
	h1{
		font-family:Arial, sans-serif;
		font-size:2.3em;
		letter-spacing:-1px;
		line-height:27px;
		font-weight:normal;
		margin:0;
		padding:0;
	}
	
	h2{
		font-family:Arial, sans-serif;
		font-size:1.6em;
		font-weight:normal;
		margin:4px 0;
	}
	
	h2.comment_title{
		font-family:Arial, sans-serif;
		font-size:1.8em;
		font-weight:normal;
		margin:0 0 10px 0;
	}
	
	h3{
		font-family:Arial, sans-serif;
		font-size:1.6em;
		font-weight:normal;
	}
	
	h4{
		font-family:Arial, sans-serif;
		font-size:1.6em;
		font-weight:normal;
		margin:5px 0;
	}
	
	div#comment{
		padding:0 0 0 15px;
		border-left:1px solid #EEEEEE;
	}
	
	img.post_img{
		max-width:640px;
		padding:3px;
		border:1px solid #EEEEEE;
		margin:10px 0;
	}
	
	
	/* top navigation */
	#navigation li{
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight:bold;
	}
	
	#navigation li#divider{
		padding:0 15px;
		color:#AFD6F3;
	}
	
	
	#navigation li a{color: #0369A7;}
	#navigation li a:hover,#navigation li.active a{color: #CC0000;}
	/* message and building pic */
	#banner{
		position: absolute;
		height: 146px;
		color: #a49c8f;
		font-weight: bold;
		padding:0  708px 0 7px;
		bottom: 3px;
		right:0;
		background: url(../images/banner.jpg) right bottom no-repeat;
		font-size: 1.3em;
		left:-9999px;
	}
	
/* =CONTENT - the content styles */
	/* left column */
	.leftbox{margin: 0 0 3px 10px;line-height:1.8em;}
	h3.leftbox_first{font-size:1.6em; font-family:Arial, sans-serif;color: #000000; border-bottom:1px solid #d1cfcd; padding:0;margin: 0 0 3px 10px;line-height:1.8em;}
	h3.leftbox{font-size:1.6em; font-family:Arial, sans-serif;color: #000000; border-bottom:1px solid #d1cfcd; padding:5px 0 0 0;}
	h3.header_small{font-size:15px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #5699A7; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}	

div.devider{
	margin:10px 0;
	border-top:1px solid #EEEEEE;
	padding:0; 
}
	
	
/* =FOOTER */
	#footer{
		padding:10px;
		margin:0 auto;
		background: #F0F0F0;
		width:940px;
		
	}
	#footer a{color: #A39D97;}
	
	div.tops{
		float:left;
		width:300px;
		padding:10px 0 0 0;
	}
	
	div.copy{
		float:left;
		width:630px;
	}
	
	div.copy p{
		font-size:0.9em;
	}
	
/*FORMS*/

#form{
	padding:15px;
	border:1px solid #EEEEEE;
	background:#FAFAFA;
}

#form_admin{
	padding:15px;
	border:1px solid #EEEEEE;
	background:#FCFCFC;
	margin:10px 0 0 0;
}

#form p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:1.4em;
	padding:0;
	margin:0;
}

#form_admin p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:1.5em;
	padding:0;
	margin:0;
}

#form_admin div.devider,#form div.devider{
	margin:15px 0;
	border-top:1px solid #EEEEEE;
	padding:0; 
}


#form span#inf{
	font-size:0.8em;
	display:block;
	padding:0;
	margin:0;
}

#form_admin span#inf{
	font-size:0.6em;
	display:block;
	padding:0;
	margin:0 0 5px 0;
}

textarea {
	width:99%;
	padding:2px; 
	color:#828282; 
	border:1px solid #BDBDBD;  
	background:#FFFFFF;
	font-size:11px;
	font-family:Arial, sans-serif;
}

.text {
	width:99%;
	padding:2px;  
	height:19px; 
	font-size:12px; 
	color:#999999; 
	border:1px solid #D1CFCD; 
	background:#FFFFFF; 
}	

.bn {
	width:185px; 
	height:30px; 
	margin:0; 
	cursor:hand; 
	color:#310031; 
	display:block; 
	font-size:12px;
	margin:5px 0 0 0;
}

label{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
}

/*ERRORS*/

div#errors{
	padding:20px 0 20px 60px;
	margin:10px 0;
	border:1px solid #CC0000;
	background:#FCFCFC url(../images/error.png) 2% center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

div#message{
	padding:20px 0 20px 60px;
	margin:10px 0;
	border:1px solid #CCCCCC;
	background:#FCFCFC url(../images/message.png) 2% center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}


h1#error{
	color:#CC0000;
}


/*Rounded blocks fill*/

.inner-box {
	padding:1em; 
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box-3, #rounded-box-5, #rounded-box-10 { margin:0.7em 0; }

.inner-box, b { background-color: #F5F5F5; }

#rounded-box-3 .inner-box { padding: 1em;}
#rounded-box-5 .inner-box { padding: 0.7em 1em;}
#rounded-box-10 .inner-box { padding: 0.2em 1em;}