@charset "utf-8";
/* CSS Document */

body {
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/bg/BG.png) left top;
	color: #FFFFFF;
}

a { color: #36C; }
a:hover { text-decoration: none; }

input { border: 1px solid #FFFFFF; background: url(../images/forms/input-bg.gif) left top repeat-x #FFFFFF; margin: 2px 2px 2px 2px;
			font-size: 11px; font-weight: bold; padding: 3px 5px 0px 5px;}

	.hbg { background: url(../images/bg/colorful.png) center top no-repeat; }
.holder { width: 900px; margin: 0px auto 10px auto; min-height: 700px; }
	.banner { height: 75px; padding: 35px 0px 0px 15px; }
	.menu { width: 900px; }
		.menu .body { width: 884px; background:  url(../images/menu/BAR-BG.png) left top repeat-x; height: 39px; }
			.menu .body ul { list-style: none; margin: 0px 0px 0px 0px; padding: 5px 2px 2px 2px; font-size: 12px; font-weight: bold; }
			.menu .body ul li { list-style: none; float: left; margin: 3px 3px 0px 3px; padding: 5px 10px 8px 10px; }
			.menu .body ul li:hover { background: url(../images/menu/ahover.png) left bottom repeat-x; }
			.menu .body a { color: #FFFFFF; text-decoration: none; }
			.menu .body .nav { width: 880px; }
			.menu .or { padding: 5px 2px 8px 2px; margin: 3px 0px 0px 0px; }
			.menu .body .search { width: 250px; }
			.menu .body form { padding: 8px 5px 5px 5px; margin: 0px 0px 0px 0px; background: url(../images/menu/splitter.png) left 68% no-repeat; }
				.menu .body form .stext { width: 140px; height: 15px; color:#36C; }
				.menu .body form .ssearch { background: none; border: none; font-weight: bold; color: #FFFFFF; font-size: 12px;
											height: 18px; padding: 4px 2px 2px 2px; margin: 1px 1px 1px 1px; }
					.menu .body ul li { float:left; list-style: none; }
		.menu .bleft { width: 8px; background: url(../images/menu/BAR-left.png) left top no-repeat; height: 39px; }
		.menu .bright { width: 8px; background: url(../images/menu/BAR-right.png) left top no-repeat; height: 39px; }
	.submenu { height: 27px; color:#09F; float: right; margin: 0px 10px 10px 0px; }
		.submenu .body { background: url(../images/submenu/subbar-bg.png) left top repeat-x; height: 27px; float: right; max-width: 850px; }
		.submenu .bleft { width: 7px; background: url(../images/submenu/subbar-left.png) left top no-repeat; height: 27px; }
		.submenu .bright { width: 7px; background: url(../images/submenu/subbar-right.png) left top no-repeat; height: 27px; }
				.submenu .body div { padding: 8px 4px 0px 4px; font-size: 11px; }
					.submenu .body div a { color: #36C; }
					.submenu .body div a:hover { text-decoration: none; }
				.submenu .body form { padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px; }
					.submenu .body form .stext { width: 135px; height: 12px; color:#36C; border: 1px solid #B0B0B0; font-size: 10px; }
					.submenu .body form .ssearch { background: none; border: none; font-weight: bold; color: #09f; font-size: 11px;
											height: 18px; padding: 0px 4px 0px 10px; margin: 0px 0px 0px 2px; }
	.bhold { margin: 0px 0px 15px 0px; }
			.sider { width: 230px; color: #333333;}
			.sbody { width: 214px; padding: 3px 8px 3px 8px; color: #333333; }
			.sider .sspace { height: 5px; width: 230px; }
		.bhold .body { width: 668px; margin: 6px 0px 6px 0px; }
			.mbody { width: 658px; padding: 0px 5px 0px 5px; }
	
	.minfo { width: 900px; margin: 0px 0px 15px 0px;}
		.minfo .bcbar .bbg { width: 890px; height: 5px; }
		.minfo .mibody { padding: 5px 8px 5px 8px; }
		.minfo .wcbar .wbg { width: 874px; height: 5px; }
		.minfo .wbody { padding: 0px 5px 2px 5px; }
	
	.footer { width: 900px; }
		.footer .footmenu { width: 225px; border-right: 1px dashed #FFFFFF; min-height: 115px; }
			.footer .footmenu ul { list-style: none; font-size: 12px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 15px;}
			.footer .footmenu ul li { line-height: 18px; padding: 3px 0px 3px 5px; }
			.footer .footmenu ul li:hover { background: url(../images/corners/black/bc-bg.png) left top; }
			.footer .footmenu a { color: #09C; text-decoration: none; }
		.footer .copy { text-align: right; font-size: 11px; }

/* CCorners */
.wctl { width: 5px; height: 5px; background: url(../images/corners/white/CW-TL.png) left top no-repeat; }
.wctr { width: 5px; height: 5px; background: url(../images/corners/white/CW-TR.png) right top no-repeat; }
.wcbg { width: 220px; height: 5px; background: #FFFFFF; }
.wcbl { width: 5px; height: 5px; background: url(../images/corners/white/CW-BL.png) left top no-repeat; }
.wcbr { width: 5px; height: 5px; background: url(../images/corners/white/CW-BR.png) right top no-repeat; }
	.wbg { background: #FFFFFF; }
	
.bctr { width: 5px; height: 5px; background: url(../images/corners/black/bc-tr.png) left top no-repeat; }
.bctl { width: 5px; height: 5px; background: url(../images/corners/black/bc-tl.png) left top no-repeat; }
.bcbl { width: 5px; height: 5px; background: url(../images/corners/black/bc-bl.png) right top no-repeat; }
.bcbr { width: 5px; height: 5px; background: url(../images/corners/black/bc-br.png) right top no-repeat; }
.bcbg { width: 663px; height: 5px; background: url(../images/corners/black/bc-bg.png) left top; }
	.bbg { background: url(../images/corners/black/bc-bg.png) left top; }

/* Font Types */
.fhead { font-size: 15px; font-weight: bold; margin: 0px 0px 5px 10px;}
.fsubhead { font-size: 13px; font-weight: bold; margin: 0px 0px 5px 10px; }
.fcblue { color: #09F; }
.fcred { color: #C30; }
.fcblack { color: #333333; }

/* Pages for Tutorials */
.list {	text-align: right; }
	.list ul { list-style: none; padding: 0px 0px 0px 5px; margin: 0px 0px 5px 0px; float:right; width: 630px; }
		.list ul li { float: left; list-style-type: none; padding: 4px 4px 4px 4px;	margin: 0px 2px 0px 2px; border: 1px solid #bfbbbb;	}
		.list ul li:hover { border: 1px solid #969696; }

/*// Image Effect //*/
.iborder { background: url(../images/fades/F10.png) left top; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; }
	.iborder:hover { background: url(../images/fades/F20.png) left top; }
	.iborder img { border: 3px solid #FFFFFF; width: 669px;}
	.iborder .shide img { width: auto; }
	.iborder .nob { border: none; width: 15px; margin: 0px 5px 0px 0px; }
	.center { margin: 0px auto 0px auto; text-align: center; }

/* Basic Floats */
.right { float:right; }
.left { float: left; }

.clear { clear:both; }

/*// Addon Effects //*/
.shover { }
	.shover .shide { display: none; border: 2px solid #010101; background: #010101; margin: 0px 0px 0px 15px;}
	.shover:hover .shide { display: block; position: absolute; z-index: 5;}