html {
     padding:0px;
     margin:0px;
     }

body {
     font-family: Arial, Helvetica, sans-serif;
     padding: 0px 20px;
     margin: 0px;
     background: #f5f5f5;
     margin-top: 10px;
     color: black;
}

#updated{
  font-size:8pt;
  font-weight:bold;
  color:#00c05c;
  margin-top:2em;
}

#header{     /*------------------Used within CS_header.inc --------*/
	width:100%;
   	height: 75px;
    margin-bottom: 16px;
}

#wrapper{     /*-------------This contains the colored banner, Society name, logo, etc.---- */
	width: 100%;
    border: 3px outset #a9a9a9;
}

#headerImageLeft{ /*------------------Used within CS_header.inc -----*/
	float: left;
	padding: 0.2em 0 0.2em 0.2em;
}
#headerTitle{  /*------------------Used within CS_header.inc -----*/
	text-align: center;
	color:#ffffff;
	font-size: 1.4em;
	font-weight: normal;
 	background-color: #00c05c;  /* ---Necessary to maintain same colour as logo background----*/
    padding-bottom: 8px;
    padding-right:4em;
}
#tagLine{      /*------------------Used within CS_header.js----(now CS_header.inc)-----*/
        text-align: center;
        color:#006600;
        font-size: 12pt;
        background-color: #00c05c;  /* ---Necessary to maintain same colour as logo background----*/
        padding-bottom: 2px;
        padding-right:6em;
        font-style: italic;
        font-family: "Times New Roman", Times, serif;
        }

#frame {
  width:auto;
  margin-top:0px;
  text-align:left;
}

#top {
  width: auto;
/*  background: #CCFFCC;
  border: 1px dashed #CCCCCC;  */
  padding: 0px 10px 3px 10px;
  margin-top: 0px;
}

#top a:link { color: blue; text-decoration: none; }
#top a:visited { color: purple; text-decoration: none;}
#top a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}

.lower {
  width: auto;
  padding: 0px 10px 0px 10px;
  margin-top: 0px;
  font-size: 11pt;
}
.lower a:link { color: blue; text-decoration: none; }
.lower a:visited { color: purple; text-decoration: none;}
.lower a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}

.main {
  margin-left:200px;
/*  background: #ffcc00;  */
}

.main ul{
  margin: 10px 0px 5px 10px;
  padding: 3px 5px 0px 5px;
  background:#f5f5f5;
  list-style: none;
  font-size: 11pt;
  border: 1px solid black;
}
.main li{
/*  background-color: #228b22;*/
  border:2px outset #d3d3d3;
  margin-bottom: 3px;
  padding-bottom:2px;
}

.main li.contentGrey {
  font-variant: small-caps;
  background-color: #dcdcdc;
  margin-bottom:6px;
}

.main li.contentClear {
  background:#ddeeff;
}

.main a:link { color: blue; text-decoration: none; }
.main a:visited { color: purple; text-decoration: none;}
.main a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}

.main p{
  background-color: #f5f5f5;
  margin-top:0px;
  font-size:11pt;
/*  border: 1px solid black; */
  padding-top:3px;
  padding-left:10px;
}
.main div{
  font-size: 11pt;
}

#leftcontent {
  position: absolute;
  width: 200px;
  left: 10px;
  margin:0px;
  text-align:center;
/*  background: #FFFFCC;
  border: 1px dashed #CCCCCC; */
}

#leftcontent ul{
  margin: 10px 0px 5px 10px;
  padding: 3px 5px 0px 5px;
  background:#d6d6e1;
  list-style: none;
  font-size: 11pt;
  border: 1px solid #a9a9a9;
  border-style: inset;
}
#leftcontent li{
  border:2px outset #d3d3d3;
  margin-bottom: 3px;
  padding-bottom:2px;
}

#leftcontent li.contentGrey {
  font-variant: small-caps;
  background-color:#dcdcdc;
  margin-bottom:6px;
}

#leftcontent li.contentClear {
  background:#e5e5f5;
}

#leftcontent a:link { color: blue; text-decoration: none; }
#leftcontent a:visited { color: purple; text-decoration: none;}
#leftcontent a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}

#rightcontent {
  float: right;
  width: 220px;
/*  background: #DDEEFF;
  border: 1px dashed #CCCCCC;  */
  padding: 0px;
  margin: 0;
  text-align:center;
}

#rightcontent ul{
  margin: 10px 0px 5px 10px;
  padding: 3px 5px 0px 5px;
  background:#d6d6e1;
  list-style: none;
  font-size: 11pt;
  border: 1px solid #a9a9a9;
  border-style: inset;
}
#rightcontent li{
  border:2px outset #d3d3d3;
  margin-bottom: 3px;
  padding-bottom:2px;
}

#rightcontent li.contentGrey {
  font-variant: small-caps;
  background-color:#dcdcdc;
  margin-bottom:6px;
}

#rightcontent li.contentClear {
  background:#e5e5f5;
}

#rightcontent a:link { color: blue; text-decoration: none; }
#rightcontent a:visited { color: purple; text-decoration: none;}
#rightcontent a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}

div.clearing{      /* Now used to prevent the following paragraphs rising between floated paras and to prevent search engines treating it as a true heading*/
  margin:0px;
  font-size:0px;
  padding: 0px;
  clear: both;
}

#footer{
  margin-top: 2em;
  clear:both;
  font-size: 8pt;
  padding: 10px;
  color: #000000;
  text-align: center;
  font-style: normal;
  border-top: thin solid #808080;
}

#footer a:link { color: blue; text-decoration: none; }
#footer a:visited { color: purple; text-decoration: none;}
#footer a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}

/*----------------------------------------------Headings-------------------------------------------------*/
    h1 {
        font-size:16pt;
        padding-top: 10px;
        text-align: center
        }
    h2 {
        font-size:12pt;
        padding-top: 10px;
        text-align: left;
        }
    h3 {
        font-size:10pt;
        padding-top: 10px;
        text-align: left;
        font-style: italic
        }
    h4 {
        font-size:11pt;
        padding: 0px;
        text-align: left;
        font-weight: bold;
        margin-bottom:0px;
        }
    h6{
        margin: 0;
        clear: both;
        padding:1px;     /* Previously used to prevent the following paragraphs rising between floated paras, BUT see below.*/
        font-size:0.08em;
        }
    div.clearing{      /* Now used to prevent the following paragraphs rising between floated paras and to prevent search engines treating it as a true heading*/
        margin:0px;
        font-size:0px;
        padding: 0px;
        clear: both;
        }
    .holder{
        background-color: transparent;
        text-align: left;
        font-size: 10pt;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #778899;
        border-left: 1px solid #a9a9a9;
        border-right: 1px solid #778899;
        }
    .holder a:link { color: blue; text-decoration: none; }
    .holder a:visited { color: purple; text-decoration: none;}
    .holder a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}
    .holderTitle{
        text-align:center;
        background-color: #dcdcdc;
        color:#000000;
        font-size: 10pt;
        font-variant: small-caps;
        }
    .holderLeft{
        padding-top:2px;
        padding-bottom:3px;
        text-align:left;
        width:70%;
        float: left;
        margin-bottom:0.2em;
        }
    .holderRight{
        padding-top:2px;
        padding-bottom:3px;
        text-align:right;
        float:right;
        margin-bottom:0.2em;
        }
    a.categoryButton{
        margin-right:2px;
	    text-align:left;
        font-weight:normal;
        font-size:11pt;
        font-variant: small-caps;
        background-color:#dcdcdc;
        border:2px outset #d3d3d3;
        padding-left:4px;
        padding-right:4px;
        }
    a:link.categoryButton { color: blue; text-decoration: none; }
    a:visited.categoryButton { color: purple; text-decoration: none;}
    a:hover.categoryButton { color: #008000; text-decoration: underline; background-color: #ffffff;}
    .categorytrans{
        background-color: transparent;
        }