/* CSS Document */
/*Top Nav*/

#navcontainer
{
	margin: 0 auto;
	padding: 0.5em 0.2em 0.5em 0.2em;
	width: 894px;
	background-image: url(images/black_800x30.jpg);	
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 100px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 0.4em;
	border-width: 0px;
	border-color: #666666 #333333 #000000 #999999;/*top, right, bottom, left*/
	border-style: solid;
	color: #ffffff;
	text-decoration: none;
	/*background-color:#666666;*/
	background-image: url(images/black_800x30.jpg);	
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: #ff0000;
background: url(images/greybuttonwork.png) no-repeat;
border-bottom:0px;
border-bottom-color:#000000;
border-bottom-style: ridge;
font-weight:bold;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ff0000;
/*background: url(images/greybuttonwork.png) no-repeat;*/
}

.search-input
{
display: block;
width: auto;
padding: 0.1em 0 0.2em 0;
margin: 0 auto;
border-width: 0px;
border-color: #666666 #333333 #000000 #999999;/*top, right, bottom, left*/
border-style: solid;
background-image: url(images/black_800x30.jpg);
font-size: 0.8em;
color: #000000;
}

.input-field
{
border:none;
font-size: 0.8em;
background-color: #cccccc;
}


/*==========left nav==========*/
#button
{
font-size: 0.8em;
position: relative;
/*left: 8px;
top: 330px;*/
width: 150px;
/*height: 100%;*/
padding: 0 0 0.3em 0;
margin-bottom: 0.5em;
background-color: lftnav_btn_dn.png;
color: #333333;
}

#button ul
{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
border: none;
/*width: 150px;*/
}
		
#button li
{
list-style: none;
list-style-type: none;
border-bottom: 1px solid #666666;
margin: 0;
}

#button li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-image:url(images/lftnav_btn_dn.png);
color: #FFFFFF;
text-decoration: none;
}

html>body #button li a
{
width: auto;
}

#button li a:hover {
	background-image:url(images/lftnav_btn_up.png);
	color:#FFFF00;
	text-align: center;
	/*font-weight: bold;*/
	text-decoration: underline;
}

#button_active {
	background-image:url(images/lftnav_btn_up.png);
	color:#ffffff;
	text-align: center;
	font-weight: bold;	
}
/*==========end left nav==========*/

/*==========right nav==========*/
#button-r
{
font-size: 0.7em;
position: relative;
/*left: 8px;
top: 330px;*/
width: 150px;
/*height: 100%;*/
padding: 0 0 0.3em 0;
margin-bottom: 0.5em;

}

#button-r ul
{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
border: none;
/*width: 150px;*/
}
		
#button-r li
{
list-style: none;
list-style-type: none;
border-bottom: 1px solid #666666;
margin: 0;
}

#button-r li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-image:url(images/lftnav_btn_up.png);
color: #ffffff;
text-decoration: none;
}

html>body #button-r li a
{
width: auto;
}

#button-r li a:hover {
	background-image:url(images/lftnav_btn_dn.png);
	color:#ffff00;
	text-align: center;
	/*font-weight: bold;*/
	text-decoration: underline;
}

#button-r_active {
	background-image:url(images/lftnav_btn_dn.png);
	color:#ffffff;
	text-align: center;
	text-decoration: underline;	
}
/*==========end right nav==========*/


/*==========left links==========*/

#left_nav_links
{
font-size: 0.8em;
position: relative;
/*left: 8px;
top: 330px;*/
width: 150px;
/*height: 100%;*/
padding: 0 0 0.3em 0;
margin-bottom: 0.5em;
/*background-color: lftnav_btn_up.png;*/
/*color: #333333;*/
}

#left_nav_links ul
{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
border: none;
/*width: 150px;*/
}
		
#left_nav_links li
{
list-style: none;
list-style-type: none;
border-bottom: 0px solid #666666;
margin: 0;
}

#left_nav_links li a
{
display: block;
padding: 5px 5px 5px 0.5em;
/*background-image:url(images/lftnav_btn_up.png);*/
color: #000000;
text-decoration: none;
}

html>body #left_nav_links li a
{
width: auto;
}

#left_nav_links li a:hover {
	/*background-image:url(images/lftnav_btn_dn.png);*/
	color:#0000FF;
	/*font-weight: bold;*/
	text-align: center;	
	text-decoration: underline;
}

#left_nav_links_active {
	/*background-image:url(images/lftnav_btn_dn.png);*/
	color:#000000;
	text-align: right;
	font-weight: bold;	
}
/*==========end left nav links==========*/