.bevelmenu{
font: bold 13px arial;
	PADDING-RIGHT:0px;
	PADDING-LEFT:0px;
	PADDING-BOTTOM:6px;
	PADDING-TOP:6px;
margin: 0;
width: 800px;
background-color: #004080;
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: #FFFFFF;
background-color: #004080;
border: 2px solid: #004080;
}

.bevelmenu li a:hover{
	color:#000000;
	background-color:#6699CC;
}

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



#BGWHITE
{
background-color:#D9E3FF;
width:700px;
max-width:680px;
border: 2px solid: #000000;
	PADDING-RIGHT:10px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:6px;
	PADDING-TOP:6px;
	font-family:Times New Roman; 
	font-size:11pt; 
	color:#000080; 
	TEXT-DECORATION: none;
	text-align:left;
}

#BGWHITE a
{
 
	color:#000080; 

}


<![if !IE 6]>

.shiftcontainer{
position: relative;
left: 2px; /*Number should match -left shadow depth below*/
top: 2px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 810px; /* container width*/
background-color: #455D5F;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: #FFFFFF;
border: 1px solid gray;
padding: 0px 4px;
position: relative;
left: -2px; /*shadow depth*/
top: -2px; /*shadow depth*/
}


.noline A {
	COLOR: #0000A0; TEXT-DECORATION: none
}

    .card-left, .card-right {
       float: left;
       width: 170px;
       margin: 0 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background: white;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 75%;
       }
    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }