﻿/* CSS RESET */
html{
	color: #000;
	background-image: url('../img/bg5.gif');
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;/*font-weight:normal;*/}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:normal;*/}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#000;
}
a {
	text-decoration:none;
	color:#9b3535; 
}
a:hover {
	text-decoration: underline;
		color: #CC0000
}
#wrap {
	border: 1px solid #FFFFFF;
	width: 1000px;
	text-align: left;
	margin: 1% auto 1% auto;
	background: url('../img/b.jpg');
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}

/* header */
#header {
	position: relative;
	height: 100px;
	background: url('../img/h.jpg');
}
#logo {
	position: absolute;
	top: 30px;
	left: 80px;
	background-image: url('../img/logo.jpg');
	width: 332px;
	height: 70px;
}
#nav {
	position: absolute;
	top: 32px;
	left: 460px;
	background: url('../img/nav.jpg');
	width: 451px;
	height: 30px;
	line-height: 27px;
	padding: 0 0 0 12px;
}
#nav li {float:left;  font-weight:700; width:80px; padding:0 5px }
#nav a {text-decoration:none; display:block; text-align:center; color:#800000}
#nav a:hover {
	background: #9B3535 url('../img/bt.jpg')/*66CCFF*/;
	color: #ffffff;
	}
/* content */

#content img {
	margin: 3px;
	padding: 2px;
}
.img { margin:0px 0  0 70px }
.main {
	width: 680px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('../img/box.jpg');
	color: #000;
}
#text {margin:0px 0  0 65px }
#text p {
	margin: 0 auto;
	width: 575px;
}
#text h2 {
	font-size: 20px;
	padding: 10px 0 10px 0;
	color: #9B3535
}
#text h1 {
	font-size: 24px;
	padding: 10px 0 10px 0;
	color: #9B3535;
	font-weight: bold;
}
#text img {
	margin: 10px 0 0 10px
}
#col {
	border: 1px solid #770000;
	margin: 10px 0 10px 65px;
	padding:2px;
	width: 590px;
	height:auto;
	background-color: #FEE6E6;
	position: absolute;
	display: inline;
}

#col div {width: 275px; margin: 20px 0 0  10px; display:inline}
#col .first  {
	margin: 20px 12px 0 16px;
}
#col li{line-height:20px; list-style:inside disc;color:#9b3535;}
#col a { color:#9b3535; text-decoration:underline;}
.side {
	width: 320px;
	display: inline;
}
.side h2 {font-size:22px}
.side li {line-height:20px; list-style:inside disc; color:#9b3535; }
.side ul {margin:20px  0 30px 20px}
#top {
	margin-top: 20px;
	width: 250px;
}
#top img {
	margin: 3px;
	padding: 2px;
	
}
/* footer */
#footer {
	background: url('../img/f.jpg');
	height: 120px;
	position: relative
}
#ftinner{
	position: absolute;
	bottom: 7px;
	width: 880px;
	margin-left: 80px;
	color: #E98383;
}
#ftinner a {
	color: #E07777
}
.ftlink {width:500px;}
#ftinner a:hover {
	color: #FFFFFF
}
.text-r {
	text-align: right;
}
.red {
	color: #CC0000;
	text-decoration: underline;
}
.form{height:24px;margin-top:3px;}
.form input, select{width:205px;height:20px;border:1px solid #800000;background-color:#FFFFFF;margin:3px}
textarea{width:200px;height:40px;border:1px solid #800000;background-color:#FFFFFF;padding-left:3px;margin:3px}