﻿body {font-family: arial, helvetica, verdana, sans-serif; font-size: 100%; color: #333333; background: url(../images/background.png) repeat; margin: 0;}

/* ATH CMS */
.context-menu-item {color: #3333333;}
.athCmsBlogText {display: inline;}
a.athCmsAddButton:link {float: right; width: 100%; margin: 0 0 10px 0;}

#about_text {padding: 0 17px 0 0;}

#about_image .athCmsMainImageBox {width: 302px; margin: 6px 0 0 0;}
#about_image .cmsImage {width: 302px;}

#team_blog .athCmsEntry {float: left; width: 302px; height: 151px; color: #FFFFFF; background: #000000; padding: 0; margin: 0 17px 17px 0; border: none;}
#team_blog .athCmsEntryTitle {font-size: 16px; color: #FFFFFF; font-weight: bold; line-height: 18px; padding: 15px 15px 0 15px; display: block;}
#team_blog .athCmsEntryDate {display: none; visibility: hidden;}
#team_blog .athCmsBlogText {display: block; padding: 0 15px 0 15px;}
#team_blog .athCmsMainImageBox {float: right; width: 151px; height: 151px; max-height: 151px; overflow: hidden; padding: 0; margin: 0;}
#team_blog .cmsImage {width: 151px;}

#members_blog .athCmsEntry {float: left; width: 940px; margin: 0; padding: 6px 0 5px 0; border-bottom: 1px dashed #999999;}
#members_blog .athCmsEntryDate {float: left; width: 120px; font-size: 13px; color: #333333; font-weight: bold; padding: 0 0 0 10px;}
#members_blog .athCmsEntryTitle {float: right; width: 120px; font-size: 13px; color: #333333; font-weight: bold; text-align: right; padding: 0 10px 0 0;}
#members_blog .athCmsBlogText {float: left; width: 650px; font-size: 13px; color: #333333; padding: 0 15px 0 15px;}
#members_blog .athCmsMainImageBox {display: none; visibility: hidden;}
#members_blog .cmsImage {display: none; visibility: hidden;}
#members_blog br {display: none; visibility: hidden;}

#current_blog .athCmsEntry {float: left; width: 302px; height: 247px; background: #000000; padding: 0; margin: 0 17px 20px 0; border: none;}
#current_blog .athCmsEntryTitle {height: 33px; font-size: 16px; color: #FFFFFF; font-weight: bold; line-height: 18px; padding: 15px 15px 0 15px; display: block;}
#current_blog .athCmsEntryDate {display: none; visibility: hidden;}
#current_blog .athCmsMainImageBox {width: 302px; height: 125px; max-height: 125px; overflow: hidden; padding: 0; margin: 17px 0 20px 0;}
#current_blog .cmsImageSmall {width: 302px; position: relative; top: -30px;}
#current_blog a.athCmsReadMoreLink:link {color: #000000; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #FFFFFF; text-decoration: none; padding: 5px 36px 5px 15px;}
#current_blog a.athCmsReadMoreLink:visited {color: #000000; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #FFFFFF; text-decoration: none; padding: 5px 36px 5px 15px;}
#current_blog a.athCmsReadMoreLink:active {color: #000000; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #FFFFFF; text-decoration: none; padding: 5px 36px 5px 15px;}
#current_blog a.athCmsReadMoreLink:hover {color: #000000; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #999999; text-decoration: none; padding: 5px 36px 5px 15px;}
#current_blog br {display: none; visibility: hidden;}

#current_blog #athCmsImagesDiv, #current_blog #athCmsFilesDiv, #current_blog #athCmsVideosDiv {display: none; visibility: hidden;}

a.athCmsImageLink .cmsImageSmall {cursor: default;}

#multiBlogInfo .athCmsEntryTitle {font-size: 40px; color: #000000; font-weight: bold; line-height: 42px;}
#multiBlogInfo .athCmsEntryDate {display: none; visibility: hidden;}
#multiBlogInfo .athCmsBlogText {padding: 0;}

.athCmsMainVideoBox, .athCmsVideoBox {margin: 20px 0 0 0;}

#floatRight .athCmsMainImageBox .cmsImage {width: 302px; padding: 0 0 0 15px;}
#floatRight .athCmsImagesDiv {float: left; width: 302px;}
#floatRight .athCmsImageBox {float: left; width: 143px; height: 90px; max-height: 90px; overflow: hidden; padding: 15px 0 0 15px;}
#floatRight .cmsImage {width: 143px;}

#filesBox {float: left; padding: 20px 0 0 15px;}

a.cmsDocument:link {display: block; margin: 5px 0 5px 0;}
.athCmsDocumentImage {padding: 0 5px 0 0;}

label.error, #loginFail {font-weight: bold; color: #CC0000;}
/* END ATH CMS */

img {border-style: none; border-width: 0;}

hr {height: 0; border-top: 1px solid #333333; margin: 8px 0 10px 0;}

table.main {width: 1000px; background: #FFFFFF; margin: 0 auto;}
table.fullWidth {width: 100%;}

h1 {font-family: arial, helvetica, verdana, sans-serif; font-size: 40px; font-weight: bold; display: inline; color: #000000; line-height: 42px;}
h2 {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: bold; display: inline; color: #000000;}
h3 {font-family: 'Libre Baskerville', serif, arial, helvetica, verdana; font-size: 18px; font-weight: normal; display: inline; color: #666666; line-height: 20px;}
h4 {font-family: arial, helvetica, verdana, sans-serif; font-size: 18px; font-weight: bold; display: inline; color: #333333; line-height: 18px;}

form {display: inline;}
input, textarea {width: 95%; padding: 10px; margin: 5px 0 10px 0; font-size: 12px; color: #3333333; background: #FFFFFF; border: 1px solid #3333333; vertical-align: top;}
input.admin {width: 90%; padding: 10px; margin: 5px 0 10px 0; font-size: 12px; color: #3333333; background: #FFFFFF; border: 1px solid #3333333; vertical-align: top;}
input.signupName {width: 75%; padding: 3px 5px 3px 5px; margin: 0 0 7px 20px; font-size: 11px; color: #333333; background: #CCCCCC; border: none; vertical-align: middle;}
input.signupEmail {width: 75%; padding: 3px 5px 3px 5px; margin: 0 0 3px 22px; font-size: 11px; color: #333333; background: #CCCCCC; border: none; vertical-align: middle;}

ul {list-style: none; padding: 0;}
li {background: url(../images/bullet.gif) 0 4px no-repeat; padding: 0 0 15px 20px;}

td.socialMedia {width: 940px; height: 16px; font-size: 12px; text-align: right; padding: 13px 30px 3px 30px; vertical-align: top;}
td.logo {width: 302px; height: 114px; text-align: center; border-right: 17px solid #FFFFFF; border-left: 30px solid #FFFFFF; vertical-align: top;}

#nav {width: 302px; height: 106px; font-size: 12px; color: #333333; font-weight: bold; padding: 8px 0 0 0; border-right: 17px solid #FFFFFF; vertical-align: top;}
#nav ul {float: left; text-align: left; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0; margin: 0;}
#nav li a:link {width: 160px; color: #000000; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
#nav li a:visited {width: 160px; color: #000000; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
#nav li a:active {width: 160px; color: #000000; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
#nav li a:hover {width: 160px; color: #666666; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
body#home a#navhome, body#current a#navcurrent {width: 160px; color: #666666; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}

#nav li a.navCol2:link {width: 80px; color: #000000; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
#nav li a.navCol2:visited {width: 80px; color: #000000; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
#nav li a.navCol2:active {width: 80px; color: #000000; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
#nav li a.navCol2:hover {width: 80px; color: #666666; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}
body#about a#navabout, body#contact a#navcontact {width: 80px; color: #666666; background: url(../images/arrow.png) 0 5px no-repeat; float: left; line-height: 1.4em; display: block; text-decoration: none; padding: 5px 0 10px 26px;}

.telephone {color: #000000;}

td.signup {width: 302px; height: 106px; font-size: 12px; color: #333333; font-weight: bold; text-align: right; padding: 8px 0 0 0; border-right: 30px solid #FFFFFF; vertical-align: top;}
.leftAlignment {float: left;}

td.divider {width: 940px; height: 4px; background: #000000; border-right: 30px solid #FFFFFF; border-left: 30px solid #FFFFFF; vertical-align: top;}

td.headerHome {width: 940px; height: 394px; padding: 20px 30px 20px 30px; vertical-align: top;}
.slideshowWrapper {position: relative; width: 940px; height: 394px; overflow: hidden;}
.slideshowWrapper .slideshow {position: relative; width: 940px; height: 394px;}

.slideshowWrapperAdmin {width: 940px; height: 40px; position: absolute;}
.slideshowWrapperAdmin .slideshowPaging {position: absolute; top: 10px; right: 10px; z-index: 11; font-size: 12px; padding: 3px 2px; background: url(../images/trans-black-70.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 2px #222; -webkit-box-shadow: 0 0 2px #222; box-shadow: 0 0 2px #222;}
.slideshowWrapperAdmin .slideshowPaging a {display: block; float: left; margin :0 1px; padding: 3px 7px; color: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none;}
.slideshowWrapperAdmin .slideshowPaging a:hover {background: #333333; color: #000000; text-decoration: none;}
.slideshowWrapperAdmin .slideshowPaging a.activeSlide {background: #FFFFFF; color: #000000; text-decoration: none;}
.dataAdmin {width: 900px; font-size: 22px; color: #fff; font-weight: bold; line-height: 140%; padding: 25px 20px 0 20px; position: absolute; top: 314px; z-index: 1000;}
	
.slideshowWrapper .slideshowContent {width: 940px; height: 394px;}
.slideshowWrapper .slideshowContent .data {display: none;}	
	
.slideshowWrapper a.slideshowPrev {position: absolute; left: -42px; top: 157px; z-index: 10; width: 40px; height: 46px; outline: none; background: url(../images/trans-black-70.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 2px #222; -webkit-box-shadow: 0 0 2px #222; box-shadow: 0 0 2px #222;}
.slideshowWrapper a.slideshowPrev:hover {background: #000;}
.slideshowWrapper a.slideshowPrev span {display: block; width: 40px; height: 46px; background: url(../images/arrows.png) no-repeat -55px 50%; text-indent: -9999px;}
		
.slideshowWrapper a.slideshowNext {position: absolute; right: -42px; top: 157px; z-index: 10; width: 40px; height: 46px; outline: none; background: url(../images/trans-black-70.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 2px #222; -webkit-box-shadow: 0 0 2px #222; box-shadow: 0 0 2px #222;}
.slideshowWrapper a.slideshowNext:hover {background: #000;}
.slideshowWrapper a.slideshowNext span {display: block; width: 40px; height: 46px; background: url(../images/arrows.png) no-repeat -5px 50%; text-indent: -9999px;}
	
.slideshowWrapper .slideshowPaging {position: absolute; top: 10px; right: 10px; z-index: 11; font-size: 12px; padding: 3px 2px; background: url(../images/trans-black-70.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 2px #222; -webkit-box-shadow: 0 0 2px #222; box-shadow: 0 0 2px #222;}
.slideshowWrapper .slideshowPaging a {display: block; float: left; margin :0 1px; padding: 3px 7px; color: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none;}
.slideshowWrapper .slideshowPaging a:hover {background: #333333; color: #000000; text-decoration: none;}
.slideshowWrapper .slideshowPaging a.activeSlide {background: #FFFFFF; color: #000000; text-decoration: none;}
	
.slideshowWrapper .slideshowBox {position: absolute; left: 0; bottom: 0; background: url(../images/trans-black-70.png); width: 100%; height: 80px; z-index:10;}
.slideshowWrapper .slideshowBox .data {font-size: 22px; color: #fff; font-weight: bold; line-height: 140%; padding: 25px 20px;}
/* .slideshowWrapper .slideshowBox .data h4 {color: #fff; font: bold 20px Helvetica, Arial, Verdana; padding: 0; margin: 0;} */
.slideshowWrapper .slideshowBox .data a {color: #fff;}

td.homepageBoxes {width: 947px; font-size: 13px; color: #777777; text-align: center; line-height: 18px; padding: 0 13px 30px 30px; vertical-align: top;}

#homeBox {float: left; width: 262px; height: 200px; background: #DDDDDD; padding: 20px; margin: 0 17px 0 0; cursor: pointer;}
#homeBox:hover {float: left; width: 262px; height: 200px; background: #333333; padding: 20px; margin: 0 17px 0 0; cursor: pointer;}
#homeBox:active {float: left; width: 262px; height: 200px; background: #333333; padding: 20px; margin: 0 17px 0 0; cursor: pointer;}

td.sideColumn {width: 302px; font-size: 13px; color: #000000; line-height: 18px; padding: 77px 17px 20px 30px; vertical-align: top;}
td.sideColumnBlog {width: 302px; font-size: 13px; color: #000000; line-height: 18px; padding: 60px 17px 20px 30px; vertical-align: top;}
.telephoneSide {font-size: 22px; color: #000000;}

td.mainText {width: 638px; font-size: 13px; line-height: 18px; padding: 20px 13px 20px 0; vertical-align: top;}
td.mainTextFull {width: 940px; font-size: 13px; line-height: 18px; padding: 20px 30px 20px 30px; vertical-align: top;}

#title {float: left; width: 621px; padding: 0 17px 5px 0;}

#floatLeft {float: left; width: 302px; padding: 0;}
#floatRight {float: right; width: 317px; padding: 20px 17px 0 2px;}

#membersDate {float: left; width: 120px; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #999999; padding: 5px 0 5px 10px;}
#membersInfo {float: left; width: 650px; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #999999; padding: 5px 15px 5px 15px;}
#membersName {float: right; width: 120px; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: right; background: #999999; padding: 5px 10px 5px 0;}

td.footer {width: 940px; height: 96px; font-size: 12px; color: #999999; line-height: 16px; padding: 0 30px 0 30px; vertical-align: top;}
#footerCol1 {float: left; width: 302px; height: 66px; padding: 17px 17px 13px 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
#footerCol2 {float: left; width: 302px; height: 70px; text-align: right; padding: 13px 17px 13px 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
#footerCol3 {float: left; width: 302px; height: 66px; padding: 17px 0 13px 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}

td.copyright {width: 940px; font-size: 10px; color: #333333; padding: 10px 30px 10px 30px; vertical-align: middle;}

td.formTitle {width: 200px; font-size: 14px; font-weight: bold; padding: 12px 0 0 0; vertical-align: top;}
td.formTitleSelect {width: 200px; font-size: 14px; font-weight: bold; padding: 18px 0 0 0; vertical-align: top;}

.black {color: #000000;}

.stButton {float: right; width: 13px; padding: 0 0 0 5px; margin: 0;}

.paddingMap {margin: 7px 0 0 0;}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
body#members a#navmembers {color: #000000; text-decoration: none; font-weight: bold;}

a.noUnderline:link {color: #777777; text-decoration: none;}
a.noUnderline:visited {color: #777777; text-decoration: none;}
a.noUnderline:active {color: #777777; text-decoration: none;}
a.noUnderline:hover {color: #777777; text-decoration: none;}

a.footer:link {color: #333333; text-decoration: none;}
a.footer:visited {color: #333333; text-decoration: none;}
a.footer:active {color: #333333; text-decoration: none;}
a.footer:hover {color: #000000; text-decoration: none;}

a.buttonEmail:link {float: right; color: #333333; font-weight: bold; background: url(../images/arrow.png) right center no-repeat; text-decoration: none; padding: 2px 26px 2px 0; margin: 2px 0 0 0;}
a.buttonEmail:visited {float: right; color: #333333; font-weight: bold; background: url(../images/arrow.png) right center no-repeat; text-decoration: none; padding: 2px 26px 2px 0; margin: 2px 0 0 0;}
a.buttonEmail:active {float: right; color: #333333; font-weight: bold; background: url(../images/arrow.png) right center no-repeat; text-decoration: none; padding: 2px 26px 2px 0; margin: 2px 0 0 0;}
a.buttonEmail:hover {float: right; color: #666666; font-weight: bold; background: url(../images/arrow.png) right center no-repeat; text-decoration: none; padding: 2px 26px 2px 0; margin: 2px 0 0 0;}

a.buttonBack:link {font-size: 12px; color: #000000; font-weight: bold; background: url(../images/arrow_back.png) left center no-repeat; text-decoration: none; padding: 2px 0 2px 26px;}
a.buttonBack:visited {font-size: 12px; color: #000000; font-weight: bold; background: url(../images/arrow_back.png) left center no-repeat; text-decoration: none; padding: 2px 0 2px 26px;}
a.buttonBack:active {font-size: 12px; color: #000000; font-weight: bold; background: url(../images/arrow_back.png) left center no-repeat; text-decoration: none; padding: 2px 0 2px 26px;}
a.buttonBack:hover {font-size: 12px; color: #666666; font-weight: bold; background: url(../images/arrow_back.png) left center no-repeat; text-decoration: none; padding: 2px 0 2px 26px;}

a.button:link {color: #FFFFFF; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #999999; text-decoration: none; padding: 7px 36px 5px 15px;}
a.button:visited {color: #FFFFFF; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #999999; text-decoration: none; padding: 7px 36px 5px 15px;}
a.button:active {color: #FFFFFF; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #999999; text-decoration: none; padding: 7px 36px 5px 15px;}
a.button:hover {color: #FFFFFF; font-weight: bold; background: url(../images/arrow_button.png) right center no-repeat #666666; text-decoration: none; padding: 7px 36px 5px 15px;}