/* CSS Document */

* { margin: 0; padding: 0; border: 0; outline: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.hr { background: #fff url(../img/hr.gif) no-repeat left bottom; height: 13px; overflow: visible; }

body { background: #cbb7b7 url(../img/bg.gif) repeat; text-align: center; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#wrap { width: 980px; text-align: left; margin: 0 auto; padding: 0 4px 0 4px; background: transparent url(../img/bg-wrap.png) repeat-y; }
#bottom { width: 988px; text-align: left; margin: 0 auto; background: transparent url(../img/bg-bottom.png) no-repeat; }
#wrap #header { width: 100%; height: 200px; background: #000 url(../img/bg-header.jpg) no-repeat; }
#wrap #header img { margin: 36px 0 0 65px; }

#wrap #nav { width: 922px; height: 40px; background-color: #fff; list-style-type: none; padding: 15px 29px 0 29px; background-position: 10px bottom; }
#wrap #nav li { float: left; padding-right: 34px; margin-left: 24px; background: url(../img/nav-bullet.gif) no-repeat center right; }
#wrap #nav li a { display: block; height: 20px; background: no-repeat center center; text-indent: -9999px; }

#wrap #nav li#nav-home { margin-left: 0; }
#wrap #nav li#nav-contactus { background: none; padding-right: 0; }

#wrap #nav li#nav-home a { background: url(../img/nav/home.gif); width: 54px; }
#wrap #nav li#nav-home a:hover { background: url(../img/nav/home_hover.gif); }

#wrap #nav li#nav-aboutus a { background: url(../img/nav/aboutus.gif); width: 87px; }
#wrap #nav li#nav-aboutus a:hover { background: url(../img/nav/aboutus_hover.gif); }

#wrap #nav li#nav-events a { background: url(../img/nav/events.gif); width: 68px; }
#wrap #nav li#nav-events a:hover { background: url(../img/nav/events_hover.gif); }

#wrap #nav li#nav-links a { background: url(../img/nav/links.gif); width: 49px; }
#wrap #nav li#nav-links a:hover { background: url(../img/nav/links_hover.gif); }

#wrap #nav li#nav-whatsnew a { background: url(../img/nav/whatsnew.gif); width: 123px; }
#wrap #nav li#nav-whatsnew a:hover { background: url(../img/nav/whatsnew_hover.gif); }

#wrap #nav li#nav-gallery a { background: url(../img/nav/gallery.gif); width: 80px; }
#wrap #nav li#nav-gallery a:hover { background: url(../img/nav/gallery_hover.gif); }

#wrap #nav li#nav-contactus a { background: url(../img/nav/contactus.gif); width: 113px; }
#wrap #nav li#nav-contactus a:hover { background: url(../img/nav/contactus_hover.gif); }

/*------------MAIN CONTENT------------*/
#wrap #content { padding: 20px 20px 0 20px; }

#wrap #content .column.welcome { width: 440px; padding-left: 78px; min-height: 280px; background: url(../img/welcome_small.gif) no-repeat 5px top; }
#wrap #content .column.split-1 { width: 100%; }
#wrap #content .column.split-2 { width: 475px; }
#wrap #content .column.split-3 { width: 300px; }
#wrap #content .column.split-4 { width: 440px; }
#wrap #content .column.spacer { margin-right: 20px; } 
#wrap #content .column.spacer-bottom { margin-bottom: 20px; }
#wrap #content .column { display: inline; }

#wrap #content .column { float: left; }
#wrap #content .column p { margin-bottom: 15px; line-height: 20px; }
#wrap #content .column h1 { margin-bottom: 16px; font-weight: normal; font-size: 18px; color: #a20000; }
#wrap #content .column h2 { margin-bottom: 16px; font-weight: normal; font-size: 16px; color: #4c4c4c; }
#wrap #content .column ul { padding-left: 20px; list-style-image: url(../img/nav-bullet.gif); }
#wrap #content .column ul li { margin-bottom: 10px; }
#wrap #content .column .links a, #wrap #content .column .links a:active, #wrap #content .column .links a:visited { color: #3b5998; text-decoration: none; }
#wrap #content .column .links a:hover { text-decoration: underline; }

.button { padding: 5px 7px 5px 7px; margin-top: 15px; background: #a20000; color: white; font-size: 16px; text-decoration: none; }
.button.blue { background: #3b5998; }
.button:hover { background: #000; }

#footer { position: relative; height: 151px; }
#footer img { position: absolute; bottom: 15px; right: 15px; width: 301px; }
#footer ul#credit { line-height: 18px; position: absolute; bottom: 40px; left: 15px; list-style-type: none; }
#footer ul#credit a { font-weight: bold; text-decoration: none; color: #000; }
#footer ul#credit a:hover { text-decoration: underline; }
#footer ul#recap { list-style-type: none; position: absolute; bottom: 15px; left: 15px; width: 60%; }
#footer ul#recap li { display: inline; margin-right: 15px; }
#footer ul#recap li a { color: #4c4c4c; font-weight: normal; text-decoration: none; }
#footer ul#recap li a:hover { border-bottom: 2px solid #a20000; }

table { border-collapse: collapse; }
table th { background: #e6e6e6; font-weight: normal; }
table th, table td { padding: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
table td { color: #4c4c4c; font-size: 11px; }
table tr.alt-1 td { background: #f4f4f4; }
table tr.alt-2 td { background: #f9f9f9; }
table tr:hover td { background: #fff; }
table td a { display: block; width: 100%; text-align: center; }

#wrap #content .column #gallery { padding: 15px 0 0 0; list-style-type: none; }
#wrap #content .column #gallery li { display: inline; float: left; margin: 0 5px 10px 5px; padding: 4px 0 0 4px; width: 174px; height: 190px; background: url(../img/bg-thumb.gif) no-repeat top center; }
#wrap #content .column #gallery li h4 { margin-top: 7px; font-weight: normal; }
#wrap #content .column #gallery li img { -khtml-opacity: .50; -moz-opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); opacity: .50; }
#wrap #content .column #gallery li img:hover { cursor: pointer; -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

input, textarea { padding: 5px; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
label { font-weight: normal; margin-bottom: 10px; display: block; }
input { margin-bottom: 10px;  width: 200px; }
textarea { width: 430px; resize: vertical; }