/*----- navigation menu -----*/

#navigation {
	margin: 5px 0px 0px 0px;
	padding: 0;
	width: 800px;
	height: 35px;
	background: url(images/bar.png);
	}

#navigation ul {
	margin: 0;
	padding: 0;

	}

#navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;

	}

#navigation ul li a span {
	display: none;
	}

#navigation ul li a:link, #navigation ul li a:visited {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 23px;
	}
#navigation ul li a:link#nav-home, #navigation ul li a:visited#nav-home {
	width: 111px;
	height: 23px;
	background: url(images/btn0.png);
	background-color: #727285;
	margin: 6px 1px 6px 8px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-home {
	width: 111px;
	height: 23px;
	background: url(images/btn0_ov.png);
	background-color: #6692b3;
	margin: 6px 1px 6px 8px;
	padding: 0px;
	}
#navigation ul li a:link#nav-about, #navigation ul li a:visited#nav-about {
	width: 111px;
	height: 23px;
	background: url(images/btn1.png);
	background-color: #8f7164;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-about {
	width: 111px;
	height: 23px;
	background: url(images/btn1_ov.png);
	background-color: #458abc;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}
#navigation ul li a:link#nav-history, #navigation ul li a:visited#nav-history {
	width: 111px;
	height: 23px;
	background: url(images/btn2.png);
	background-color: #8f7164;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-history {
	width: 111px;
	height: 23px;
	background: url(images/btn2_ov.png);
	background-color: #458abc;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:link#nav-qa, #navigation ul li a:visited#nav-qa {
	width: 111px;
	height: 23px;
	background: url(images/btn3.png);
	background-color: #8f7164;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-qa {
	width: 111px;
	height: 23px;
	background: url(images/btn3_ov.png);
	background-color: #458abc;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:link#nav-gallery, #navigation ul li a:visited#nav-gallery {
	width: 111px;
	height: 23px;
	background: url(images/btn4.png);
	background-color: #8f7164;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-gallery {
	width: 111px;
	height: 23px;
	background: url(images/btn4_ov.png);
	background-color: #458abc;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}


#navigation ul li a:link#nav-a-bbs, #navigation ul li a:visited#nav-a-bbs {
	width: 111px;
	height: 23px;
	background: url(images/btn5.png);
	background-color: #abb279;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-a-bbs {
	width: 111px;
	height: 23px;
	background: url(images/btn5_ov.png);
	background-color: #7e965c;
	margin: 6px 1px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:link#nav-s-bbs, #navigation ul li a:visited#nav-s-bbs {
	width: 111px;
	height: 23px;
	background: url(images/btn6.png);
	background-color: #abb279;
	margin: 6px 8px 6px 0px;
	padding: 0px;
	}

#navigation ul li a:hover#nav-s-bbs {
	width: 111px;
	height: 23px;
	background: url(images/btn6_ov.png);
	background-color: #7e965c;
	margin: 6px 8px 6px 0px;
	padding: 0px;
	}

/*  Left Menu*/

#left-menu a span {
	display: none;

	}

a:link#left-list, a:visited#left-list {
	width: 230px;
	height:30px;
	background: url(images/list_link.png);
	display: block;
	}

a:hover#left-list {
	width: 230px;
	height:30px;
	background: url(images/list_link_ov.png);

	}


a:link#left-blue, a:visited#left-blue {
	width: 242px;
	height:22px;
	margin-bottom: 10px;
	background: url(images/left_blue.png);
	display: block;
	}

a:hover#left-blue {
	width: 242px;
	height:22px;
	margin-bottom: 10px;
	background: url(images/left_blue_ov.png);

	}

a:link#left-yellow, a:visited#left-yellow {
	width: 242px;
	height:22px;
	margin-bottom: 10px;
	background: url(images/left_yellow.png);
	display: block;
	}

a:hover#left-yellow {
	width: 242px;
	height:22px;
	margin-bottom: 10px;
	background: url(images/left_yellow_ov.png);

	}

a:link#left-back, a:visited#left-back {
	width: 242px;
	height:22px;
	margin-bottom: 10px;
	background: url(images/left_back.png);
	display: block;
	}

a:hover#left-back {
	width: 242px;
	height:22px;
	margin-bottom: 10px;
	background: url(images/left_back_ov.png);

	}