/* 
  ------------------------------------------------
  Selestin | http://www.websbyselestin.com
  ------------------------------------------------
*/

body {
font-family: Arial, Helvetica, sans-serif;
background-image: url(../assets/images/wbsbgbthdr2.jpg);
background-repeat: repeat-x;
font-size: 100%;
color: #CCCCCC;
background-color: #30425A;
margin: 0;
padding: 0;
}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #0099FF;}

h1 {font-size: 1.8em; margin: 0; color: #F3E5DC;}
h2 {font-size: 1.6em; margin: 0; color: #fdfffc;}
h3 {font-size: 1.25em; margin: 0; color: #fdfffc;}
h4 {font-size: 1.1em; margin: 0; color: #fdfffc; padding-bottom: 10px;}
h5 {font-size: 1em; margin: 0; color: #fdfffc; padding-bottom: 10px; font-weight: bold;}
h3.members {font-size: 1.20em; font-weight: normal; margin: 0; color: #fdfffc;}
h3.membersgold {font-size: 1.20em; font-weight: normal; margin: 0; color: #ffcc00;}

img {border: none; margin: 0;}
img.divider {margin: 5px 0 5px 0;}
img.floatlft {float:left; clear: right; padding: 10px 10px 5px 0;}
img.floatlftmemberintro {float:left; clear: right; padding: 0px 10px 5px 0;}	
img.floatrgt {float:right; clear: left; padding: 10px 0 10px 10px;}
img.floatrgtmemberintro {float:right; clear: right; padding: 0px 0 10px 10px; margin-top: -20px;}
img.sidebarmembers {padding: 0; margin: 15px 0 5px 0;}
img.cathay {padding: 10px;}

.p7uberlink {font-weight: bold; color: #ffcc00;}
.nomargintop {margin-top: 0; color: #ffcc00;}
.content p {margin: 12px 0;}
.dropcap {float: left; color: #D4D4C7; font-size: 60px; line-height: 55px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif;}
.linkpadding {padding-left: 7px}
.linkpaddingmembers {padding-left: 82px}
.accentgold {color: #ffcc00;}
.accentwhite {color: #FFFFFF;}
.accentgolduppercase {color: #ffcc00; text-transform: uppercase;}
.motto {text-transform: uppercase;}
.scripture, .saying { text-transform: none; font-style: italic; font-weight: bold; color: #ffcc00; }

#masthead {color: #999999; padding: 0; margin: 0;}
#masthead img {margin: 0; padding: 0;}

#hoznav {
	height:54px;
	background: #FFFFFF;
	background-image: url(../assets/images/navmid.gif);
	margin:5px 24px 0 24px;
	border:0;
}

#tab {margin:0;	top:0;}
#tab ul {margin: 0; padding: 0; list-style: none; float: left;}
#tab li {display:inline; float:left; margin:0 1px 0 0; padding: 0;}
#tab a {
background-image: url(../assets/images/navlg.gif);
background-repeat: no-repeat;
background-position: right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}

#tab a span {
display:block;
background-image: url(../assets/images/navlg.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0 25px 0 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#CCCCCC;
font-weight: normal;
line-height: 54px;
}

#tab a:hover,#tab li.item_active a {background-position: right bottom; border-color: #000000;}
#tab a:hover span,#tab li.item_active a span {
background-position:left bottom;
color:#6A888A;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

.dropmenudiv {
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
background-color: #f4ffe4;
background-image: url(../assets/images/navmid.gif);
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}

.dropmenudiv ul {margin: 0; padding: 0; list-style: none;}
.dropmenudiv li {display: inline; margin: 0; padding: 0;}
.dropmenudiv a:link, .dropmenudiv a:visited {
width:180px;
margin:0 1px 0 0 ;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background-image: url(../assets/images/navleft.gif);
background-repeat: no-repeat;
background-position: left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

.dropmenudiv a span {
float:left;
display:block;
line-height:54px;
background-image: url(../assets/images/navlg.gif);
background-repeat: no-repeat;
background-position: right top;
padding:0 25px 0 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}

.dropmenudiv a span {float: none;}
.dropmenudiv a:hover {
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#6A888A;
}

.dropmenudiv a:hover span {
background-position:right bottom;
color:#6A888A;
font-weight:bold;
}

#container {margin: 0; padding: 0;}

#wrapper {width: 846px; margin: 0 auto;}
#column_wrapper {border-bottom: 1px solid #333333;}

.clearfloat {clear: both; height: 0; line-height: 0; font-size: 0;}

#left {width: 275px; float: left; color: #CCCC00;}
#left .content {padding: 10px 0 10px 5px; font-size: 0.75em; line-height: 1.5em; font-weight: normal;}
#leftjoin {width: 200px; float: left; color: #CCCC00; background-color: #000000; margin-top: 25px;}
#leftjoin .content {padding: 20px 0 10px 0; font-size: 0.75em; line-height: 1.5em; font-weight: normal;}
#soundindex, #soundtreasurer, #soundvicepresident, #soundpresident, #soundpubrelchairperson, #soundtribute {width: 60px; margin: 0 auto; position: relative;}

#right, #rightmembers, #rightbio, #rightcontactus {width: 570px; float: left; border-bottom: 1px dashed #ffcc00;}
#right .content, #rightmembers .content, #rightbio .content, #rightcontactus .content {
padding: 24px 20px 20px 10px;
font-size: 0.8em;
line-height: 1.65em;
}

#rightguestbook, #calendar, #events {width: 846px; float: left;}
#right a:link, #right a:visited, #rightmembers a:link, #rightmembers a:visited,
#rightbio a:visited, #rightcontactus a:link, #rightcontactus a:visited, #rightjoin a:link, #rightjoin a:visited {color: #fdfffc;}
#right a:link, #rightjoin a:link {text-decoration: underline;}
#rightmembers a:link, #rightmembers a:visited, #rightbio a:link, #rightbio a:visited {text-decoration: none;}
#right a:hover, #right a:active, #rightmembers a:hover, #rightmembers a:active , #rightbio a:active, #rightjoin a:hover {color: #6A888A;}
#rightbio {background-image:url(../assets/images/bg_bio.jpg); background-repeat: repeat-x;}
iframe {
background-color: #060A2D!Important; 
background-image: url(../assets/images/wbsbgbtiframe.jpg);
background-repeat: repeat;
}

#rightjoin {width: 620px; float: left; border: none;}
#rightjoin .content {padding: 24px 0px 20px 20px; font-size: 0.8em; line-height: 1.65em;}
#joinform {
width: 595px;
position: relative;
background-image: url(../assets/images/bg_form.jpg);
background-repeat: repeat-x;
}

#art1, #art2, #art3, #art4, #art5, #art6 {width: 150px; margin: 0 auto;}
#events .content {padding: 15px 20px;}

#footer {margin: 0; color: #fdfffc; padding: 0px; font-size: 0.7em; clear: both;}
#footer .content {padding: 12px 24px;}
#footer a:link, #footer a:visited {color: #fdfffc;}
#footer a:hover, #footer a:active {color: #6A888A;}

.menulist {margin: 6px 0 12px 0; padding: 0; list-style-type: none;}
#wrapper .menulist a:link, #wrapper .menulist a:visited {color: #cccccc; padding: 0 0 0 6px; text-decoration: none;}
#wrapper .menulist a:hover {color: #6A888A;}
#wrapper .menulist a:active {color: #ffcc00!important;}


input.FORMfieldsText#telephone_ext, input.FORMfieldsText#cellphone_ext, input.FORMfieldsText#emergencycontactnumber_ext, span.FORMfields{
display: none;
}