/* CSS Document */

/* ------ Begin Additional Styles ------ */

div.forumErrors 
{
    border: solid 1px Red;
    color: Red;
    padding: 10px;
    margin-bottom: 10px;
}

.bold
{
    font-weight: bold !important;
}

a.backbutton 
{
    border: 1px solid #ccc;
    background-color: #1d4363;
    padding: 7px 12px;
    text-decoration: none;
    color: #fff !important;
    margin: 0.5em 1.1em 0 0 
}

a.backbutton:hover 
{
    background-color:#c9d8fc;
    color: #333 !important;
}

.country
{
    width: 204px;
}

span.radio input
{
    width: auto !important;
}

/* ------ End Additional Styles ------ */

body {background-color: #ebeae4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333 }

.maincontainer {width: 985px;
margin: 0 auto 1em auto;
background-color:#FFFFFF;
padding: 0}

.logo {padding: 0 1em;
position:absolute;
margin-left:1.75em;
top:0;
z-index:1;}

.toprow {background-color: #ebeae4;
padding: 5px 5px 8px 0;
color: #1d4363;
text-align:right;
font-weight: bold}

.secondrow {background-color:#1d4363;
padding: 5px 14px 5px 0;
color: #FFFFFF;
text-align:right;
font-weight: bold}

.center {padding: 12px 12px 12px 6px}

.leftnav {width: 203px;
float: left;
margin-right: 25px;
margin-top: 6em}

.maintext {width: 500px;
margin-right: 22px;
float: left;
margin-top: 6em;
padding: 0;
line-height: 1.5em }

.maintext a {text-decoration:none;
color:  #477C8B;
}

.maintext a:hover {color:#361605}




.clear {clear: both}

.toprow input {margin-right: 1em}

.toprow a {color:#FFFFFF;
background-color:#1d4363;
padding: 4px 5px;
text-decoration: none}

.toprow a:hover {color: #7db2c6;
}



.secondrow a {color: #FFFFFF;
text-decoration: none;
margin-right: 3em}

.secondrow a:hover {color: #7db2c6;
}

.hook {color: #1d4363;
font-weight:bold;
padding-left: 0.5em;
text-align:center}

h1 {margin: 0 0 1.5em 0;
color: #1d4363;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight:normal;
letter-spacing:0.5px}

h2 {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#7db2c6;
font-style:italic;
}

h3 {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color:#7db2c6;
font-style:italic;
text-align:center;
}

h4 {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #846e64;
font-style:italic;
text-align:center;
}

h5 {margin: 0 0 5px 0;
color: #1d4363;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight:normal;
letter-spacing:0.5px}

.base {background-color:#1d4363;
color: #FFFFFF;
font-size: 10px;
text-align:center;
padding: 5px 0;
margin-top: 1em}

.base a {text-decoration: none;
color: #FFFFFF}

.base a:hover {color: #7db2c6;}

.error {font-size: 11px;
color:#FF0000;
text-align:right;
margin:0 5.5em 0 10em}

.error2 {font-size: 11px;
color:#FF0000;
text-align:right;
margin:0.5em 8.5em 0 10em}

.error3 {font-size: 11px;
color:#FF0000;
text-align:right;
margin:0.5em 11em 0 10em}


div.error 
{
    border: solid 1px #ff0000;
    color:#FF0000;
    padding: 10px;
    width: 474px;
    text-align: left;
    margin: 0;
}

.nomargin
{
    margin: 0 !important;
}


/*--left nav------*/

ul.mainnav  {margin: 1.5em 0 0 0;
padding: 0}

ul.mainnav li {list-style:none;
font-size: 11px;
margin-bottom: 5px;
}

ul.mainnav  li a {color: #000;
background-color:#ebeae4;
text-decoration: none;
width: 195px;
padding: 3px 0 3px 10px;
display:block}

ul.mainnav  li a:hover {color: #fff;
background-color: #1d4363;
}

ul.mainnav  li a.selected {color: #fff;
background-color: #1d4363;

}

ul.mainnav  li a.selectedplus {color: #fff;
background-color: #1d4363;
margin-bottom: 0;
}

ul.subnav {margin: 0 0 5px 0;
padding: 0}

ul.subnav li {margin-bottom: 0;}

ul.subnav li a {color: #fff;
background-color:#1d4363;
text-decoration: none;
width: 163px;
padding: 3px 0 3px 42px;
display:block;
background-image:url(/images/arrow.gif);
background-position:left;
background-repeat:no-repeat}

ul.subnav li a:hover {color: #fff;
background-color: #0e2232;
background-image:url(/images/arrow2.gif);
background-position:left;
background-repeat:no-repeat;
}

ul.subnav li a.selected{color: #fff;
background-color: #0e2232;
background-image:url(/images/arrow2.gif);
background-position:left;
background-repeat:no-repeat;
padding: 3px 0 3px 42px;
}



/*---------banners--------------*/

.banners {width: 214px; 
float:right;
margin-top: 0.5em}

.simplebanner {color: #361605;
background-color: #f9f9f9;
margin-bottom: 1.5em;
padding-bottom: 0.5em }

.bannertitle {
background-color: #ebeae4;
text-align:center;
padding: 5px;
font-size:14px}

ul.banneritem {margin: 0;
padding: 1em 0.75em 0 1em }

ul.banneritem li {list-style: none;
margin-bottom: 1em}

ul.banneritem li a {text-decoration: none;
color: #1d4363}

ul.banneritem li a:hover {color: #7db2c6;
}

.picbanner {margin-bottom: 1em}


/*----alternatives for members area------------*/

.toprowmembers {background-color: #ebeae4;
padding: 5px 10px 8px 0;
color: #1d4363;
text-align:right;
font-weight: bold}


.toprowmembers a {color:#1d4363;
text-decoration: none;
padding-left: 3em}

.toprowmembers a:hover {color: #7db2c6;
}


.welcome {float:right;
}
.logout {float: right}

.password li {list-style:none;
margin-top: 1em;
}


.password li label {width: 7em;
text-align:left;
float: left;
margin: 0 1em 0 0}

.password li input {width: 200px}

span.checkbox input, input.checkbox {width: auto !important;}

p.submit2 {width: 255px;
text-align:right;
margin: 2em 0 2em 0}

p.submit2 a {border: 1px solid #ccc;
background-color: #1d4363;
padding: 5px;
text-decoration: none;
color: #fff;
}

p.submit2 a:hover {background-color:#c9d8fc;
color: #333;
}

/*--------------corp sponsors -------------*/

.sponsor {padding: 1em 0; }

p.sponsor-logo {padding-top: 1em}

.sponsor-logo2 {padding: 0 0 1em 0}

p.sponsor-name {font-weight: bold}

p.sponsor-web a {text-decoration: none;
color: #7db2c6}

p.sponsor-web a:hover {color: #1d4363}

.sponsordetails {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#7db2c6;
font-style:italic;
font-weight: bold}

.image1 {width: 235px; 
float: left;
padding: 1em 1em 1em 0;
}

.image2 {width: 235px; 
float: left;
padding: 1em 0 1em 1.5em;
}

.image1desc {width: 235px;
float: left;
padding: 0 0 1em 0;
}

.image2desc {width: 235px;
float: left;
padding: 0 0 1em 2em;
}

.overview {padding: 0 0 1em 0}

.sponsorcontact {padding: 0 0 1em 0}
.sponsorphone {padding: 0 0 1em 0}
.sponsoremail {padding: 0 0 1em 0}
.sponsorwebsite {padding: 0 0 1em 0}
.sponsorfax{padding: 0 0 1em 0}
.sponsoraddress {padding: 0 0 1em 0}

/*-------------forms---------------*/


.join {border: 1px solid #ccc;
padding: 1em 0;
}



.join1 li {list-style:none;
margin-top: 1em;
}


.join1 li label {width: 17em;
text-align:left;
float: left;
margin: 0 1em 0 0}

.join li textarea {width: 200px}

.join li input {width: 200px}

li input.browse {width: 100px}

li input.tickbox {width: 20px}

p.submit {text-align:right;
margin: 2em 3.5em 0 0 }

p.submit a {border: 1px solid #ccc;
background-color: #1d4363;
padding: 7px;
text-decoration: none;
color: #fff;
}

p.submit a:hover {background-color:#c9d8fc;
color: #333;
}

.formtext {padding-right: 1em}

a.button 
{
    border: 1px solid #ccc;
    background-color: #1d4363;
    padding: 7px 9px;
    text-decoration: none;
    color: #fff;
    margin: 0.5em 3em 0 0 
}

a.button:hover 
{
    background-color:#c9d8fc;
    color: #333;
}

p.joinbuttons {margin: 2em 0}

#select3 {width: 205px}

/*-------------member profile------------*/

.image {width: 150px;
float: left;
margin-right: 2em}

.profiledetails {width: 300px;
float: left;
}

.name {
float: left;
font-size: 14px}

.qualifications {padding-left: 2em;
float: left}

.specialty {margin: 1em 0}

.address1 {

padding-top: 1em}

.address2 {

padding-top: 1em}

.telephone {padding: 1em 0 1em 0 }

.fax {padding: 0 0 1em 0 }

.email {padding: 0 0 1em 0 }

.website {padding: 0 0 1em 0 }


.retired {padding-top: 1em;
font-weight: bold}

/*----------find a doc------------*/

.join {border: 1px solid #ccc;
padding: 1em 0;
}


ul.find {padding:  1em 0;}

.find li {list-style:none;
margin-top: 1em;
}


.find li label {width: 16em;
text-align:left;
float: left;
margin: 0 1em 0 0}

.find li textarea {width: 215px}

.find li input {width: 215px}

.results {margin-top: 2em}

table.searchresults th {text-align:left;
background-color:#ebeae4;
border: 1px solid #ccc}


/*------------responses to consultations---*/

ul.consultations {margin: 0;
padding: 0}

ul.consultations li {margin: 0 0 1em 0;
padding: 0;
list-style: none}


/*------------news and other archives--------*/

ul.archivelist {margin: 0 ;
padding: 0}

ul.archivelist li {margin-bottom: 1em;
list-style: none;
height:30px;
border-bottom: #ccc 1px solid;
padding-bottom: 1em;
text-align: left}

ul.archivelist li a {text-decoration:none;
font-weight: bold;
display: inline;
padding-left: 1em;
float: right;
width: 420px}






/*------------contact------------*/

p.contact {text-align:center;
margin-top: 2em}

/*-----------edit member profile-----*/

ul.editprofile {margin: 0 0 2em 0;
padding: 0}

ul.editprofile label {font-weight: bold;
padding-right: 0.5em}

ul.editprofile li {list-style: none;
padding-left: 1em}

ul.editlist2 {margin:2em 0 0 0;
padding: 0;
}

ul.editlist2 li {margin: 0 0  0 1em;
list-style: none;
padding: 0.5em 0;
}

 ul.editlist2 li a {border: 1px solid #ccc;
background-color: #1d4363;
padding: 7px 9px;
text-decoration: none;
color: #fff;
margin:0;
width: 165px;
display: block}

 ul.editlist2 li a:hover {color:#7db2c6;}


ul.password {margin: 2em 0 0 0;
padding: 0}

.password li {list-style:none;
margin-top: 1em;
}


.password li label {width: 15em;
text-align:left;
float: left;
margin: 0 1em 0 0}

.password li textarea {width: 200px}

p.submit3 {text-align:center;
margin: 2.5em 0}

.join2 li {list-style:none;
margin-top: 1em;
padding-top: 1em
}


.join2 li label {width: 16em;
text-align:left;
float: left;
margin: 0 1em 0 0}


table.registeredevents {width: 500px;
border: none;}

.registeredevents tr {border-bottom: 1px solid #ccc;
}

.registeredevents td {padding: 1em 0;
border-bottom: 1px solid #ccc}

td.event {font-weight:bold}

p.strip {padding: 1em 0}


.attendees {font-weight:bold;
float:left;
padding-top: 1em}

.attendees2 {float: left;
margin-left: 4.25em;
padding-top: 1em}

.profile {margin: 2em 0 2em 1em;
}



a.editbutton {text-align:right;

color: #663333;
font-weight: bold}

a.editbutton:hover {color:#7db2c6}

.image3 {padding-bottom: 1em}

.homephone {padding: 0 0 1em 0}

.mobilephone {padding: 0 0 1em 0}

.gmc1 {padding: 0 0 1em 0}
.gmc2 {padding: 0 0 1em 0}
.gmc3 {padding: 0 0 1em 0}
.gmc4 {padding: 0 0 1em 0}
.cqc1 {padding: 0 0 1em 0}
.cqc2 {padding: 0 0 1em 0}
.appraisal2 {padding: 0 0 1em 0}
.appraisal3 {padding: 0 0 1em 0}

.editaddress {padding: 0 0 1em 0}

li.padding {padding: 2em 0}

p.buttonpadding {padding: 2em 0}


/*-----eletter archive-------*/

table.eletters {padding: 0}


.eletters td {border-bottom: 1px solid #ccc;
padding: 1em}



/*------------useful links---------*/

table.links {border: none;
padding: 0;

margin: 0}

.links td {padding: 0 0 0 5px;
border:none;
}

/*---------events----------*/

ul.eventlist  {margin:3em 0 2em 0 ;
padding: 0}

ul.eventlist li {margin-bottom: 1em;
list-style: none;
border-bottom: #ccc 1px solid;
padding-bottom: 1em;
height: 30px}

ul.eventlist li a {text-decoration:none;
font-weight: bold;
width: 410px;
float: right;
display: block}


.eventmonthyear {font-weight: bold}

.eventdate1 {font-weight:bold;
float:left}

.eventdate2 {float: left;
margin-left: 2.25em}

.eventtime1 {font-weight:bold;
float:left;
margin: 1em 2em 0 0}

.eventtime2 {float: left;
margin: 1em 2em 0 2em}

.eventlocation{font-weight:bold;
float: left;
margin: 1em 2em 0 0}

.locationgroup {float: left;
margin: 1em 0 0 3em}

.eventmap {margin-top: 1em}

.details {margin: 1em 0}

.eventdetails {font-weight:bold}

.memberprice {margin: 1em 0}

.eventmeal {margin: 1em 0}

.eventlabel
{
    float: left;
    font-weight: bold;
    margin: 1em 1em 0 0;
}

.eventfield
{
    float: left;
    margin: 1em 0 0 0;
}

.guest {float: left;
font-weight:bold}

.memberguest {float: left;
margin-left:1em}

.memberprice {float: left;
font-weight:bold}

.memberprice2 {float: left;
margin: 1em 0 0 1em;}

.guestprice {float: left;
font-weight:bold}

.guestprice2 {float: left;
margin: 0 0 1em 1em;}

.memberdeposit {float: left;

font-weight:bold}

.memberdeposit2 {float: left;
margin: 0 0 0 1em;}

.eventmeal {clear: both;
margin-top: 0}

.eventmeal {float:left;
font-weight:bold}

.eventmeal2 {float: left;
margin: 0 0 0 1em }

.eventmisc {float:left;
font-weight:bold;
margin: 1em 0}

.eventmisc2 {float:left;
margin: 1em 0 0 1em}

.eventmisccharge {float:left;
font-weight:bold;
margin: 0}

.eventmisccharge2 {float:left;
margin: 0 0 0 1em}

.latestbooking {float:left;
font-weight:bold;
margin-top: 1em}

.latestbooking2 {float:left;
margin: 1em 0 0 1em}

.cancellation {font-weight:bold;
margin-top: 1em}

.cancellationdetails {padding-bottom: 1em}

/*-------event reg form ----*/




.eventname {margin-bottom: 1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#7db2c6;
font-style:italic;font-weight: bold}

ul.eventform {margin: 0 ;
padding: 1em 0}

.eventform li {list-style:none;
margin: 1em 0 0 0;
clear: both
}


.eventform li label {width: 18em;
text-align:left;
float: left;
margin: 0 1em 0 0;
}

input#meal {margin: 0;
padding: 0;
width: 20px}

.eventform li textarea {width: 200px}

.eventform li input {width: 200px}

.paychoice li {list-style:none;
margin: 1em 0 0 0;
clear: both
}

ul.paychoice {margin: 0;
padding: 0}

.paychoice li {list-style:none} 

.paychoice li label {width: 10em;
text-align:left;
float: left;
margin: 0 1em 0 0;
}


input#paytype {margin: 0;
padding: 0;
width: 20px}

input#paytype2 {margin: 0;
padding: 0;
width: 20px}



.membername {font-weight:bold;
float:left;
margin-top: 1em}

.membername2 {float: left;
margin: 1em 0 0 4em}

.eventcost {font-weight: bold;
padding: 0 0 1em 0}

  .total {clear: both;
  padding: 1em 0}
  
  p.pay {padding: 2em 0}

/*--------appraisal ------------*/

.appraisal ul {margin:2em 0 0 0;
padding: 0}

.appraisal ul li {margin: 0 0.5em;
font-weight: bold;
list-style: none;
padding-left: 2em;
background-image:url(/images/arrow3.gif);
background-position: left;
background-repeat:no-repeat}

/*------checkout------*/

.centercheckout {padding: 5em 3em 2em 3em}

.checkoutmaintitle {margin-left:9em;
color: #1d4363;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight:normal;
letter-spacing:0.5px}

.secondrowcheckout {background-color:#1d4363;
padding: 5px 14px 5px 0;
color: #FFFFFF;
text-align:right;
font-weight: bold;
margin-top: 2em}


.checkoutstep {
margin-top: 1em;
padding: 0 0 1em 0}


.checkoutheader {font-weight: bold;
padding: 1em} 

.memberaddress {
background-color: #eee;
padding: 0 1em 1em 1em;
width: 400px;
float: left}

.invoiceaddress {
background-color: #eee;
padding: 0 1em 1em 1em;
width: 400px;
float: right}


.secondrowcheckout a {color: #FFFFFF;
text-decoration: none;
margin-right: 3em}

.secondrowcheckout a:hover {color: #7db2c6;
}

ul.checkoutaddress {margin: 1em 0 1em 0;
padding: 0}

.checkoutaddress li {list-style: none;
display: block;
margin:  0   ;
padding: 5px;
}

.checkoutaddress label
{
width: 12em;
float: left;
text-align: right;
margin: 0 0.5em 0 0.5em;
display: block
}

.checkoutaddress input
{
    width: 200px;
}

span.errorcheckout {
float:right;
color:#FF0000;
font-size: 10px;
margin-right: 4em;
}


p.proceed 
{
    float: right;
    margin: 2em ;
    padding: 2em 0;
}

a.buttonx {border: 1px solid #ccc;
background-color: #1d4363;
padding: 7px 9px;
text-decoration: none;
color: #fff;
margin:0
}

a.buttonx:hover {background-color:#c9d8fc;
color: #333;
}



/*------checkoutsummary--*/

.memberaddress2 {width: 350px;
 float: left;
 border: 1px solid #e5ded6;
  margin: 1em 2em 0 0;
  background-color:#FFFFFF;
  padding: 1em}
  
 
 
 .invoiceaddress2{width: 350px;
 float: left;
 border: 1px solid #e5ded6;
  margin:1em 2em 0 0;
  background-color:#FFFFFF;
  padding: 1em}
  
  .summarytitle {
  font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#7db2c6;
font-style:italic;
}

.ordersummary {padding: 1em 0}
  
  .eventsummary {background-color:#eee;
  padding: 1em}
  
  table.summarytable {width: 885px;
  background-color:#FFFFFF;
  padding: 5px;
  border: none;
  margin: 0 ;
  border: 1px solid #e5ded6;}
  
  
  
  table.summarytable th {text-align:left;
  padding: 10px}
  
  table.summarytable td {padding: 10px;
  text-align:left;
  vertical-align: top}
  
  .payment {float: right; 
  margin: 1em;
  padding: 2em 0}
  
  table.registrationsummary
  {
      width: 495px;
  }
  
  table.registrationsummary tr td 
  {
      vertical-align: top;
      padding: 0 5px 2px 0;
      border-bottom: solid 1px #eee;
      width: 50%;
  }
  

  
 /*---------payment--------*/
 
 .paymentdetails {
margin-top: 1em ;
background-color:#eee}

.payleft {width:500px;
float: left;
padding: 0 0 1em 0}

.payright {width: 300px;
float: right;
margin: 1.5em 1em 1em 0;
padding-right: 1em;
}

.paymentdetails ul {padding: 1.5em 0 0 0;
margin: 0 0 0 0.5em}

.paymentdetails li{list-style: none;
display: block;
margin:  0 ;
padding: 5px;}



.paymentdetails label
{
width: 25em;
float: left;
text-align: right;
margin: 0 0.5em 0 1em;
display: block;

}


.placeorder {float: right;
padding: 2em 0;
margin: 3em 0 1em 1em}
  
/*---------message board-------*/

ul.postmessage {padding: 0;
margin: 0}

.postmessage li {list-style:none;
margin-top: 1em;
}


.postmessage li label {width: 12em;
text-align:left;
float: left;
margin: 0 1em 0 0}

.postmessage li textarea {width: 300px}

.postmessage li input {width: 300px}

.messagetitle {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#7db2c6;
font-style:italic;
}

.dateofposting {font-style: italic;
padding: 1em 0}

.contactname {font-weight: bold;
float: left;
padding-top: 1em}

.contactname2 {float: left;
margin-left: 1em;
padding-top: 1em}

.contactnumber {font-weight: bold;
float: left}

.contactnumber2 {float: left;
margin-left: 1em}

.contactemail {font-weight: bold;
float: left}

.contactemail2 {float: left;
margin-left: 1em}

.expiry {font-weight: bold;
float: left}

.expiry2 {float: left;
margin-left: 1em}

.response {padding: 1em 0}


/*------committees------------*/

ul.editlist {margin:2em 0 0 0;
padding: 0;
}

ul.editlist li {margin: 0 ;
list-style: none;
padding: 0.5em 0;
}

 ul.editlist li a {border: 1px solid #ccc;
background-color: #1d4363;
padding: 7px 9px;
text-decoration: none;
color: #fff;
margin:0;
width: 250px;
display: block}

 ul.editlist li a:hover {color:#7db2c6;}
 
 /*-----meeting summaries ------------*/
 
 .podcastgroup {border-bottom: 1px solid #ccc;
 padding: 0.5em 0;}
 

 

 
 .meetingsubject {font-weight: bold;
 padding: 1em 0 0 0}
 
 .podcast {padding: 2em 0;
 }
 
 .podcast a {background-color:#7db2c6;;
 border: 1px solid #ccc;
 padding: 7px 9px;
 color: #003366}
 
 .podcast a:hover {color: #fff}
 
 
 /*----------forums ----------------*/
 
 table.forum {margin: 1em 0 1em 0;
 }
 

table.forum th 
{
	color: #FFFFFF;
	background-color: #1D4363;
	height: 40px;
}

table.forum td
{
	height: 40px;
	line-height: 14px;
	text-align: center;
	padding: 5px}


table.forum th.left
{
	padding-left: 5px;
	text-align: left;
	
}
table.forum td.left
{
	text-align: left;
}

table.forum td.maincontent
{
	text-align: left;
	padding: 1em 0.5em
}

table.forum td.right
{
	text-align: right;
	padding-right: 1em
}



table.forum tr.alternate td
{
	background-color: #EEEEEE;
	
}

table.forum tr.spacer td
{
	padding: 0;
	height: 5px;
	background-color: #1D4363;	
}

p.icons {margin-top: 2em}

/*---------site map-----*/

ul.sitemap {
margin: 1em 0 0 3em;
padding: 0;
}

ul.sitemap li {line-height: 1.5em;
text-decoration: none}


/*---------refer -------------------*/

.refer li {list-style:none;
margin-top: 1em;
}


ul.refer {margin-top: 3em}

.refer li label {width: 17em;
text-align:left;
float: left;
margin: 0 1em 0 0}

.refer textarea {width: 200px}

.refer input {width: 200px}