/* SN - Kanfu/A. 400-800 */

body {
	margin:0px 0;
	padding:0;
	background-color:#000;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif, Sans-Serif;
	font-size: 80%;
	background-image: url(images/layout/bg.gif);
	background-repeat: repeat;
}
.content { padding: 2px 1px 2px 2px; background: #FFF ;margin: 0 auto; width: 882px;}


/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {padding: 0; margin: 0; background: url('images/layout/top.gif') no-repeat; height: 28px; width: 880px; color:#FFFFFF;}
#header {
	margin: 0;
	width: 880px;
	background-colour: #FFF;
	height:227px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.navbar { margin: 0; padding: 0; float: right; list-style-type: none; list-style-image: none; width: 880px; height:27px;}
.navbar ul { margin: 0; padding: 0; float: right; list-style-type: none; list-style-image: none; text-align: center;}
	
.navbar li { float: right; padding-right: 1px; width: 58px;}

.navbar li a {color: #FFF; display: block; height: 15px; padding: 4px 0px 8px 0px; text-align: center; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #000; font-weight: bold; text-decoration: none; text-transform: uppercase;}

.navbar li a:hover, .navbar .current   {
	color: #FFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: #000000;
	background-image: url(images/layout/over_on.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}



/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/





#main { background: #FFF; width: 880px; margin:0px; color: #808080; height: auto; }  
#main .lft_side { float: left; padding:0px 0 0 10px; margin:0; color: 	#7D8085; background-color: #FFF; width: 210px; }


#main .rgt_side { float: right; width: 600px; background: #FFF; padding:0px 0 0 10px; margin:0; }





.hl { text-align: left; color: 	#7D8085; padding: 15px 0 0 0px; width: 200px;}
.hltitle {
	text-align: center;
	background-color:#FFF;
	opacity:.5;
	height: 30 px;
	color:#000000;
	padding-right: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: middle;
	padding-bottom: 50px;
	text-transform: uppercase;
	padding-top: 20px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #333333;
	background-image: url(images/layout/left.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.hlmenu {
	text-align: left;
	background-color:#FFF;
	height: 30 px;
	color:#000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #333333;
	}
.hr { float: right; text-align: left; color: #7D8085; padding: 15px 0 0 0px; width: 500px;}
.hrtitle {
	text-align: justify;
	background-color:#FFF;
	opacity:.5;
	height: 30 px;
	color:#000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 50px;
	padding-right: 20 px;
	text-transform: uppercase;
	padding-top: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(images/layout/right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.hrmenu {
	text-align: justify;
	background-color:#FFF;
	height: 30 px;
	color:#000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	}

/* @group Articles */



.article_content {
	float:  left;
	width:  305px;
}
.article_image {
	float:  left;
	width:  220px;
}

.article_divider {
	clear: both;
	height:  30px;
	margin: 10px 0 20px -35px;
	/*margin: 10px 0 20px 0px;*/
	background: url(../images/backgrounds/article_divider.gif) no-repeat 0 0;
}
/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	height: 27px;
	color:#FFF;
	background: url('images/layout/bottom.gif') no-repeat;
	font-size:80%;
	padding: 0;
	text-align: right;
	vertical-align: middle; 
}
#footer .right { padding: 3px 2px 0 0; float:right; color: #FFFFFF; }

#footer a { color: #0000CC; text-decoration:underline;}



/*FONT ---------------------------------------------------------------------------------------------------------------------------------------------------*/

p { margin: 0; padding: 3px 0 5px 0; color: #808080; background: inherit; }
a {
	color:#999999;
	background: inherit;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	color:#666666;
	background: inherit;
	text-decoration:none;
	font-weight: bold;
	text-decoration:underline;
}
h1{ margin: 0; padding: 0; font-weight:bold; font-size:95%; text-align:center;	font-variant:small-caps; vertical-align: top; }
h2 { padding: 8px 0 5px 0; color:#001732; font-size:180%; font-weight:bold; font-variant:small-caps; border-bottom:#001732 3px solid; }

h2 a { background: #FFF; color: #001732; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }



/*Graffics ------------------------------------------------------------------------------------------------------------------------------------------------*/