body {
margin-top:0px;
padding:0px;
font: 12px verdana; 
color: #333333;
background-image:url('images/bg.jpg');
}
    
#header {
	/*background: url(images/banner.png) no-repeat left top;*/
	padding: 0px;
	font: 15px Verdana;
    margin-bottom: 40px;
    color: #304E80;
	}
ul.topnav {
	list-style: none;
	padding: 0 15px;	
	margin: 0;
	border: 1px solid #ccc;
	float: left;
	width: 898px;
	background: url(images/btnbg.png);
}
ul.topnav li {
	float:  left;
	margin: 0;	
	padding: 0px 15px 0 15px;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{

	padding: 2px 10px 6px;
	text-align: center;
	color: #304E80;
	display: block;
	text-decoration: none;
	background: url(images/btnbg.png);
	float: left;
}
ul.topnav li a:hover{
	background: url(images/topnav_hover.png) no-repeat center;
	
}
ul.topnav .active {
text-decoration: overline;
color: #990000;

background: url(images/activ.png) repeat-x center;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 26px;
	float: left;
	background: url(images/subnav_btn.png) no-repeat center top;
}
ul.topnav li span.subhover {
	float: left;
	background-position: center bottom; cursor: pointer;
	} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 27px;
	background: #ddd;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 140px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #cacaca;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #bbb; /*--Create bevel effect--*/
	border-bottom: 0px solid #eee; /*--Create bevel effect--*/
	clear: both;
	width: 140px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	margin:0px; padding: 5px;
	width: 125px;
    font: 13px Verdana;
	text-align: left;
	background: #ddd;
	padding-left: 10px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #ccc; 
}

ul.secnav
{
    padding: 0px 0px 0px 0px;
    width:140px;
    margin: 0px;
    list-style: none;
}

ul.secnav li 
{
    padding: 5px 2px 0px;
    height: 20px;
    margin: 2px;
    background:#304e80;
    border:1px solid #333333;
}

ul.secnav li:hover
{
    cursor: pointer;
    background:#990000;
    border:1px solid #333333;
}
ul.secnav li.active
{
    background:#990000;
    border:1px solid #333333;   
}
div#lnav 
{
    color:#fff;
    float:left;
    margin:5px;
}


#header img {
	margin: 0px;
}

div#outer {
    width: 930px;
    border-style:solid;
    border-width:1px;
    border-color:#304E80;
    background-color:#FFFFFF;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
}
div#main { 
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    border: 1px solid #ccc;
}
div#main2  
{
    
    margin-top: 10px;
    padding: 5px;
    text-align: left;
    border: 1px solid #ccc;
}

#title
{  
    font-size: 2.75em;
    font-weight: bold;
    color: #304E80;
    padding: 0px;
    margin: 0px;
}

div#footer {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 10px 0px 0px;
    text-align: center;
    font: 1.05em segoe ui, calibri;
    color: #777;
}

div#floatright{
    float:right;
    margin: 5px;
    margin-right: 0px;
    padding: 0px;
}

p.para
{
    padding: 5px;
    border:1px solid #ccc;
}

p.heading
{
    font-size: 14px;
    color: #304E80;
    padding: 0px;
    margin: 0px;
}
p.small
{
    margin: 3px 0px 5px 0px;
    padding: 0px;
    font-size: 0.9em;
}
div#tables
{
    width: 930px;
    height: 257px;
    border: 0px solid #cbc;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px; 
} 
div#sidebox
{
    float:left;
    margin: 0px;
    padding: 2px;
    width: 297px;
    height: 250px;
    border: 1px solid #ccc;
}
div#centerbox
{
    float: left;
    padding: 2px;
    margin-left: 10px;
    margin-right: 10px;
    width: 297px;
    height: 250px;
    border: 1px solid #ccc;
}
a.button
{
    color:#fff;
    text-decoration: none;
}
a.button:hover
{
    text-decoration: none;
}
a.button:visited
{
    text-decoration: none;
}
a.normal
{
    color:#304E80;
    text-decoration: none;
}
a.normal:hover
{
    color:#304e80;
    text-decoration: underline;
}
a.normal:visited
{
    color:#304e80;
    text-decoration: none;
}
.imgtop
{
    margin:0px;
    padding:0px;
    border: 0px solid #ccc;
    margin-bottom:3px;
    vertical-align:top;
}
.textcenter{
	text-align:center;
}
div#card {
    background-image:  url(images/card.png);
    background-repeat: no-repeat;
    width: 264px;
    height:117px;
}
div#cardtitle {
    position: relative;
    height: auto;
    width: auto;
    left: 0px;
    top: 4px;
}
div#cardinfo{
    position: relative;
    height: auto;
    width: auto;
    left: 0px;
    top: 12px;
}