/* CSS Document */

body {
background: #FFFFFF url(../images/background.jpg) 0 140px repeat-x;
color: #333333;
font-family: Verdana;
font-size: 12px;
margin: 0;
padding: 0;
}

h1, h2, h3 {
font-family: 'Trajan Pro';
margin: 0;
padding: 0;
}

p, ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 0;
padding: 0;
}

a {
color: #502C56;
text-decoration: none;
}

img {
border: none;
}

#page {
width: 982px;
margin: 0 auto;
padding: 25px 0 140px;
}

#header {
height: 133px;
margin-bottom: 35px;
}

#header .logo {
float: left;
font-family: 'Trajan Pro';
width: 172px;
height: 83px;
margin-bottom: 20px;
}

#header .logo a {
outline: none;
}

#header h1 {
float: right;
color: #502C56;
font-size: 20px;
font-weight: normal;
margin: 40px 10px 0 0;
}

#header .nav {
clear: both;
background: url(../images/nav_bar.png) 0 0 no-repeat;
width: 982px;
height: 30px;
}

#header .nav li {
float: left;
background: url(../images/bullet.png) 100% 50% no-repeat;
height: 30px;
padding: 0 22px 0 14px;
}

#header .nav li.last {
background: none;
padding-right: 0;
}

#header .nav li a {
display: block;
font-family: 'Trajan Pro';
font-size: 15px;
line-height: 20px;
outline: none;
padding: 5px 0;
}

#header .nav ul ul {
border: 1px solid #666666;
border-top: none;
display: none;
background: #444444;
min-width: 130px;
position: absolute;
}

#header .nav ul ul li {
float: none;
background: none;
height: auto;
padding: 0;
}

#header .nav ul ul li a {
color: #FFFFFF;
font-family: Verdana;
font-size: 12px;
line-height: 20px;
padding: 0 5px;
}

#header .nav ul ul li a:hover {
background: #D3B5D9;
color: #333333;
}

.banner_home {
float: left;
width: 650px;
height: 340px;
margin-bottom: 40px;
}

.banner {
width: 980px;
height: 200px;
margin-bottom: 20px;
}

.buckets {
float: right;
color: #FFFFFF;
width: 310px;
}

.buckets h2 {
font-family: Verdana;
font-size: 12px;
margin-bottom: 30px;
}

.buckets a {
display: block;
color: #FFFFFF;
width: 225px;
height: 135px;
margin-bottom: 20px;
padding: 25px 60px 0 25px;
}

.buckets a.login {
background: url(../images/bucket_login.png) 0 0 no-repeat;
}

.buckets a.billpay {
background: url(../images/bucket_billpay.png) 0 0 no-repeat;
}

.left {
float: left;
background: url(../images/sidebar_top.png) 0 0 no-repeat;
width: 204px;
padding-top: 27px;
}

.right {
float: right;
background: url(../images/sidebar_top.png) 0 0 no-repeat;
width: 204px;
padding-top: 27px;
}

.sidebar {
background: url(../images/sidebar_bg.png) 0 0 repeat-y;
width: 190px;
min-height: 480px;
padding: 10px 7px;
}

.sidebar h2 {
color: #000000;
font-size: 18px;
margin-bottom: 10px;
}

.sidebar ul.nav li {
border: 1px solid #CCCCCC;
font-weight: bold;
line-height: 20px;
margin-bottom: 2px;
padding: 0 5px;
}

.sidebar ul.nav li.current {
background: #D3B5D9;
}

.sidebar ul.nav li a {
color: #333333;
font-size: 10px;
}

.sidebar ul.nav li a:hover {
color: #666666;
}

.sidebar ul.nav li.current a {
color: #333333;
}

.sidebar a.bucket {
display: block;
width: 184px;
margin: 0 auto 10px;
}

.sidebar a.bucket h3 {
background: url(../images/bucket_title.png) 0 0 no-repeat;
font-size: 12px;
line-height: 28px;
text-transform: uppercase;
width: 174px;
height: 28px;
margin-bottom: 5px;
padding: 0 5px;
}

.sidebar a.bucket img {
display: block;
margin: 0 auto;
}

.sidebar_bottom {
background: url(../images/sidebar_bottom.png) 0 0 no-repeat;
width: 204px;
height: 10px;
}

.main {
float: left;
width: 756px;
margin-left: 18px;
padding-bottom: 40px;
}

.breadcrumbs {
background: url(../images/breadcrumbs_bg.png) 0 0 no-repeat;
font-family: Arial;
font-size: 10px;
line-height: 30px;
width: 736px;
height: 30px;
margin-bottom: 20px;
padding: 0 10px;
}

.breadcrumbs a {
color: #333333;
text-decoration: none !important;
}

.breadcrumbs a:hover {
text-decoration: underline !important;
}

.main .center {
text-align: center;
}

.main h1 {
color: #000000;
font-size: 22px;
margin-bottom: 15px;
}

.main h2 {
font-size: 16px;
margin-bottom: 15px;
}

.main h3 {
font-size: 14px;
text-decoration: underline;
margin-bottom: 15px;
}

.main p {
margin-bottom: 15px;
}

.main strong {
color: #502C56;
}

.main ul {
margin-bottom: 15px;
padding-left: 30px;
}

.main li {
list-style: disc;
padding: 5px 0;
}

.main a {
text-decoration: underline;
}

.main table {
margin-bottom: 30px;
}

.main th {
text-align: left;
min-width: 250px;
padding: 2px 30px 2px 0;
}

.main td {
padding: 2px 30px 2px 0;
}

.main ul.sitemap {
padding-left: 0;
}

.main ul.sitemap li {
font-weight: bold;
list-style: none;
}

.main ul.sitemap ul {
margin-bottom: 0;
}

.main ul.sitemap ul li {
font-weight: normal;
}

.main ul.sitemap a {
text-decoration: none !important;
}

.main ul.sitemap a:hover {
text-decoration: underline !important;
}

#footer {
clear: both;
color: #666666;
font-size: 10px;
text-align: center;
padding-top: 40px;
}

#footer .address {
color: #000000;
font-family: 'Trajan Pro';
font-size: 15px;
font-weight: bold;
margin-bottom: 30px;
}

#footer .address span {
font-size: 12px;
font-weight: normal;
}

#footer .address a {
color: #000000;
}

#footer .footerlinks {
background: url(../images/footerlinks_bg.png) 0 0 no-repeat;
font-size: 10px;
line-height: 15px;
margin-bottom: 15px;
width: 982px;
height: 37px;
padding-top: 5px;
}

#footer .footerlinks a {
color: #666666;
}

#footer .footerlinks a:hover {
color: #000000;
}

#footer .copy {
font-weight: bold;
}