/* overall ********************************************/
html{
  overflow: auto;
}
body{
  text-align: center;
  /*background-color: #02596D; /*#fffbed; /* #fff0d7; */ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1em;
  margin: 0;
  padding: 8px;
  /* background-image: url(images/background.jpg) repeat-x; */
  background: url('images/background.jpg') repeat-x #008F73;
}
div{
  margin: 0;
  padding: 0;
}

#wrapper{
  width: 984px;  
  background-color: #ffffff;
  text-align: left;
  padding: 0;
  margin: 0 auto 0 auto;
}


/* header section ***********************/
#topbar{
  background-color: #77aaaa; /* #666699; */
  text-align: left;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 49px;
  background-image: url(images/subudsymbol.gif);
  background-repeat: no-repeat;
}
#topbar .name{
  font-size: 14px; 
  font-weight: bold;
  color: #ffffff; 
  background-color: #6a87cc; /* #D6D3CE; */ 
  letter-spacing: 5px;  
  line-height: 20px;  
  margin: 0 10px 0 55px;
  padding: 2px 0 2px 0;
  height: 20px;
  width: 240px;
  text-align: center;  
}


/* menu *******************************/
#navcontainer{
  padding: 1px 0 1px 55px;
  margin: 6px 0 0 0;
  font-size: 14px;
}
#navcontainer ul{
  padding: 0;
  margin: 0;
  color: white;
  float: left;
  font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { 
  display: inline; 
}
#navcontainer ul li a{
  padding: 1px 9px 0 9px;
  margin: 0;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
  /* height: 15px; */
}
#navcontainer ul li a.lastlink{
  border: 0;
}
#navcontainer ul li a:hover{
  background-color: #369;
  color: #fff;
}
#navcontainer ul li a#current{
  background-color: #6a87cc;;
  color: #fff;
}


/* containers ************************************/
#contentL{
  padding: 0 25px 25px 25px;
  font-size: 90%;
  margin: 0;
  text-align: left;
  background-color: #ffffff;
}
#contentLsmall{
  padding: 0 25px 0 25px;
  font-size: 90%;
  margin: 0;
  text-align: left;
  background-color: #ffffff;
}
#contentC{
  padding: 0 25px 25px 25px;
  font-size: 90%;
  margin: 0;
  text-align: center;
  background-color: #ffffff;
}


/* links tables ********************************/
table.links{
  margin: 0 0 25px 0;
  width: 100%;
  font-size: 90%;
}
table.links th{
  font-size 1.2em;
  font-weight: bold;
  color: #333355;
  background-color: #66CCCC; /* #bbbbdd; */
  padding: 2px 0 2px 20px;
  letter-spacing: 3px;
}
table.links td.left{
  background-color: #99FFFF;
}

/* rental ***************************************/
#rentalwrapper{
  width: 630px;
  margin: 10px auto 10px auto;
}
#rentaltop{
  width: 630px;
}
hr.hrrental{
  border: none 0;
  border-top: 1px dashed #ddd; 
  height: 1px;
}
.plaintext{
  width: 630px;
  padding: 10px 0 10px 0;
  text-align: left;
}
div.section{
  text-align: left;
  border-top: 2px dotted #dddddd;
  padding: 22px 0 22px 0;
}
img.floatright{
  margin: 0 0 0 35px;
  float: right;
}
img.floatrightplain{
  float: right;
}
img.floatleft{
  margin: 0 35px 0 0;
  float: left;
}
div.section h4{
  margin: 0 0 10px 0;
}
h3{
  margin: 10px 0 10px 0;
  font-size: 1.25em;
}
h4{
  margin: 10px 0 10px 0;
  font-size: 1.125em;
}

/* mail forms where mail button exists **********/
.mailform{
  margin: 5px 15px 15px 0;
  padding: 0;
}

/* footer section *******************************/
#bottombar{
  font-size: 11px; 
  color: #dddddd; 
  background-color:  #77aaaa; /* #666699; */
  letter-spacing: 1px;
  padding: 5px 15px 5px 15px;
  margin: 0;
  text-align: center;
  vertical-align: middle;	
  line-height: 1.5em;
}
#bottombar .name{
  color: #206490; /* #D6D3CE; */  
  letter-spacing: 5px;
  height: 20px;
  padding: 0 10px 0 10px;
  width: 240px;
  text-align: center;
}
#bottombar a{
  color: #4444aa;
}


/* general ****************************/
.smaller{
  font-size: smaller;
}

.leftfloat{
  float: left;
}
.leftfloat333{
  float: left;
  width: 290px;
  text-align: center;
}
.leftfloatimg{
  float: left;
  margin: 0 15px 7px 0;
}
.rightfloat{
  float: right;
}
.rightfloatimg{
  margin: 0 0 7px 15px;
  float: right;
}
li.lg{
  padding: 5px 0 5px 0;
}
h1 {    
  font-size: 1.25em; 
  font-weight: normal; 
  color: #a0a0a0; 
  margin: 12px 0 12px 0;
}
.floatleft{
  float: left;
}
.imgfloatleft{
  margin: 0 15px 3px 0;
  float: left;
  font-size: smaller;
  border: 1px solid #aaaaaa;
  padding: 13px 13px 0 13px;
  text-align: center;
  background-color: #f0f0f0;
}
.clear{
  clear: both;
  height: 0;
}
img{
  border: 0;
}
#symbolwrapper{
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #000099;
}
.centered{
  text-align: center;
}
.centered_home{
  text-align: center;
  font-size: 1.1em;
  margin: 15px 0 15px 0;
  padding: 15px 0 15px 0;
}


/* bbq page ***************************/
#datewrapper{
  margin: 0 auto 0 auto;
  text-align: center;
  width: 470px;
}
.date{
  text-align: center;
  float: left;
  width: 153px;
  padding: 3px 0 3px 0;  
  color: #ffffff;
  background-color: #5165DB;
  border-top: 0;
  border-right: 1px solid white;
  border-bottom: 0;
  border-left: 1px solid white;
  font-size: .9em;
  font-weight: bold;
}
#bbq{
  width: 660px;
  padding: 15px 25px 15px 15px;
  border: 1px solid green;
  margin: 25px auto 25px auto;
  background-color: #ddffdd;
}



/* congress page ************************/
#congresswrapper{
  margin: 25px 100px 25px 100px;
  border: 1px solid #dddddd;
  padding: 5px 45px 15px 45px;
}
table.congress_schedule{
  border-collapse: collapse;
  border: 1px solid #bbbbbb;
  margin: 25px auto 45px auto;
  background-color: #efefff;
}
table.congress_schedule td{
  padding: 2px 7px 2px 7px;
  border: 1px solid #dddddd;
}
ul#congress li{
  margin: 7px 0 7px 15px;
}
table.noborders{
  border: 0;
  border-collapse: collapse;
}
table.noborders td{
  border: 0;
}
.congressindented{
  margin: 9px 0 9px 25px;
}
.congressindented2{
  margin: 9px 0 9px 25px;
}
.smallgrey{
  color: #cdcddd;
  font-size: .8em;
}
form#congress_signup{
  background-color: #efefff;
  padding: 5px 15px 15px 15px;
  font-size: .9em;
  border: 1px solid #444466
}
form#congress_signup input.txt1{
  width: 300px;
  margin: 0 0 0 25px;
  height: 15px;
}
#congresswrapper h3{  font-size: 1.5em; }
#congresswrapper h4{  font-size: 1.3em; }
#congresswrapper h5{  
  font-size: 1.1em; 
  background-color: #efefff;
}
form#congress_signup input.txt2{
  width: 440px;
  margin: 0 0 0 25px;
  height: 15px;
}
form#congress_signup td{
  padding: 0;
  margin: 0;
}
form#congress_signup td.label{
  padding: 0 0 0 25px;
  margin: 0;
  font-weight: normal;
}
textarea#childcare{
  width: 440px;
  height: 100px;
}
input.ind{
  margin: 0 7px 0 25px;
}

/* css rollpver images ***************/
.rollover1 a {
  display:block;
  width: 260px;
  height: 197px;
  padding: 0;
  margin: 0;
  background: url("images/congressregisterhover.gif") 0 0 no-repeat;
  text-decoration: none;
}
.rollover1 a:hover { 
  background-position: 0 -197px;
}
.rollover1 a:active {
  background-position: 0 -197px;
}
.rollover2 a {
  display:block;
  width: 260px;
  height: 239px;
  padding: 0;
  margin: 0;
  background: url("images/christchurch2010hover.gif") 0 0 no-repeat;
  text-decoration: none;
}
.rollover2 a:hover { 
  background-position: 0 -239px;
}
.rollover2 a:active {
  background-position: 0 -239px;
}