* {margin: 0; padding: 0;}

/* BASIC LAYOUT DIVS  */
body { background-color: #555555; text-align: center; min-width: 800px; font-family: sans-serif; font-size: 15px; font-weight: normal; text-align: left; color: #000066; } 

div#midsection {position: relative; width: 800px; margin-left: auto; margin-right: auto; /*#636332; #990066;*/  }
div#logarea { position: relative; width: 800px; height: 18px; z-index: 1; color:white; font-family: sans-serif; font-size: 13px; font-weight: normal; text-align: right; } 
div#logarea a {color: #FFFFCC;}
div#logarea2 {display: none; position: absolute; top: 5px; left: 5px; width: 230px; height: 100px; z-index: 100;  color: #000066; font-family: sans-serif; font-size: 10px; text-align: left; background: #FFFFCC; border: #555555 medium solid;}
div#logarea2 input {font-family: sans-serif; font-size: 10px; margin: 1px;}
div#bannerbox { position: relative; width: 800px; height: 177px; z-index: 1; } 
div#menubackground {position: relative; width: 800px; height: 30px; z-index: 1;} 
div#content {position: relative; width: 790px; background-color: white; padding: 5px; }
div#contenttitle {margin: 10px 0px 0px 10px; width: 780px;  height: 35px; float: left; }
div#footerbox {position: relative;  width: 780px; height: 50px; background-color: #000033; color: white; font-size: smaller; padding: 10px;}
div#iframe {background-color: #FFFFCC;}
div#share {position: absolute; left: 750px; top: 10px; }
div#updatedate {position: relative; width: 790px; float:left; text-align: center; font-size: 10px; color:#000033;}

/* change appearance of all input fields and buttons */
/*div#content  input {background: red; width: 300px; margin: 3px;}*/
/*div#content select {background: red; width: 300px; margin: 3px;}*/

/* containers to keep blocks in rows */
.container25 {position: relative; width: 197px; float:left;}
.container50 {position: relative; width: 395px; float:left;}
.container75 {position: relative; width: 592.5px; float:left;}
.container100 {position: relative; width: 790px; float:left;}

/* containers to keep blocks in columns */
.subcontent25 {position: relative; width: 187px; float:left; margin: 0px 5px 0px 5px; }
.subcontent50 {position: relative; width: 385px; float:left; margin: 0px 5px 0px 5px ; }
.subcontent75 {position: relative; width: 582.5px; float:left; margin: 0px 5px 0px 5px ; }
.subcontent100 {position: relative; width: 780px; float:left; margin: 0px 5px 0px 5px ; }

/* CURVED BOX DIVS  */
/* first the boxes of diff sizes... */
.t25  {background: url(../images/dot.gif) 0 0 repeat-x; width: 187.5px; float: left; margin: 5px 0px 5px 0px; background-color: #FFFFCC; }
.t50  {background: url(../images/dot.gif) 0 0 repeat-x; width: 385px; float: left; margin: 5px 0px 5px 0px; background-color: #FFFFCC; }
.t75  {background: url(../images/dot.gif) 0 0 repeat-x; width: 582.5px; float: left; margin: 5px 0px 5px 0px; background-color: #FFFFCC; }
.t100 {background: url(../images/dot.gif) 0 0 repeat-x; width: 780px; float: left; margin: 5px 0px 5px 0px; background-color: #FFFFCC; }
.t25b  {background: url(../images/dot.gif) 0 0 repeat-x; width: 187.5px; float: left; margin: 5px 0px 5px 0px; background-color: #B7DBD9; }
.t50b  {background: url(../images/dot.gif) 0 0 repeat-x; width: 385px; float: left; margin: 5px 0px 5px 0px; background-color: #B7DBD9; }
.t75b  {background: url(../images/dot.gif) 0 0 repeat-x; width: 582.5px; float: left; margin: 5px 0px 5px 0px; background-color: #B7DBD9; }
.t100b {background: url(../images/dot.gif) 0 0 repeat-x; width: 780px; float: left; margin: 5px 0px 5px 0px; background-color: #B7DBD9; }

/* CURVED BOX DIVS FOR PICTURES */
.p25  {width: 187.5px; float: left; margin: 5px 0px 5px 0px; }



/* then the lines and curves */
.b {background: url(../images/dot.gif) 0 100% repeat-x;}
.l {background: url(../images/dot.gif) 0 0 repeat-y;}
.r {background: url(../images/dot.gif) 100% 0 repeat-y; }
.tl {background: url(../images/tl.gif) 0 0 no-repeat; }
.bl {background: url(../images/bl.gif) 0 100% no-repeat;  }
.br {background: url(../images/br.gif) 100% 100% no-repeat;  }
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding: 10px; }
.tlb {background: url(../images/tlb.gif) 0 0 no-repeat; }
.blb {background: url(../images/blb.gif) 0 100% no-repeat;  }
.brb {background: url(../images/brb.gif) 100% 100% no-repeat;  }
.trb {background: url(../images/trb.gif) 100% 0 no-repeat; padding: 10px; }

/* white outer corners */
.ptl {background: url(../images/tlwhite.gif) 0 0 no-repeat; }
.pbl {background: url(../images/blwhite.gif) 0 100% no-repeat;  }
.pbr {background: url(../images/brwhite.gif) 100% 100% no-repeat;  }
.ptr {background: url(../images/trwhite.gif) 100% 0 no-repeat; padding: 10px; }

/* BOXEND TO FORCE BOXES TO FLOW TO END OF A FLOAT. HAS TO BE PLACED JUST BEFORE CLOSING 8 BOXES */
.boxend {clear: both; height:1px;}

/* DIVIDING LINE FOR BOXES */
.line25  {background:url(../images/dotblack.jpg) 0 100% repeat-x; width: 167.5px; height: 5px;}
.line50  {background:url(../images/dotblack.jpg) 0 100% repeat-x; width: 365px;   height: 5px;}
.line75  {background:url(../images/dotblack.jpg) 0 100% repeat-x; width: 562.5px; height: 5px;}
.line100 {background:url(../images/dotblack.jpg) 0 100% repeat-x; width: 760px;   height: 5px;}

/* IMAGE FLOAT PROPERTIES */
.imgfloatleft {margin-right: 10px; float: left; clear:left; }
.imgfloatright {margin-left: 10px; float: right; clear:right;}
.footerimg {float: right; clear: right; }
.imgsubcontent25 {margin: 5px 5px 5px 5px;}

/* TEXT FORMATTING */
h1 {font-size: 23px; font-weight:bold; margin: 0;}
h2 {font-size: 21px; font-weight:bold; margin: 0;}
h3 {font-size: 19px; font-weight:bold; margin: 0;}
h4 {font-size: 17px; font-weight:bold; margin: 0;}
h5 {font-size: 13px; font-weight:bold; margin: 0;}
h6 {font-size: 11px; font-weight:bold; margin: 0;}
.ha {font-size: 23px; font-weight:bold;	margin: 0;}
.hb {font-size: 21px; margin: 0;}	
.hc {font-size: 19px; 	}	
.hd {font-size: 17px; 	}	
.he {font-size: 13px; 	}	
.hf {font-size: 11px; 	}	
a {font-weight: bold; color:#330000; text-decoration: none;}
a.more {font-size: 13px; font-weight: bold; color:#330000; text-decoration: none;}

#content ul.normal {list-style: circle; margin-left: 20px;}
#content ol.normal {list-style: decimal; margin-left: 30px;}
.papyrus {font-family: papyrus, sans-serif; font-size: 20px; font-weight: 600;}

.emlink a {text-decoration: none;	color: white}
.emlink a:hover {text-decoration: none; color: silver; }

/* TABLE FORMATS */
table.basic { text-align: center; border: 1px #d79900 solid; border-collapse: collapse; border-spacing: 0px; }
table.basic td {background-color: 	#C9C299; color: #000; padding: 4px; text-align: left; border: 1px #fff solid;}
table.basic td.r {background-color: 	#C9C299; color: #000; padding: 4px; text-align: right; border: 1px #fff solid;}
table.basic td.c {background-color: 	#C9C299; color: #000; padding: 4px; text-align: center; border: 1px #fff solid;}
table.basic td.head {background-color: #000033; color: white; padding: 4px; text-align: left; border: 1px #fff solid;}
table.basic td.headr {text-align: right; background-color: #000033; color: white; padding: 4px; border: 1px #fff solid;}
table.basic td.headc {text-align: center; background-color: #000033; color: white; padding: 4px; border: 1px #fff solid;}

/*  PAGE SPECIFIC CSS  */
/*  INDEX  */
.imgback_marks {background: url(../images/flags167x239.jpg) 0 0 no-repeat ; height: 239px;}
.imgback_wsgb {background: url(../images/wsgb_115_1.jpg) 0 0 no-repeat ; height: 239px;}

/*  BULLETIN CONTENTS  */
.paper {position: relative; width: 562.5px; margin-top: 10px;}
.papertitle { font-size: 13px; font-weight: bold; /*color:#330000;*/}
.pdf {margin-left: 25px; margin-top: 5px; font-size:12px; font-weight:normal; }
.paperauthor {margin-left: 15px; font-size:11px; font-weight:normal; }

/*  CONFERENCE FORMS  */
.formelement {position: absolute; left: 200px; margin: 3px;}
.formelement100 {position: absolute; left: 100px; margin: 3px;}

/*  CONFERENCE REGISTRATION TABLES  */
.tabcol {width: 80px; float: left; /*border: solid black thin;*/}
.tabcell {height: 40px; border: solid black 1px; margin: 0px; padding: 0px;}
.toprow {background:url(../images/pixel000033.gif) repeat; color: white; height: 100%; }
.tabcellblank {height: 40px; border: solid black 1px; margin: 0px; padding: 0px; background:url(../images/pixel000033.gif) repeat;}

/*  COLOUR RING PAGES  */
.cmholder {width: 120px; float: right; border: gray dashed 1px; margin-left: 5px; font-size: 12px; font-weight:bold;}
.cmholderl {width: 120px; float: left; border: gray dashed 1px; margin-left: 5px; font-size: 12px; font-weight:bold;}
.cmcol {width: 60px; float: left; text-align: center; }
.cmcelltl {height: 60px; border-bottom-style: solid; border-bottom-color: gray; border-bottom-width: 2px; border-right-style: solid; border-right-color: gray; border-right-width: 2px; margin: 0px; padding: 0px;}
.cmcellbl {height: 60px; border-top-style: solid; border-top-color: gray; border-top-width: 2px; border-right-style: solid; border-right-color: gray; border-right-width: 2px; margin: 0px; padding: 0px;}
.cmcelltr {height: 60px; border-bottom-style: solid; border-bottom-color: gray; border-bottom-width: 2px; border-left-style: solid; border-left-color: gray; border-left-width: 2px; margin: 0px; padding: 0px;}
.cmcellbr {height: 60px; border-top-style: solid; border-top-color: gray; border-top-width: 2px; border-left-style: solid; border-left-color: gray; border-left-width: 2px; margin: 0px; padding: 0px;}

/*  MEMBER DETAILS FORMS  */
/* change appearance of all input fields and buttons */
.memberform  input {width: 300px; margin: 3px;}
.memberform select {width: 300px; margin: 3px;}
.memberform  .button {width: auto;}

/* COLOUR-MARK REGISTER SPECIES PAGES */
.schemebox {height: 350px;}
.schemetitlebox {width:558px; height: 20px; font-weight:bold; padding: 2px;}
.diagrambox {float: left; width:210px; padding: 5px;}
.diagramelementright {border: none; display: block;}
.diagramelementleft {float: left; border: none; display: block; margin-right: 10px;}
.schemetextbox {float: right; width:290px; padding: 5px;}
.schemetextboxwide {float: right; width:500px; padding: 5px; margin-top:25px;}
.cmformsection1 {height: 30px;} 
.cmformsection90 {height: 90px;} 
.cmform  {width: 300px; position: absolute; left: 200px; margin: 5px;}
.cmformnarrowgrey  {width: 100px; position: absolute; left: 200px; margin: 5px; background: gray;}