/* v1.0 | 20080212 */

/* start of css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ../images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of css reset */

body{background:fixed #ccdaf5 url(../images/bg.jpg) repeat-x 50% 0;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.left{float:left;}
.right{float:right;}

#container{margin:0 auto; width:810px;}
#container .logo{width:810px;height:140px; /*border:1px red solid;*/}
#container .top{width:810px;height:300px; /*border:1px red solid;*/ }
#container .middle{width:800px;/*border:1px red solid; */ }
#container .bottom{width:810px; height:47px;/*border:1px red solid;*/}

#container .nav{width:233px; height:299px; background:url(../images/nav.png) no-repeat; padding:7px 0 0 0;/*border:1px red solid;*/}
#container .banner{width:570px; height:300px; background:url(../images/banner.png) no-repeat; padding:4px 0 0 4px;/*border:1px red solid;*/}

#container .footer{width:810px; height:47px; background:url(../images/footer.png) no-repeat;}
#container .copyright{color:#fff; font-size:11px; font-family:Verdana; font-weight:bold; padding:15px 0 0 18px;}

#container .category{padding:10px 0 0 10px;color:#fff;font-size:14px;font-family:Arial;font-weight:bold;width:177px; height:25px;background:url(../images/cat.png) no-repeat;}

h1{font-size:16px; font-family:Arial, Helvetica; font-weight:bold;color:#0161ae; }
p{color:#2d2d2d; font-size:16px; font-family:Arial, Helvetica; font-weight:bold;text-align:justify;}
#container .blue{font-size:15px; font-family:Arial, Helvetica; font-weight:bold;color:#0161ae;}
#container .sqr{width:10px;padding:0 5px 0 0;background:url(../images/sq.jpg) no-repeat left center;}
#container .green{width:12px;padding:0 5px 0 0;background:url(../images/green.png) no-repeat left center;}

#container .white{border:1px #ff solid;}

#container .box-form{width:345px;height:300px;background:url(../images/form.png) no-repeat left center;padding:0 0 0 10px;}
#container .inp-field{width:184px;height:22px;background-color:#fff;border:1px #0157aa solid;}
#container .txtarea-field{width:184px;height:95px;background-color:#fff;border:1px #0157aa solid;}

#container .ryt{width:360px;}
#container .lft{width:380px;}

#container ul{list-style:none;}
#container ul li {}

#container ul .test{margin:0; padding:0;list-style:none;}
#container ul li .test{color:#2d2d2d; font-size:14px; font-family:Arial, Helvetica; font-weight:bold;line-height:30px;text-align:justify;background:url(../images/green.gif) no-repeat 0 8px ;padding:0 0 0 20px;margin:0 0 0 0;}