/* Title: CS_style.css Description: main style sheet for Conch. Soc. website 17 Nov. 2007 */
html {
     padding:0px;
     margin:0px;
     }

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

#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;
        }
#menubar{
        margin:auto;
        width: 100%;
        background-color: #228b22;
        text-align: center;
        border:3px outset #a9a9a9;
        padding-bottom: 4px;
        padding-top: 4px;
        }
      a.menubutton{
        font-family: "MS Sans Serif", Arial, sans-serif;
        font-size:0.8em;
        background-color: #228b22;
        border: 1px solid #e0e0e0;
        color: #ffffff;
        left: 0px;
        margin: 1px;
        text-decoration: none;
        top: 0px;
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 1px;
        padding-top: 1px;
        }

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

#headermenu {
    text-align: center;
    font-size: 0.8em;
	clear: both;
	background-color: #008000;
	color: white;
	margin: 0;
    }

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

#breadcrumb     /*-------------- Breadcrumb trail-------------------------------------*/
{  /*	background: #DCDCDC;        */
	margin: 0;
	padding: 0;
}
#breadcrumb ul{
	margin: 0;
	padding: 0;
}
#breadcrumb li{
	display: inline;
	margin:0;
	padding:0;
    font-size: 0.8em;
}
#breadcrumb li a:link { color: blue; text-decoration: none; }
#breadcrumb li a:visited { color: purple; text-decoration: none;}
#breadcrumb li a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}         /*-------------------------End of breadcrumb trail-------------------------*/
#pageIndex     /*-------------- Breadcrumb trail used as index for some pages   ----*/
{  /*	background: #DCDCDC;        */
	margin: 0;
	padding: 0;
}
#pageIndex ul{
	margin: 0;
	padding: 0;
}
#pageIndex li{
	display: inline;
	margin:0;
	padding:0;
    font-size: 0.8em;
}
#pageIndex li a:link { color: blue; text-decoration: none; }
#pageIndex li a:visited { color: purple; text-decoration: none;}
#pageIndex li a:hover { color: #008000; text-decoration: underline; background-color: #ffffff;}         /*-------------------------End of pageIndex breadcrumb trail-------------------------*/
#menu{
     position: absolute;
     width: 140px;
     left: 10px;
     margin:0px;
     padding-top: 60px;
     text-align:center;
     }
#menu ul{
  margin:0;
  padding:1em 0 1em 0;
  list-style: none;
}
#menu li{
  background-color: #228b22;
  border:3px outset #a9a9a9;
  margin-bottom:0.3em;
}
#menu a {
        font-size:0.8em;
        line-height:2;
        }

#menu a:link { color: #ffffff; text-decoration: none; font-size:0.8em;line-height:1.2em; }
#menu a:visited { color: #ffffff; text-decoration: none; font-size:0.8em;line-height:1.2em;}
#menu a:hover { color: #008000; text-decoration: underline; background-color: #ffffff; font-size:0.8em;line-height:1.2em;}
 /*---------------------    End of menu------------------------------------*/
#menuLeft{                 /*---------------Used for meetings.php----------*/
     position: absolute;
     width: 250px;
     left: 10px;
     margin-top:20px;
     padding-top: 60px;
     font-size:0.9em;
}
#diary{                     /*---------------Used for meetings.php----------*/
    margin-left: 250px;
    padding: 0px 10px 10px 10px;
    font-size: 0.9em;
}
.content
{
    margin-left: 140px;
    padding: 0px 10px 10px 10px;
    font-size: 0.9em;
}
.content img{
   border:1px solid black;
}
.divcontent{
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  word-spacing: 1px;
  text-indent: 3em;
  margin-bottom: 0.5em;
  }
p{             /* borders and backgrounds used to check design can later be commented out*/
/*  border:1px solid black;
  background:rgb(218,218,218);  */
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  padding:0.5em;
  word-spacing: 1px;
}
p.imageLeft{
  float:left;
  width: 22%;
  margin:0;
  text-align: center;
  }
p.imageCentreLeft{
  float:left;
  width: 30%;
  margin:0;
  text-align: center;
  }
p.imageRight{
  float:right;
  width: 22%;
  margin:0;
  text-align: center;
}
p.imageCentreRight{
  float:right;
  width: 30%;
  margin:0;
  text-align: center;
}
p.textLeft{
  float:left;
  width:72%;
  margin:0;
}
p.textCentreLeft{
  float:left;
  width:65%;
  margin:0;
}
p.textRight{
  float:right;
  width:72%;
  margin:0;
}
p.textCentreRight{
  float:right;
  width:65%;
  margin:0;
}
p.VimageLeft{             /* ------- Used for the Vertigo I.D. pages and some others ---------*/
  float:left;
  text-align:center;
  margin-left:5%;
  margin-bottom:0;
  padding-right: 1.5em;
  padding-bottom:0;
}
p.VimageRight{            /* ------- Used for the Vertigo I.D. pages  and some others---------*/
  float:right;
  text-align:center;
  margin-right:5%;
  margin-bottom:0;
  padding-left: 1.5em;
  padding-bottom:0;
}
p.VtextLeft{              /* ------- Used for the Vertigo I.D. pages  and some others---------*/
  margin-top:5em;
  margin-left:5%;
  padding-top:2em;
}
p.VtextRight{             /* ------- Used for the Vertigo I.D. pages  and some others---------*/
  margin-top:5em;
  margin-right:5%;
  padding-top:2em;
}
h1, h2, h3, h4, h5,{
  margin:0;
  clear:both;
}
h1{
   padding:0.5em 1.1em;
   font-size:1.5em;
   text-align:center;
}
h2{
  margin:0 1.2em;
  padding:0.9em 1.1em 0;
  font-size:1.3em;
}
h3{
  font-size:1.2em;
}
h4{
  font-size:0.8em;
}
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;
}
/*  img {
  border:solid 1px black
}   */

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

 td.speciesListItalic{ /*--------------Italic for names of species---------------*/
        width: auto;
        font-style: italic;
        font-weight: normal;
        font-size: 9pt;
        text-align: left;
        padding-left: 10px;
        }
        td.speciesListNormal{  /*-------------Normal as required----------------------*/
        width: auto;
        font-style: normal;
        font-weight: normal;
        font-size: 9pt;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        }

.tdname{        /*---------------------- Used in eminents -------------------------*/
       font-size:1.1em;
       font-weight: bold;
       vertical-align: bottom;
      }
.tdpapers{
       font-size:1em;
       font-weight:normal;
       vertical-align: top;
       padding-left: 2em;
      }
/*------------------------------------------Footer-------------------------------------*/
#footer
{   font-size: 0.8em;
    padding: 10px;
	color: #000000;
	text-align: center;
    font-style: normal;
    border-top: thin solid #808080;
    background: #f5f5f5;
}