/* universal settings */
* {
	padding: 0;
	margin: 0;
	}
/* re-defined tag settings */
body {
	color: #690;
	background: #fff;
	font: 12px verdana;
	line-height: 14px;
	}
 
h1 {
	padding: 0;
	color: #690;
	font: 2em verdana;
	font-weight: bold;
	text-align: center;
	}
h2 {
	padding: 0;
	color: #bbb;
	font-weight: bold;
	text-align: center;
	background: transparent;
        font: 2em Verdana, arial black;
}
/* main structure */
#container {
	background: transparent url(../images/art.gif) no-repeat top right;
	
	position: relative;
        width: 800px;
height: 600px;
border: 1px solid #eee;
margin: 0 auto;
padding: 0;
	}
	
/* top navcontainer */

	
#navcontainer {
margin: 0;
padding: 0;
height: 46px;
font: 11px Verdana, sans-serif;
width: 100%;
border-bottom: 1px solid #eee;
list-style-type: none;
background: transparent;
}

#navlist li {
float: right;
margin: 48px 0 0 0;
padding: 0; 
width: auto;
display: block;
}



#navlist li a, #navlist li a:link
{
color: #ccc;
text-decoration: none;
padding: 2px 5px 2px 5px;
display: block;
}


#navlist li a:hover
{
color: #405920;
border-bottom: 1px solid #899257;
border-right: 1px solid #899257;
cursor: pointer;
background: #F2F4E6;
}

#navlist li a#current, #navlist li a#current:link
{
color: #333;
cursor: default;
font-weight: bold;
border-bottom: 1px solid #f00;
}

#navlist li a#current:hover
{
border-bottom: 1px solid #899257;
color: #f00;
background: #CFD4AC;
}


/* 3 column layout--left side panel-to contain menu */

#left 
{
	margin-top: 0;
	margin-left: 0;
	padding: 30px 0 0 0px;
	background: transparent url(../images/article.gif) no-repeat top center;
	
	width: 160px;
	height: 450px;
	}

#menu { margin: 0;
	}

#menu ul {
margin-top: 0px;
padding: 0;
list-style-type: none;
font-family: verdana, arial, helvetica, sans-serif;
}

#menulist {
margin-top: 0px;
}

#menulist a 
{
display: block;
padding: 5px 3px;
width: 130px;
height: 15px;
color: #333;
background-color: transparent;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
font-size: 0.8em;

}

#menulist a:hover
{
color: #f00;
background-color: transparent;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;

}
/*
#submenulist ul { margin: 0; }

#submenulist ul a
{
display: block;
padding: 5px  3px;
width: 125px;
color: #f00;
background-color: #eee;
text-decoration: none;
font-weight: normal;
}

#submenulist ul a:hover
{
color: #000;
background-color: #ccc;
text-decoration: none;
}




/* 3 column layout - content# center column */

#middle {
	top: 70px;
	left: 165px;
	position: absolute;
	padding: 0 10px 0 10px;
	border: none;
	width: 450px;
	height: 500px;
	background: transparent url(../images/chi.gif) no-repeat bottom center;
	}
#middle p {
	font: 10px verdana,arial,sans-serif;
	font-weight: regular;
	text-align: left;
	line-height: 20px;
	color: #A8A89D;
	}
	
  a { 
list-style-type: none;

}
a:link {
color: #ccc;
font: 10px  verdana, arial, sans-serif;

text-decoration: none;
}
a:visited {
color: #ccc;
font: 10px  verdana, arial, sans-serif;

text-decoration: none;
}
a:hover {
color: #bbb;
font: 10pxverdana, arial, sans-serif;

text-decoration: underline;
}
a:active {
color: #ccc;
font: 10px verdana, arial, sans-serif;

text-decoration: none;
}
	

/*#right {
	position: absolute;
	top: 100px;
	right: 10px;
	margin: 0;
	border-right: 1px solid #ccc;
	background: #fff;
	width: 20%;
	height: 400px;
	}