/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

* {margin:0; padding:0;}

body {
  font:98% Helvetica Neue,Arial,Helvetica,sans-serif;
  line-height:1.4em;
  text-align:center;
  color:#303030;
  background:#e8eaec;
}

a {
  color:#467aa7;
  font-weight:bold;
  text-decoration:none;
  background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

legend { margin-bottom: 0.6em; margin-left: 10px; font-weight: bold; color: #666;}

label {font-weight: bold; vertical-align: top;}

/**************** Header and navigation styles ****************/

#container {
  width:950px;
  margin:2px auto;
  padding:1px 0;
  text-align:left;
  background:#ffffff;
  color:#303030;
  border:2px solid #a0a0a0;
}

#header {
  height:90px;
  width:948px;
  margin:0 1px 1px 1px;
  background:#0000bb;
  color:#ffffff;
}

#header h1 {
  padding:20px 0 0 12px;
  font-size:2.1em;
  background-color:inherit;
  color:#ffffff;
  font-weight:normal;
  letter-spacing: 0px;
  margin-right: -19px
}
#header h1 a {
	color: #ffffff;
}
#header h2 {
  margin:10px -25px 0 25px;
  font-size:1.3em;
  background-color:inherit;
  color:#f0f2f4;
  letter-spacing: 1px;
  font-weight: normal;
}

#navigation {
  height:2.2em;
  line-height:2.2em;
  width:948px;
  margin:0 1px;
  background:#0000bb;
  color:#ffffff;
}
#navigation ul {border-right: none; position: relative;}
#navigation li {position:absolute; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navigation li#future-link{
  right: 0px; 
  width: 200px; 
  text-align: center; 
  border-left: 1px solid #ffffff;
  border-right: none !important;
  font-size: 122%;
}
#navigation li#future-link a, #navigation li#future-link a:visited {color: yellow; background-color: inherit; font-weight: bold;}
#navigation li#future-link a:hover {background: #2F67A0;}
li#membership-link {left:134px;}
li#about-link {left:245px;}
li#pastevents-link {left: 343px;}
li#members-link {left: 445px;}
li#contact-link {left: 558px;}
li#discuss-board {border-right: none;}
#navigation li a {
  display:block;
  padding:0 10px;
  font-size:0.8em;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
  background-color:inherit;
  color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected, #navigation a:hover {
  background:#2F67A0;
  color:#ffffff;
  text-decoration:none;
}

/**************** Content styles ****************/

#wrapper {overflow: auto; width: 100%;}

#content {
  float:left;
  width: 55%;
  font-size: 0.9em;
  padding:20px 10px 0 10px;
/*  border-right: 1px solid #0000bb;*/
}

.gen_page {
	width: 96% !important;
	border-right: none !important;
}
.gen_page div {
	margin-bottom: 10px;
	line-height: 1.2em;
}
.gen_page div h2 {
	color: #003366 !important;
	font-size: 1.6em !important;
	letter-spacing: normal !important;
}
.gen_page div a {
	font-weight: normal;
}

#content h2, .page-title {
  display:block;
  margin:0 0 6px 0;
  font-size:2em;
  letter-spacing:-1px;
  line-height: 1.0;
  color: #0000bb;
  background-color:inherit;
}

.page-title {font-size: 30px;}
#content h2 a{font-weight:normal;}
#content h3 {margin: 20px 0px; font-size: 1.6em; font-weight: normal; font-family: Futura;}
#content h3.subtitle {color: #000bbb; margin: 10px 0;}

#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:948px;
padding:5px 0;
margin:50px 1px 0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#0000bb;
text-align:center;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box, .centerbox{
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

.box {margin:0 0 20px 0;}
.centerbox {margin:5px auto 10px auto; width:70%;}
#speaker-names {font-size: 1.7em; display: inline; line-height: 1.2; color: #0000bb;}
#speaker-names a, #speaker-names strong {font-size: 1.2em; font-weight: normal; color:#0000BB;}
#meeting-description {font-size: 1em; padding-right: 4px;}
#speaker-description {padding-top: 10px;}
#speaker-description p {overflow: auto;}
#page-content {margin-top: 20px; margin-right: 10px;}
.vevent abbr {border: none;}
.country-name, .dtend {display: none;}
.dtstart, .dir-link {border: 0; font-weight: bold;}
#is-special {color: #ff0000; font-variant: small-caps; margin-bottom: 10px !important; font-size: 126%;}
#newEventWrapper, #contact1, #futureevents, #mbrRSVP {text-align: left; border: 3px solid #000;}
#newEventWrapper {width: 580px;}
#futureevents {width: 850px;}
#contact1 {width: 510px;}
#mbrRSVP {width: 400px;}
#newEventWrapper .hd, #contact1 .hd, #futureevents .hd, #mbrRSVP .hd {font-weight: bold; font-size: 1.4em; text-align: center; position: relative; height: 30px; padding-top: 4px; background: #0000bb; color: #fff; border: 1px solid  #0000bb;}
#futureevents .hd .schedPrint {position: absolute; left: 10px; width: 120px; text-align: left; display: inline;}
#futureevents .hd .schedPrint a, #futureevents .hd .schedPrint a:visited {color: yellow; font-variant: small-caps; font-style: italic;}
.hd .closerX {position: absolute; right: 10px; width: 20px; text-align: right; display: inline;}
#newEventWrapper .bd, #contact1 .bd, #futureevents .bd, #mbrRSVP .bd {color:#003366; padding: 4px; border-right: 1px solid  #0000bb; border-left: 1px solid  #0000bb;}
#futureevents .bd li {list-style-type: disc;font-size: 1.2em; color: #003366;}
#futureevents .bd a, #futureevents .bd a:visited {color: #003366;}
#contact1 .ft, #futureevents .ft {text-align: center; color: #ffffff; background: #0000bb; border: 1px solid  #0000bb;}
.future_event {border-bottom: 1px solid #003366; font-size: 110%;}
.isFirst {border-bottom: none;}
.future_event div, .feNotSet {padding-top: 5px;}
.feDate {width: 120px;}
#current-text {font-size: 2em; font-weight: bold; font-style: italic; margin-bottom: 10px;}
#emailError, #myrsvpdiv {margin: 2px auto; width: 95%;}
#emailError {text-align: center;}
#emailError {border: 1px solid #000; margin-left: auto; margin-right: auto; background-color: #80b0da; color: #000; font-size: 1.6em;}
#emailError .hd {background-color: inherit; color: #ff0000; font-size: 2.5em;}
#emailError .hd, #emailError .bd {margin-bottom: 10px; line-height: 1em;}
#myrsvpdiv {text-align: left;}
#myrsvpdiv fieldset {position: relative; padding-left: 12px; padding-bottom: 4px; border:1px solid #80b0da; line-height: 1.8em; height: 140px;}
#myrsvpdiv input {position: absolute; left: 100px;}
#myrsvpdiv #btnSubmitContact1 {left: 160px;}
#rsvpThanks {border: 3px solid yellow; margin: 10px auto; padding: 10px; width: 400px; font-weight: bold; font-size: 28px; color: rgb(192, 192, 192); background-color: #0000bb; line-height: 1em;}
#rsvpnote {display: none;}
/*#memberRSVP form {display: none;}*/
#memberRSVP {padding: 10px; margin: 10px;}
#memberRSVP a {padding: 5px; border: 1px solid #003366; background-color: #B3C9D9; color: #000; font-weight: bold;}
#emailError .ft {font-style: italic;}
.cancel-link {float: right; width: 135px; margin-right: 25px;}
#contact1 form, #mbrRSVP form {line-height: 260%;}
#contact1 fieldset {height: 270px !important; padding: 5px; position: relative;}
#contact1 form label, #contact1 form input, #contact1 form textarea {position: absolute;}
#contact1 form input, #contact1 form textarea {left: 90px; border: 1px solid #0000bb;}
#contact1 #contactSource {display: none;}
#contact1 #lblName {top: 0px;}
#contact1 #yourname {top: 10px;}
#contact1 #lblEmail {top: 32px;}
#contact1 #yourmail {top: 42px;}
#contact1 #lblMessage {top: 60px;}
#contact1 #yourmessage {top: 70px;}
#contact1 #btnSubmit {top: 240px;}
#contact1 #btnSubmit, #mbrRSVP #mbrSubmit {right: 44px; border: 1px solid #0000bb; font-size: 18px; font-weight: bold; color: #0000bb;}
#contact1 .ft {margin-top: 10px; padding: 10px 0px;}
#mbrRSVP fieldset {height: 110px !important; padding: 5px; position: relative;}
#mbrRSVP form label, #mbrRSVP form input {position: absolute;}
#mbrRSVP form input {left: 160px; border: 1px solid #0000bb;}
#mbrRSVP #lblME {top: 0px;}
#mbrRSVP #mbrEml {top: 10px;}
#mbrRSVP #lblMP {top: 40px;}
#mbrRSVP #mbrPwd {top: 54px;}
#mbrRSVP #mbrSubmit {top: 95px;}
#mbrRSVP label.error {position: relative; top: 20px; left: 25px; color: #dd0000;}
#calLinks {text-align: center;}
#calLinks a {margin-left: 40px;}
#calLinks a.first {margin-left: 0px;}
#member_names {font-size: 1.2em; margin-bottom: 10px;}
#member_names div {position: relative;}
#member_names div div {display: inline;}
#member_names .mCompany {left: 200px; position: absolute;}
.mName, .mCompany img {vertical-align: top;}
div.gold .mCompany a {left: 190px; position: absolute; width: 300px;}
.mCompany img.logoWD, #sponsorBlock img.logoWD {width: 175px;}
.mCompany img.logoHT, #sponsorBlock img.logoHT {height: 95px;}
#member_names > div.gold {height: 100px;}

#banner {float: left; padding: 0; width: auto; margin: 0 30px;}
#banner-img {float: left; margin: 4px 0 0 4px; padding: 0; width: 120px;}
.logoimg {width: 120px;}
#headerCorner {float: right; width: 140px; margin: 0; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; padding-left: 2px;}
#headerCorner p, #headerContact {margin: 0; display: inline;}
#headerCorner a {color: #ffffff; background-color: inherit;}
.most_line {width: 98%;}
.meeting_list {line-height: 1.2em; margin-bottom: 15px;}
.meeting_list div, .future_event div, .leaders_list div div {float: left; margin-bottom: 5px;}
.leaders_list div div {margin-bottom: 0px;}
.listLabel {width: 160px; font-weight: bold;}
.ml_link {width: 145px;}
.ml_link a {color: #2F67A0;}
.ml_description {width: 550px;}
.ml_title {font-weight: bold;}
.meeting_list div a, .ml_description strong {font-weight: normal;}
.bottomSpacer {margin-bottom: 15px;}
#new_eventCnt .ft, form#new_event {background:#dee;}
#new_eventCnt .ft .button-group {margin-right: 10px; font-size: 24px;}
#newEventWrapper {overflow: auto !important;}
#newEventWrapper form {position: relative; padding-top: 5px;}
#newEventWrapper fieldset {height: 495px !important; padding: 5px;}
#newEventWrapper input, #newEventWrapper #eventMonth, #newEventWrapper textarea, #newEventWrapper #eventTitle, #newEventWrapper #lblEventTitle, #newEventWrapper #eventSubtitle, #newEventWrapper #lblEventSubtitle, #newEventWrapper #lblEventDesc, #newEventWrapper #lblAdderemail, #newEventWrapper #lblEventMonth {position: absolute;}
#newEventWrapper input, #newEventWrapper #eventMonth, #newEventWrapper textarea {left: 200px;}
#newEventWrapper #eventTitle, #newEventWrapper #lblEventTitle {top:232px;}
#newEventWrapper #eventSubtitle, #newEventWrapper #lblEventSubtitle {top:256px;}
#newEventWrapper #eventDesc, #newEventWrapper #lblEventDesc {top:280px;}
#newEventWrapper #eventYear {position: absolute; left: 358px;}
#newEventWrapper select {width: 100px;}
#newEventWrapper #eventMonth, #newEventWrapper #eventYear, #newEventWrapper #lblEventMonth {top: 434px;}
#newEventWrapper #adderemail, #newEventWrapper #lblAdderemail {top: 458px;}
#newEventWrapper #btnSubmit {top: 480px;}
.valErrorsList {line-height: 160%; margin: 10px 5px 16px 35px; color: #DC143C;}
#ygCFLink {font-size: 126%; color: #ffffff;}
.ss-form-desc {margin: 20px 0px 0px 0px; text-align: center;}
.ss-form-entry {padding-bottom: 20px; clear: both;}
.ss-form-entry label {clear: both; float: left; width: 130px;}
.ss-form-entry label.error {clear: none; float: left; width: 365px; margin-left: 10px; color: #dd0000;}
.ss-select-label {width: 100% !important;}
.ss-q-help {font-weight: normal !important; font-style: italic;}
#cvForm #cmmttChoice {clear: both; padding-top: 10px;}
.ss-choices {list-style: none; float: left;}
.ss-choice-label {clear: both; float: none !important; padding-left: 20px; font-weight: normal; width: 100% !important;}
input.ss-q-short {float: left; width: 200px;}
#cvForm #btnSubmit {float: left; clear: both; margin-bottom: 10px;}
#sponsorBlock {overflow: auto; border-top: 3px solid #003366;}
#sponsorBlock h2 {border-bottom:1px solid #003366; color:#0000BB; padding-top:10px; padding-bottom:10px !important; margin-bottom:10px; text-align:center;}
#sponsorBlock .logoBlock {padding: 10px 5px 0;}
#sponsorBlock .sponsorBlockSponsor {display:inline; float:left; margin-right: 4px; overflow:hidden; width: 180px; text-align: center;}
#sponsorBlock .sponsorBlockLogo {max-width: 175px;}

/* right block */
.rightBlock {width: 399px; float: left; border-left: 1px solid #0000bb;}
#midColumn {display: block; width:40%; background: #C0D3E1 none repeat scroll 0 0; padding: 20px 3% 25px 0px; line-height: 1.3; font-size: 0.8em; overflow: auto;}
#midColumn {float: left;}
#midColumn h2 {color: #0000bb; margin: 10px 6px; padding-bottom: 0px; padding-left: 0;}
#midColumn li {line-height: 1.1; margin-bottom: 5px;}
#midColumn .regularList {padding-left: 20px;}
#mailing-list {list-style-type: none; margin-top: 10px; margin-left: -12px;}
#sidebar_r {float: left; font-size: 0.8em; padding: 20px 4px 0 4px; width: 54%; line-height: 1; overflow: auto;}
#sidebar_r h2 {margin: 10px 6px; color: #0000bb;}
#sidebar_r ul {list-style-position: inside; list-style-type: none; margin-left: 6px;}
#sidebar_r ul li {margin-bottom: 5px;}
#sidebar_r p {margin-left: 6px; padding: 0px 0px 10px 0px;}
#sidebar_r form {margin-top: 10px;}
/*#sidebar_r #memberships ul {padding: 2px; text-align: center; background: #C0D3E1; border: 1px solid #003366;}*/
#sidebar_r #ppl_volunteer {height: 21px; margin-top: 10px;}
#sidebarContact {margin: 15px 0px 9px 6px; padding: 0px;}
#sidebarContact a {padding: 10px; border: 2px solid #cccccc; background-color: #0000bb; color: yellow; font-size: 140%; font-weight: bold;}
#sidebar_r .regularList {list-style-type: disc;}
#sidebar_r hr {color: #0000bb;}
#soc-networks {list-style: none; padding-left: 10px !important;}
#soc-networks img {height: 20px; vertical-align: text-bottom;}
#socnet_links p {font-weight: bold;}
#membershipButtons ul {background: #fff; border: none;}
#midColumn, #sidebar_r {padding-top: 10px; border-top: 1px solid #0000bb;}
.eventPhotos {padding: 10px; width: 380px; float: left;}
.eventPhotos img {width: 160px; padding: 10px 5px 10px 20px; vertical-align: top;}
#bottomPhotos {border-top: 1px solid #0000bb;}

#where-when {display: none;}

.leftCol, .rightCol {display: inline; float: left; overflow: hidden;margin-right: 0.833em;}
.leftCol {width: 50%; margin-right: 0.833em;}
.rightCol {width: 45%;}
.leftCol div, .rightCol div { padding-bottom: 1em; margin-bottom: 0px;}
.leaders_list div { padding-bottom: 0em; }
#leadership-photos img {margin-right: 10px;}
#jPhotos { text-align: center; font-weight: bold;}
#recentPrograms {padding: 10px 10px 10px 20px; margin-bottom: 0px; font-size: 18px;}

#kumzitz-notice {background-color:#e4e4e4; margin:-20px -10px 20px; padding: 10px; font-size: 116%;}

.noShow {display: none;}