body {

	background: #CCCCCC;

    font-family: sans-serif;

    margin: 0;

    padding: 0;

}



p {

font-size:10pt;

font-family:Arial, Helvetica, sans-serif;

}



h1, h6 {

    margin: 0;

    font-weight: normal;

}

div#container {

    position: relative;

    min-height: 400px;

    border: 1px solid #D9C5C6;

    background: FFFFFF;

    max-width: 1000px;

    min-width: 750px;

    margin: auto;

}

div#first-column,

div#third-column {

    position: absolute;

    top: 0;

    bottom: 0;

    border: 0px solid gray;

    background: rgb(240, 240, 240);

    width: 200px;

    margin: 3px;

    background: #D9C5C6;

    }

div#first-column {

    left: 0;

}

div#third-column {

    right: 0;

}

div#content {

    margin: 3px 208px 3px 208px;

    background: #FFFFFF;

    border: 0px solid gray;

    min-height: 392px;

    padding: 10px;



}

#navcontainer { width: 200px; }



#navcontainer ul

{

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

}



#navcontainer a

{

display: block;

padding: 3px;

width: 160px;

background-color: #694761;

border-bottom: 1px solid #eee;

}



#navcontainer a:link, #navlist a:visited

{

color: #EEE;

text-decoration: none;

}



#navcontainer a:hover

{

background-color: #000000;

color: #fff;

}





ul,li {

font-size:8pt;

font-family:verdana,geneva,helvetica,arial,sans-serif;

}



.bevelmenu{

font: bold 16px arial;

padding: 6px 0;

margin: 0;

width: 100%;

background-color: #694761;

text-align: center; /*set value to "right" for example to align menu to the right of page*/

}



.bevelmenu li{

list-style: none;

display: inline;

}



.bevelmenu li a{

	padding: 3px 0.5em;

	text-decoration: none;

	color: #000000;

	background-color: #D9C5C6;

	border: 2px solid #FFFFFF;

}



.bevelmenu li a:hover{

color: black;

background-color: #694761;

border-style: outset;

}



html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */

border-style: inset;

}