/* Layout Stylesheet */ 

body {
 margin:5px;
 background:#FFFFFF;
 font-family : Arial, sans-serif;
 font-size : 13px;
 color: #000000;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border:1px solid #000000;
 width:990px;
 margin:auto;
 }

#header {
 background:#FFFFFF;
 color: #000000;
 text-align:center;
 padding:2px 0 0 0;
 }

#search {
 height:25px;
 background:#FFFFFF;
 color: #000000;
 text-align:right;
 padding:0 10px 0 0;
 }

#bar {
 height:18px;
 background:#C0C0C0;
 color: #000000;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background: #DCDCDC;
 color: #000000;
 width:990px;
 padding:0;
 }

#menu {
 float:left;
 background:#DCDCDC;
 color: #000000;
 width:179px;
 padding:0 0 0 2px;
 }

#content {
 width:805px;
 background:#FFFFFF;
 color: #000000;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

#footer {
 height:20px;
 background:#C0C0C0;
 color: #000000;
 border:solid black;
 border-width:1px 0 0 0;
 text-align:center;
 margin:0;
 }
 
p {
 margin:0;
 padding:10px;
 color: #000000;
 }

a {
 text-decoration: none;
 }
 
a:hover {
 color: #0000FF;
 text-decoration: underline;
 }

h1 {
 margin:0;
 padding:5px;
 color: #000000;
 }

h2 {
 margin:0;
 padding:5px;
 color: #000000;
 text-decoration: underline;
 }

h3 {
 margin:0;
 padding:5px;
 color: #000000;
 }

h4 {
 margin:0; 
 padding: 5px 0;
 color: #000000;
 }

ul {
 margin: 0px 20px;
 padding: 0px 20px; 
 }

ol {
 margin: 0px 20px;
 padding: 0px 20px; 
 }


#menu ul {
 list-style: none;
 margin: 0;
 padding: 0; 
 border-top: 0px solid #2F2C2C;
 color: #000000;
 }

#menu li {
 background-color: #DCDCDC;
 border-bottom: 1px solid #2F2C2C;
 color: #000000;
 }

#menu li a {
 display: block;
 padding: 5px 10px 5px 0.5em;
 background-color: #DCDCDC;
 color: #0000FF;
 text-decoration: none;
 }

#menu li a:hover {
 display: block;
 padding: 5px 10px 5px 0.5em;
 background-color: #0A7AAF;
 color: #FFFFFF;
 text-decoration: underline;
 }
 
#menu li a.current {
 display: block;
 padding: 5px 10px 5px 0.5em;
 background-color: #0A7AAF;
 color: #FFFFFF;
 text-decoration: underline;
 }
 
.bevelmenu{
font-size: 13px;
padding: 10px 0;
margin: 0;
width: 100%;
background-color: #FFFFFF;
text-align: center; /*set value to "right", "left" or "center"*/
}

.bevelmenu li{
color: #000000;
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: #0000FF;
background-color: #DCDCDC;
border: 1px solid #000000;
}

.bevelmenu li a:hover{
color: #FFFFFF;
background-color: #0A7AAF;
text-decoration: underline;
border-style: outset;
}

.bevelmenu li a.current{
color: #FFFFFF;
background-color: #0A7AAF;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
