body {
padding: 0;
margin: auto;
text-align: center;
background: #ccc;
}

a	{
color: #039;
text-decoration: underline;
}

a:hover	{
color: #039;
text-decoration: none;
}

img	{
border: 0;
}

h2	{
margin: 0;
padding: 0;
font-size: 12px;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 10px arial, helvetica, sans-serif;
}

.font10	{
font: 10px arial, helvetica, sans-serif;
}

.font11	{
font: 11px arial, helvetica, sans-serif;
}

.font12	{
font: 12px arial, helvetica, sans-serif;
}

.font14	{
font: 14px arial, helvetica, sans-serif;
}

.main-width	{
width: 898px;
}

.wrapper	{
position: relative;
margin: auto;
color: #000;
text-align: left;
}

.header	{
position: absolute;
top: 0;
left: 0;
height: 105px;
z-index: 5;
background: url(../i/common/header.gif) no-repeat;
}

.logo a	{
position: absolute;
top: 0;
left: 0;
width: 285px;
height: 105px;
display: block;
z-index: 10;
}

.content	{
padding: 105px 0 10px 0;
border-bottom: 5px solid #ccc;
background: url(../i/common/contentbg.gif) repeat-y;
}

.contentlt	{
float: right;
padding: 10px 9px;
width: 232px;
\width: 250px;
w\idth: 232px;
}

.contentrthm	{
float: right;
padding: 195px 24px 10px 24px;
width: 600px;
\width: 648px;
w\idth: 600px;
}

.contentrt	{
float: right;
padding: 20px 24px 10px 24px;
width: 600px;
\width: 648px;
w\idth: 600px;
}

.subcontent	{
width: 600px;
background: url(../i/home/subcontentbg.gif) repeat-y;
}

.subcontentlt	{
float: left;
width: 360px;
}

.subcontentrt	{
float: left;
padding: 26px 0 0 8px;
width: 232px;
\width: 240px;
w\idth: 232px;
background: url(../i/misc/bank-hours.gif) no-repeat right top;
}

.online-banking	{
padding: 40px 24px 0 24px;
width: 184px;
\width: 232px;
w\idth: 184px;
height: 122px;
margin-bottom: 10px;
background: url(../i/misc/online-banking.jpg) no-repeat;
}

.footer	{
border-top: 10px solid #c60;
padding: 20px 0 50px 0;
}

.footerlt	{
float: left;
padding-left: 10px;
width: 390px;
\width: 400px;
w\idth: 390px;
}

.footerrt	{
float: right;
padding-right: 10px;
width: 390px;
\width: 400px;
w\idth: 390px;
text-align: right;
}

.calculators-header	{
float: left;
width: 232px;
height: 42px;
background: url(../i/misc/calculators-header.gif);
}

.calculators-footer	{
float: left;
padding: 0 15px 15px 15px;
width: 202px;
\width: 232px;
w\idth: 202px;
background: url(../i/misc/calculators-footer.gif) bottom;
}

.calculators-footer a	{
color: #000;
}

.numbers	{
position: absolute;
top: 50px;
right: 10px;
width: 250px;
text-align: right;
z-index: 10;
}

.alt	{
display: none;
}

.hrdots	{
border-bottom: 1px dotted #666;
padding-top: 20px;
margin-bottom: 20px;
}

.hr	{
border-bottom: 1px solid #666;
padding-top: 10px;
margin-bottom: 10px;
}

.paddingsides25	{
padding: 0 25px;
}

.padding15	{
padding: 15px;
}

.clear	{
clear: both;
margin: 0;
padding: 0;
height: 0;
line-height: 0;
font-size: 0;
}

.blue	{
color: #039;
}

.orange	{
color: #c60;
}

.grey	{
color: #888;
}

.center	{
text-align: center;
}

/* Rotate Image */

.mainimg	{
position: absolute;
top: 130px;
right: 24px;
z-index: 50;
}

#mainimg	{ 
position: relative; 
width: 600px; 
height: 150px; 
margin: 0 0 25px 0; 
padding: 0;
}

#mainimg li	{
display: block;
}

/* Nav */

.topnav	{
position: absolute;
top: 75px;
right: 53px;
width: 550px;
height: 30px;
z-index: 10;
}

#services a	{
float: left;
width: 91px;
height: 30px;
display: block;
background: url(../i/nav/services.gif);
}

#about a	{
float: left;
width: 90px;
height: 30px;
display: block;
background: url(../i/nav/about.gif);
}

#calendar a	{
float: left;
width: 90px;
height: 30px;
display: block;
background: url(../i/nav/calendar.gif);
}

#resources a	{
float: left;
width: 104px;
height: 30px;
display: block;
background: url(../i/nav/resources.gif);
}

#contact a	{
float: left;
width: 104px;
height: 30px;
display: block;
background: url(../i/nav/contact.gif);
}

#home a	{
float: left;
width: 71px;
height: 30px;
display: block;
background: url(../i/nav/home.gif);
}

#services a:hover, #about a:hover, #calendar a:hover,
#contact a:hover, #home a:hover, #resources a:hover	{
background-position: 0 -30px;
}

#services-menu	{
color: #fff;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px 15px;
width: 148px;
\width: 180px;
w\idth: 148px;
text-align: left;
color: #039;
position: absolute;
visibility: hidden;
top: 105px;
r/ight: 320px;
right: 423px;
z-index: 99;
background: #eee;
}

#about-menu	{
color: #fff;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px 15px;
width: 98px;
\width: 130px;
w\idth: 98px;
text-align: left;
color: #039;
position: absolute;
visibility: hidden;
top: 105px;
r/ight: 278px;
right: 382px;
z-index: 99;
background: #eee;
}

#resources-menu	{
color: #fff;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px 15px;
width: 198px;
\width: 230px;
w\idth: 198px;
text-align: left;
color: #039;
position: absolute;
visibility: hidden;
top: 105px;
r/ight: 178px;
right: 101px;
z-index: 99;
background: #eee;
}

.alert {
border: solid 1px #000;
padding: 10px 5px;
color: #c00;
font-size: 1.1em;
text-align: center;
margin-bottom: 1em
}

.alert p {margin: 0 0 1em }
.alert strong { font-size: 1.1em }
.alert p.last {margin-bottom: 0}