/* CSS Document */

body {
background: #333333 url(../images/background.jpg) top center repeat-x;
font-family: Verdana;
font-size: 12px;
color: #999999;
min-height: 600px;
margin: 0;
padding: 0;
}

h1, h2, h3 {
margin: 0;
padding: 0;
}

p {
margin: 0 0 15px 0;
padding: 0;
}

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

li {
list-style: none;
}

a {
color: #4F87D5;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
}

img {
border: none;
margin: 0;
padding: 0;
}

.header {
width: 980px;
margin: 0 auto;
padding-top: 40px;
}

.header .nav {
width: 980px;
height: 18px;
margin-bottom: 20px;
}

.header .nav li {
float: left;
width: auto;
height: 18px;
padding-right: 79px;
}

.header .nav li.last {
padding-right: 0;
padding-left: 2px;
}

.header .nav li a {
display: block;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
height: 18px;
padding: 0 1px;
}

.header .nav li a:hover {
color: #0099FF;
}

.header .nav ul ul {
background: #333333;
border: 1px solid #666666;
width: 140px;
margin-left: -5px;
position: absolute;
visibility: hidden;
z-index: 100;
}

.header .nav li:hover ul, .header .nav li a:hover {
visibility: visible;
}

.header .nav ul ul li {
float: none;
padding: 0;
}

.header .nav ul ul a {
font-weight: normal;
height: 16px;
padding: 2px 0 0 10px;
}

.header .nav ul ul a:hover {
color: #0099FF;
}

.header .banner {
background: #FFFFFF;
width: 980px;
z-index: 1;
}

.header .banner img {
display: block;
}

#flashcontent {
width: 980px;
height: 476px;
}

.container {
clear: both;
background: #FFFFFF;
width: 980px;
min-height: 320px;
margin: 0 auto;
}

.container .buckets {
width: 960px;
padding: 10px 10px 0;
}

.container .buckets a {
display: block;
float: left;
background: url(../images/bucket_bg.jpg) top repeat-x;
font-size: 11px;
color: #FFFFFF;
width: 230px;
height: 120px;
margin: 0 12px 24px 0;
}

.container .buckets a.last {
margin-right: 0;
}

.container .buckets a:hover {
color: #0099FF;
}

.container .buckets a span.arrow {
display: block;
background: url(../images/arrow_grey.png) 98% 60% no-repeat;
width: 225px;
height: 17px;
margin: 0;
padding: 3px 0 0 5px;
}

.container .buckets a:hover span.arrow {
background-image: url(../images/arrow_blue.png);
}

.container .buckets a img {
display: block;
}

.container .content {
float: left;
background: #FFFFFF;
color: #333333;
width: 960px;
padding: 0 10px 10px;
}

.container .content .sidebar {
width: 150px;
margin: 0 10px;
padding-top: 20px;
}

.container .content .sidebar h1 {
font-size: 16px;
color: #4F87D5;
margin-bottom: 10px;
padding-left: 10px;
}

.container .content .sidebar li {
width: 140px;
line-height: 22px;
padding-left: 10px;
}

.container .content .sidebar li.current {
background: url(../images/arrow_grey.png) 0 7px no-repeat;
}

.container .content .sidebar li a {
font-size: 10px;
font-weight: bold;
color: #4F87D5;
}

.container .content .sidebar li a:hover {
color: #333333;
}

.container .content .left {
float: left;
}

.container .content .text {
float: left;
background: url(../images/text_bg.jpg) top repeat-x;
width: 510px;
min-height: 410px;
padding: 20px 20px 15px;
}

.container .content .text h1 {
font-size: 18px;
color: #000000;
margin: 0 0 10px -2px;
}

.container .content .text h2 {
font-size: 12px;
color: #333333;
margin-bottom: 15px;
}

.container .content .text p {
margin-bottom: 15px;
}

.container .content .text a, .container .content .text b {
color: #4F87D5;
}

.container .content .text a:hover, .container .content .text a:hover b {
color: #000099;
}

.container .content .text a.email {
color: #4F87D5;
}

.container .content .text a:hover {
color: #333333;
}

.container .content .text ul {
margin-bottom: 15px;
padding-left: 15px;
}

.container .content .text li {
color: #4F87D5;
line-height: 16px;
list-style: disc;
}

.container .content .text ul.grey li {
color: #333333;
}

.container .content .text ul.sitemap li {
list-style: none;
}

.container .content .text ul.sitemap li b {
margin-left: -15px;
}

.container .content .right {
float: right;
width: 230px;
margin: 0;
}

.container .content .right a.bucket {
display: block;
background: url(../images/bucket_bg.jpg) top repeat-x;
font-size: 11px;
color: #FFFFFF;
width: 230px;
margin-bottom: 15px;
}

.container .content .right a.bucket:hover {
color: #0099FF;
}

.container .content .right a.bucket span.arrow {
display: block;
background: url(../images/arrow_grey.png) 98% 60% no-repeat;
width: 220px;
height: 17px;
padding: 3px 0 0 10px;
margin: 0;
}

.container .content .right a.bucket:hover span.arrow {
background-image: url(../images/arrow_blue.png);
}

.container .content .right a.bucket img {
display: block;
}

.container .content .right .form {
width: 230px;
}

.container .content .right .form input {
border: 1px solid #CCCCCC;
background: #FFFFFF;
font-family: Verdana;
font-size: 10px;
color: #333333;
width: 222px;
height: 16px;
margin-bottom: 4px;
padding: 4px 4px 0;
}

.container .content .right .form textarea {
border: 1px solid #CCCCCC;
background: #FFFFFF;
font-family: Verdana;
font-size: 10px;
color: #333333;
width: 222px;
height: 40px;
margin-bottom: 9px;
padding: 4px 4px 0;
}

.container .content .right .form input.submit {
float: right;
border: none;
background: #4F87D5;
font-weight: bold;
color: #FFFFFF;
width: 111px;
height: 30px;
margin-right: -2px;
padding: 0;
}

.container .content .right .form input.submit:hover {
color: #000000;
cursor: pointer;
}

.container .content .info {
clear: both;
text-align: center;
}

.container .gallery {
float: left;
background: #FFFFFF;
color: #333333;
width: 910px;
min-height: 640px;
padding: 40px 30px 20px 40px;
}

.container .gallery .sidebar {
float: left;
width: 170px;
}

.container .gallery .sidebar a.logo {
display: block;
width: 133px;
height: 127px;
margin-bottom: 50px;
}

.container .gallery .sidebar h1 {
font-size: 16px;
color: #333333;
margin-bottom: 10px;
}

.container .gallery .sidebar li {
width: 153px;
height: 17px;
margin: 0 0 4px -15px;
padding: 5px 0 0 17px;
}

.container .gallery .sidebar li.current {
border: 1px solid #CCCCCC;
background: url(../images/arrow_grey.png) 5px 50% no-repeat;
width: 151px;
height: 18px;
margin-bottom: 3px;
padding-top: 4px;
}

.container .gallery .sidebar li a {
font-size: 11px;
color: #666666;
}

.container .gallery .sidebar li.current a {
font-weight: bold;
}

.container .gallery .column_right {
float: right;
width: 740px;
}

.container .gallery .column_right .thumbs {
float: left;
width: 740px;
margin-bottom: 20px;
}

.container .gallery .column_right .thumbs a {
display: block;
float: left;
background: #CCCCCC;
width: 50px;
height: 50px;
margin-right: 5px;
padding: 5px 6px;
}

.container .gallery .column_right .thumbs a.current {
background: #000000;
}

.container .gallery .column_right .thumbs a.last {
margin-right: 0;
}

.container .gallery .column_right .thumbs a:hover {
background: #000000;
}

.container .gallery .column_right .thumbs a.previous {
background: none;
width: 8px;
height: 16px;
margin: 22px 16px 0 0;
}

.container .gallery .column_right .thumbs a.next {
float: right;
background: none;
width: 8px;
height: 16px;
margin: 22px 0 0 0;
}

.container .gallery .column_right h1 {
clear: both;
margin-bottom: 10px;
padding-left: 20px;
}

.container .gallery .column_right .large {
width: 738px;
}

.container .gallery .column_right .large .photo {
float: left;
background: #767670;
margin: 0 11px;
padding: 10px;
}

.container .gallery .column_right .large a.previous {
display: block;
float: left;
width: 8px;
height: 16px;
margin-top: 40px;
}

.container .gallery .column_right .large a.next {
display: block;
float: right;
width: 8px;
height: 16px;
margin-top: 40px;
}

.footer {
clear: both;
background: url(../images/footer_bg.jpg) top no-repeat;
text-align: center;
width: 980px;
margin: 0 auto;
padding: 50px 0 100px 0;
}

.footer .content {
float: left;
clear: both;
text-align: left;
width: 980px;
padding-bottom: 30px;
}

.footer .content h1 {
border-bottom: 1px dotted #666666;
font-size: 19px;
color: #666666;
margin-bottom: 20px;
padding: 0 0 5px 10px;
}

.footer .content h2 {
font-size: 12px;
color: #999999;
margin-bottom: 15px;
}

.footer .content .sidebar {
float: left;
width: 200px;
margin-bottom: 10px;
padding-left: 20px;
}

.footer .content .sidebar ul {
width: 200px;
}

.footer .content .sidebar li {
border-bottom: 1px dotted  #999999;
width: 190px;
height: 20px;
padding: 4px 0 0 10px;
}

.footer .content .sidebar li a:hover {
color: #FFFFFF;
}

.footer .content .text {
float: right;
width: 685px;
margin-right: 35px;
}

.footer .links {
clear: both;
border-top: 1px dotted #666666;
border-bottom: 1px dotted #666666;
color: #666666;
line-height: 15px;
margin-bottom: 20px;
padding: 10px 0;
}

.footer .links a {
font-size: 11px;
color: #666666;
}

.footer .links a:hover {
color: #0099FF;
}

.footer .copy {
font-weight: bold;
color: #999999;
margin-bottom: 50px;
}

.footer .c3i3 a {
color: #272727;
}

.footer .c3i3 a:hover {
color: #999999;
}