/*
   ------------------------------------------------------------
   Panelnavigation
   ------------------------------------------------------------
*/
#pn2 {
margin-top: 4px;
margin-left: 10px;
margin-right: 10px;
padding: 0px 0px 20px 0px;
border: 1px solid #546359;
background-color: #c8854e;
font-size: 15px;
font-weight: bold;
}

#pn2_outer {
float: left;
width: 224px;
padding: 0px;
margin: 0px 0px 0px 0px;
}
#pn2_outer h1  {
font-size: 1.5em;
margin: 0px;
padding: 0px 0px 15px 0px;
}

/**************************************************
 * css layers and classes for list navigation list
 **************************************************/
#pn2 ul li  a {
display:block;
background-color: #c8854e;
color: #fcfac9;
text-decoration: none;
border-bottom: 1px solid #603c1e;
padding: 2px 20px;
margin: 0px;
white-space: nowrap;
}


#pn2 ul li a:visited {color:#fcf8c8;}
#pn2 ul li a:hover {color: #FFFFFF;  background-color: #603c1e;}
#pn2 ul li a:active { color:#fcf8c8;}

#pn2 ul li a.selected {
font-weight: bold;
color:#fcf8c8;
background-color: #FFFFFF;
}

#pn2 ul ul li a {
padding: 2px 20px 2px 25px;
margin: 0px;
background-color: #FFFFFF;}

#pn2 ul ul li ul li a {
padding: 2px 20px 2px 30px;
margin: 0px;
}

#pn2 ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#pn2 li{
margin: 0px;
padding: 0px;
display:inline;
}

#pn2 ul.mypage li a {
padding: 2px 20px 2px 20px;
margin: 0px;
background-color: #EAF4F4;
}

#pn2 ul.mypage ul li a:hover {color: #FFFFFF;  background-color: #603c1e;}