/* CSS Document */
body {
	padding: 0;
	margin: 0;
	background: url(images/bg.gif) repeat-x 0 0 #F6F4E4;
	color: #6B6854;
}

div,p,h1,h2,h3,h4,img,ul {
	padding: 0;
	margin: 0;
}

ul {
	list-style-type: none;
}

#header {
	width: 778px;
	background: url(images/header_pic.jpg) no-repeat 0 0;
	position: relative;
	height: 173px;
	margin: 0 auto;
}

#header img {
	position: absolute;
	left: 101px;
	top: 27px;
}

#header h1 {
	background: url(images/slogan.gif) no-repeat 0 0;
	position: absolute;
	left: 328px;
	top: 37px;
	text-indent: -2000px;
	width: 151px;
	height: 53px;
}

#header form {
	width: 232px;
	height: 24px;
	background: url(images/header_form_bg.jpg) no-repeat 0 0;
	position: absolute;
	left: 452px;
	top: 100px;
	padding: 7px 0 0 11px;
}

#header form label {
	width: 53px;
	background: url(images/form_icon.gif) no-repeat 0 2px #0E0E0E;
	height: 15px;
	color: #FFFFFF;
	font: bold 13px/ 15px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 0 0 18px;
}

#header form input {
	width: 122px;
	height: 16px;
	border-left: #808080 1px solid;
	border-top: #808080 1px solid;
	border-bottom: #D4D0C8 1px solid;
	border-right: #D4D0C8 1px solid;
	float: left;
}

#header form input.submit {
	width: 16px;
	height: 16px;
	background: url(images/submit.gif) no-repeat 0 0;
	font-size: 0;
	cursor: pointer;
	border: none;
	margin: 2px 0 0 10px;
}

#header ul {
	width: 550px;
	height: 33px;
	position: absolute;
	left: 90px;
	top: 137px;
}

#header ul li {
	float: left;
	background: url(images/header_ul_sp.gif) repeat-y top right;
	height: 33px;
	display: block;
	padding: 0 14px 0 14px;
}

#header ul li.nobor {
	float: left;
	height: 33px;
	display: block;
	padding: 0 12px 0 12px;
	background-image: none;
}

#header ul li a {
	font: bold 13px/ 33px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8F8C73;
	ZZbackground: url(images/ul_bg.gif) repeat-x 0 0 #F6F4E4;
	display: block;
	text-decoration: none;
}

#header ul li a.hover {
	font: bold 13px/ 33px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7F0A5F;
	background: url(images/ul_bg.gif) repeat-x 0 0 #F6F4E4;
	display: block;
	text-decoration: none;
}

#header ul li a:hover {
	color: #7F0A5F;
	background-color: #F6F4E4;
}

/*--------------------footer-----------*/ /*----Footer Panel----*/
#footermainPan {
	background: url(images/footerbg.gif) 0 0 repeat-x #6B6854;
	color: #fff;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

#footer {
	width: 634px;
	position: relative;
	margin: 0 auto;
	font: 12px/ 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 197px;
}

#footer ul {
	width: 546px;
	position: absolute;
	top: 0px;
	left: 42px;
}

#footer li {
	font: normal 12px/ 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #6B6854;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#footer ul li a {
	height: 16px;
	padding: 0 10px 0 10px;
	font: normal 12px/ 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #6B6854;
	text-decoration: none;
}

#footer ul li a:hover {
	background-color: #F4F3E7;
	color: #1C1C1C;
}

#footer p {
	width: 250px;
	background: #6B6854;
	color: #F3F1DF;
	position: absolute;
	top: 20px;
	left: 200px;
}

#footer p.copy {
	color: #F3F1DF;
	font-size: 11px;
	width: 234px;
	line-height: 16px;
	position: absolute;
	left: 195px;
	top: 40px;
	height: 16px;
	padding: 0;
	background-color: #6B6854;
}

#footer p.copy a {
	text-decoration: none;
	color: #F3F1DF;
	background-color: #6B6854;
	font-weight: bold;
}

#footer p.copy a:hover {
	text-decoration: underline;
}

#footer ul.xhtml {
	width: 200px;
	position: absolute;
	top: 65px;
	left: 200px;
	font-size: 0;
}

#footer ul.xhtml li {
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 14px;
}

#footer ul.xhtml li a {
	width: 66px;
	height: 21px;
	background: url(images/xhtml.gif) no-repeat 0 0;
	text-indent: -2000px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 0;
}

#footer ul.xhtml li a.css {
	width: 66px;
	height: 21px;
	background: url(images/css.gif) no-repeat 0 0;
}

#footer ul.xhtml li a:hover {
	text-decoration: none;
}