body {
background-color:#f0f0f0;
margin:0px;
padding:0px;
text-align:center;
height:101%; /*scrollbars on*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

div.caption {
display:block;
float:left;
margin:10px;
width:120px;
height:140px;
text-align:center;
color:#666;
font-weight:bold;
border:0px solid #eee;}
div.caption img {border:0px;}
div.caption a {color:#666;text-decoration:none;}
div.caption a:hover {color:#000;}
div.caption:hover {color:#000;margin-top:9px;margin-bottom:1px;}


/* THE ROUND TABLE */

#rounded {
font-size:12px;
width:840px;
text-align:left;
border-collapse:collapse;
margin:20px;
}
#rounded a {
text-decoration:none;
color:#898;
}
#rounded thead th.tleft {
background:#CEE2C4 url("table-images/tleft.png") left -1px no-repeat;
}
#rounded thead th.tright {
background:#CEE2C4 url("table-images/tright.png") right -1px no-repeat;
}
#rounded th {
font-weight:normal;
font-size:16px;
font-weight:bold;
color:#898;
background:#CEE2C4;
padding:8px;
}
#rounded td {
background:#ded;
border-top:1px solid #fff;
color:#343;
padding:8px;
}
#rounded tfoot td.bleft {
background:#e8edff url("table-images/bleft.png") left bottom no-repeat;
padding-left:20px;
color:#bbc;
}
#rounded tfoot td.bright {
background:#e8edff url("table-images/bright.png") right bottom no-repeat;
}
#rounded tbody tr:hover td {
background:#cdc;
color:#010;
}

/* MENU */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:12px; display:block; color:rgb(128,128,128); text-decoration:none; font-size:11px; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(0,0,0);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(0,0,0);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

/* CORNERBOX */

.cornerBox {
position: relative;
background: #ffffff;
width: 100%;
}
.corner {
position: absolute;
width: 10px;
height: 10px;
background: url('corners-f0f0f0.png') no-repeat;
font-size: 0%;
}
.cornerBoxInner {padding: 10px;}
.cTL {top: 0;left: 0;background-position: 0 0;}
.cTR {top: 0;right: 0;background-position: -10px 0;}
.cBL {bottom: 0;left: 0;background-position: 0 -10px;}
.cBR {bottom: 0;right: 0;background-position: -10px -10px;}