﻿/* site classes below */

/* Custom Classes*/
#header .Chicklets {float:right; text-align:right; padding: 2px 0px}
#header .joinButton {float: right;padding: 8px 20px; color: white; font-size:11pt; background: transparent url('../images/layout/joinBtn.png') no-repeat top center;}
#header .joinButton a {color: white; text-decoration:none;}
#header .phone {color: #006b7b; font-size:18pt; font-weight:bold; padding-top: 40px}
#header .address {color: #006b7b; font-size:8pt; margin-top: -3px}
#header h1 {color: white; font-family:"Garamond"; font-weight:bold; font-size:24pt; border-bottom: none; margin: 0px}

#rightColumn .sponsors {border: 1px solid #dadada; padding: 5px; margin-top: 10px; text-align:center; color: gray; font-size:8pt;}
#rightColumn .ads {border: 1px solid #dadada; padding: 5px; margin-top: 10px; text-align:center;}
#rightColumn .sponsors .slideshow {height: 70px; width: 130px; margin: auto}
#rightColumn .sponsors .slideshow div {display:none; margin-top: 10px;}
#rightColumn .sponsors .slideshow div.first {display:block;}

#rightColumn .sponsors .slideshowVenue {height: 70px; width: 130px; margin: auto}
#rightColumn .sponsors .slideshowVenue div {display:none; margin-top: 10px;}
#rightColumn .sponsors .slideshowVenue div.first {display:block;}


div.joinButton {padding: 8px 20px; color: white; font-size:11pt; background: transparent url('../images/layout/joinBtn.png') no-repeat top center; width: 120px;}
div.joinButton a {color: white; text-decoration:none;}

div.btnDirectory {padding: 20px 0px 10px 0px; font-size:11pt; font-weight:bold; text-align:center;}
div.btnDirectory a {padding: 10px 5px; background-color: #006B7B; margin: 10px 0px; color: white; text-decoration:none;}
div.btnDirectory a:hover {background-color: #E09400;}

table.mocoDelegation {width: 100%;}
table.mocoDelegation td {vertical-align: top; padding: 3px 0px;}


/* rotator in-page placement */
div#rotator {position:relative;	height:200px; width: 550px; padding-bottom: 10px;}
div#rotator ul {margin-left: 0px;}

/* rotator css */
div#rotator ul li {position:absolute; list-style: none;}

/* rotator image style */	
div#rotator ul li img {border:1px solid #ccc;}
div#rotator ul li.show {z-index:500;}


#leftColumn .events {border: 1px solid #dadada; padding: 3px; margin-top: 10px;font-size: 80%;}
#leftColumn .events h1 {font-size: 11pt; color: white; background-color:#006B7B; margin: -3px -3px 5px -3px; padding: 3px; text-align:center;}
#leftColumn .events span.title {font-weight: bold; color: #006B7B;}

#leftColumn .news {border: 1px solid #dadada; padding: 3px; margin-top: 10px;}
#leftColumn .news h1 {font-size: 11pt; color: white; background-color:#006B7B; margin: -3px; padding: 3px; text-align:center;}
#leftColumn .news .pr .prList li {
	margin-left:-20px; 
	padding-bottom: 5px;
	font-size: 9pt; 
	list-style: none inside none; 
	border-bottom: 1px silver dashed;
}

#leftColumn .news .pr .prList li a {text-decoration: none; font-weight: bold;}
#leftColumn .news .pr .prList li div {font-size: 7pt;}

#footer table {width: 900px; margin: auto;}
#footer .text {color: white; padding: 10px; text-align:left}
#footer .nav {text-align:right; vertical-align:top; padding: 10px;}
#footer table a {color:#75bec9; text-decoration:none;}
#footer table a:hover {color: white;}
#footer .nav .chicklets {padding: 5px 0px}


/* Admin */
#adminLabel {
    padding: 3px;
    background-color: Black;
    color: White;
}

#adminLabel a:hover,
#adminLabel a:active,
#adminLabel a:visited,
#adminLabel a:link {
    color: #FFFFFF;
    font-weight:bold;
    font-size: 11px;
}

#adminNav {
    padding: 5px;
    background-color: Gray;
    border-top: appworkspace 2px solid;
}

#adminNav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: right;
}

#adminNav ul li {
    display: inline;
    margin: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold;
}

#adminNav ul li a:visited,
#adminNav ul li a:link,
#adminNav ul li a:active {
    color: #FFFFFF;
    text-decoration: none;
}

#adminNav ul li a:hover {
    color: #000000;
}

/* END ADMIN */

div.upcoming-event {
	padding-bottom: 7px;
}


