/* Menu Styling */
#nav{
border-top: 1px solid;
border-color:#784631;
border-bottom:none;
}

#nav a{
text-transform:uppercase;
display:block;
text-decoration:none;
font-weight:bold;
padding:2px 12px 2px 4px;
}

#nav a, #nav a:visited{
color:#966336;
background-color:#eec;
}
#nav a:hover{
color:#ffffff;
background-color:#684631;
}
#nav a:active{
color:#ffffff;
background-color:#684631;
}

/* Dropdown Menu Styling */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px;  /*Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #784631;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
border-left: 1px solid #684631;
}

.sidebarmenu a.subfolderstyle{
background: url(/images/arrow-right.gif) no-repeat 97% 20%;
}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/********************/
/* Top Menu Styling */
/********************/
#menubar {
margin-top:3px;
float:right;
background: #FAF7EC;
border: solid #684631;
border-width: 1px 1px 1px 0px;
width: 325px;
height: 30px;
} 
ul#menu{
margin: 0px;
padding: 2px 0 0 10px;
}

ul#menu li {
float: left; 
display: inline-block;
margin: 0px 4px 0px 0px; 
padding: 0px;
list-style: none;
}
ul#menu li a .top-home, ul#menu li a .top-gallery, ul#menu li a .top-contact {
width:60px;
height:25px;
font-family: verdana, sans-serif;
text-decoration: none;
margin:0;
padding: 0;
text-align: center;
color: #FFF;
}
ul#menu li a .top-home {
background: url(../images/demo3_r2_c2.png) no-repeat;
}
ul#menu li a:hover .top-home {
background: url(../images/demo3_r2_c2_f2.png) no-repeat;
}
ul#menu li a .top-gallery {
width:116px;
background: url(../images/demo3_r2_c4.png) no-repeat;
}
ul#menu li a:hover .top-gallery {
background: url(../images/demo3_r2_c4_f2.png) no-repeat;
}
ul#menu li a .top-contact {
width:96px;
margin-top:2px;
background: url(../images/demo3_r3_c7.png) no-repeat;
}
ul#menu li a:hover .top-contact {
background: url(../images/demo3_r3_c7_f2.png) no-repeat;
}

/***************/
/*    OTHER    */
/***************/
#nav2 a {
text-transform:uppercase;
text-decoration:none;
color:#966336;
font-weight:bold;
padding:2px 4px 2px 4px;
}


#nav2 a:hover{
color:#ffffff;
background-color:#684631
}
/*
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block;}
.btn i { background-position: top left; position: absolute; margin-bottom: 0;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; margin-left: -5px; padding: 0 0 5px 10px; margin-bottom:-2px;}
.btn span i { background-position: bottom right; margin-right: -10px; position: absolute; left: 167px; width: 5px; height: 75%; top: 6px; }
.btn span span { background-position: top right; position: absolute; right: 0; margin-top: 0; top: 0; width: 157px; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}
*/