body {
padding-left: 10em;
text-align: center;
font-family: "Gill Sans MT", "Gill Sans", sans-serif;
color: DarkBlue;
background: url(background.jpg);
background-attachment: fixed;
}

#container {margin-left: auto; margin-right: auto;}

p {
margin: 1em;}

#header { 
padding: 0;
margin: 0;
color: white;
font-family: sans-serif;}

ol{
float: left;
font-size: 10pt;
color:#FFFFFF;
background: navy;
height: 100%;
position: fixed;
width: 10em;
list-style-type: none;
margin:  0;
padding: 0;
border-bottom-width: 0;}

td {
text-align: center;}
table{
background: white;}

.bevelmenu{
list-style-type: none;
float: left;
font-size: 10pt;
top: 0;
left: 0;
color:#FFFFFF;
background: navy;
position: fixed;
margin: 0;
padding: 0;
width: 12em;
height: 100%;
}

.bevelmenu li {
width: 98%;
margin-top: 5px;
}

.bevelmenu li a{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #0000CC;
border: 2px solid #0000FF;
text-decoration:none;
}

.bevelmenu li a:hover{
color: black;
background-color: #0033FF;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}


IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

#gallery{
margin-left: auto; margin-right: auto;
align: center;
clear: left;
/*box shadow*/
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
/*rounded corners*/
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
border:1px solid SkyBlue;
background:url(img/panel.jpg)repeat-x bottom center #ffffff;
/*gallery width*/
width:800px;
overflow:hidden;
}

#slides{
/*slide area*/
height:400px;
width:800px;
overflow:hidden;
}
.slide{
float:left;
}

#menu{
/*container for thumbnails*/
height:45px;
}

ul{
margin:0px;
padding:0px;
}
li{
vertical-align: top;
width:68px;
display:inline-block;
list-style:none;
height:45px;
overflow:hidden;
}
li.inact:hover{
background:url(img/pic_bg.png) repeat;
}
li.act,li.act:hover{
background:url(img/active_bg.png) no-repeat;
}
li.act a{
cursor:default;
}
.fbar{
/*left-most vertical bar, next to first thumbnail*/
width:2px;
background:url(img/divider.png) no-repeat right;
}
li a{
display:block;
background:url(img/divider.png) no-repeat right;
height:35px;
padding-top:10px;
}
a img{
border:none;
}

h2{
text-align: center;}
h1{
text-align: center;}

#section1{
text-align: center;
	margin: 0;
    background-color: white;
	}

#section2{
    float: left;
    width: 48%;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	border-style: groove;
    background-color: white;
	}

#section3{
    float: right;
    width: 48%;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	border-style: groove;
    background-color: white;
	}

#footer{
text-align: center;
clear: both;
padding-top: 1px;
text-align: center;
}