/* Layout Stylesheet - header and two cols */

/* Urgent announcements are now in announce.php */


.announce {
    color : Blue;
    text-align : center;
    border:solid #0000FF;
    padding: 10px;
    }

body {
    margin:  0 auto;
    padding: 0;
/*  background: #F2FFFF;    */
    background: #FEEBA7;
    min-width: 992px;
    max-width: 1600px;
    }

/*      Header box          */

#hdr {
/*  height:120px;           /* total = 120 + 12 + 2 = 134 */
/*  background: #CCFFFF;    */
/*  color:#000000;          */
    background: #820503;
    color:#FBE8A9;
    border:solid #000000;
    border-width: 0 0 2px 0;
    margin: 0;
    padding: 6px 0;
    text-align: center;
    }

#hdr table {
    margin: 0 auto;
    border-collapse: collapse;
    width: 80%;
    }

#hdr td {
    padding: 0;
    vertical-align: top;
    }

#hdr img {
    vertical-align: top;
    }

.hd0 {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight : 800;
    font-size   : 30px;
    margin      : 0.4em;
    }

.hd1 {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight : 600;
    font-size   : 15px;
    margin      : 0.4em;
    }

.hd2 {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight : 400;
    font-size   : 12px;
    margin      : 0.4em;
    }


/*      Two columns under header    */

#cols {                             /* table for cols */
    border: none;
    border-spacing: 0;
    vertical-align: top;
    width: 100%;            /* force right col to fill screen */
    table-layout: fixed;    /* ensures col width for menu */
    }

#cols > tbody > tr      {           /* affects child tr only */
    border: none;
    vertical-align: top;
    }

#cols > tbody > tr > td {           /* affects child tds only */
    border: none;
    padding: 0;
    vertical-align: top;
    }

/*      Left (menu) column          */

#lh-col {
/*
    position: absolute;
    top: 147px;
    left: 10px;
*/
/*  position: fixed;           see HeightCheck routine */
/*  top: 134px;                for HeightCheck routine */
    left: 0px;              /* for HeightCheck routine */

/*  opacity: 0.5;           /* not a good idea */

    width: 185px;
    min-width: 185px;
    border: 2px solid #000000;
    background: #FFFFE6;
    color: #333333;
    margin: 12px;
    padding: 0px;
    }

/*      Right (main) column         */

#rh-col {

    position :relative;
/*    margin: 10px 10px 20px 215px;
*/
    margin: 12px;
    margin-left: 0;
    border: 2px solid #000000;
    background: #FFFFE6;
    color: #333333;
    padding: 12px;
    font-family : sans-serif;
    font-size : 14px;
}

#rh-col p, #rh-col li {
    font-family : sans-serif;
    font-size : 14px;
    }

/* Menu layout and colouring */

#list-menu {
    margin-bottom: 12px;
    }

#list-menu table {
    border: none;
    }

#list-menu img {        /* graphics in first column */
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;    /* baseline (default) adds height to container */
    }

#list-menu td {
    margin: 0;
    padding: 0;
    font-family: verdana, arial, sanf-serif;
    font-size: 12px;
    font-weight: bold;
    height: 24px;           /* row spacing to match graphic on left */
    border: none;
    }

#list-menu div {        /* 106 x 22 */
    width:104px;
    border: 1px solid #000000;
    margin: 0;
    padding: 0;
    background: #FFFF66;
    height: 20px;
    }

#list-menu a {          /* 104 x 20 */
    display: block;
    width:  98px;
    height: 17px;
    padding-top: 3px;
    padding-left: 6px;
    }

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
    color: #000000;
    text-decoration: none;
    }

#list-menu a:hover {
    background: #333333;
    color: #ffffff;
    }

#list-menu div.red {
    background : #FFCCCC;
    }

#list-menu div.redder {
    background : #FF9966;
    }

#list-menu div.green {
    background : #CCFF99;
    }

#list-menu div.greener {
    background : #99FF99;
    }

#list-menu div.blue {
    background : #CCFFFF;
    }

#list-menu div.bluer {
    background : #99FFFF;
    }


/* Other presentation elements */

h4  {
    margin:0;
    padding: 5px 0;
    }

/*Roster table */
.roster {
    font-family : "MS Sans Serif", Geneva, sans-serif;
    font-size : small;
    }

.roster td {
    vertical-align : top;
    }

.time {
    background : #E3F0F3;
    }


/*Generated roster tables */
.rostertable {
    font-family : "MS Sans Serif", Geneva, sans-serif;
    font-size : small;
    margin: 0 auto;
    width: 90%;
    border-collapse: collapse;
    outline: black solid 1px;
    }
    
.rostertable th {
    background : #E3F0F3;
    text-align: left;
    border: 1px #7F7F7F solid;
}

.rostertable td {
    vertical-align: top;
    border: 1px #7F7F7F solid;
}

.black {
    margin: 0 auto;
    border: 1px black solid;
    width: 800px;
}
.roster_role {
	font-weight: bold;
	width: 180px;
}

#roster1 td { /* now unused */
    vertical-align: top;
    padding: 1px;
    width: 14em;
    white-space: nowrap;
    }



/* Gallery styles */
div#hlist {
/*  height: 30px;           */
    width: 100%;
    border : 1px solid Black;
    }

div#hlist ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    line-height: 30px;
/*  white-space: nowrap;    */
    }

div#hlist li {
    list-style-type: none;
    display: inline;
    white-space: nowrap;
    padding: 10px;
    }

div#hlist li a {
    text-decoration: none;
    padding: 0;
    }

div#hlist li a:link {
    color: #00F;
    }

div#hlist li a:visited {
    color: #F00;
    }

div#hlist li a:hover {
/*  font-weight: bold;  */
    color: #FFF;
    background-color: #36F;
    }

div#thumblist ul {
    padding : 0;
    }

div#thumblist li {
    display: inline;
    padding: 10px;
/*  width : 160px;  */
    }

div#thumblist img {
    border : 1px solid Black;
    margin-bottom: 10px;
    }

div#fullimage img {
    border : 1px solid Black;
    }

div#navlink a:visited {
    color : Blue;
    }

/*      Extras                      */

A.SafetyA:link, A.SafetyA:visited, A.SafetyA:active {
    color: #F00;
    background-color: #FFF;
    }

ul.default li {
    margin: 8px 0;
    }

.centre {
    text-align: center;
    }

.oops {
    text-align: center;
    color: red !important;
    }
    
.advert {
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 20px !important;
}

/*      Forthcoming events table    */

#mem_cal {
    margin-left: 12px;
    border: 0px solid black;
    border-collapse: collapse;
    }

#mem_cal td    {
    border: 0px dotted gray;
    padding: 4px;
    }

.medium {
	font-size: 14px !important;
}

.smallish {
	font-size: 13px !important;
}

.small {
	font-size: 10px !important;
}

.panel {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	border-collapse:collapse;
	margin: auto;
	border: 1px solid #4E4E44;
	color: #262c31;
	background-color: #ecfffe;
	vertical-align: middle;
	height: 270px;
	}
	
.panel li {
	margin: 10px;
	}
/*		Archived file listings	*/

.small-list {
	font-size: 10px;
}

/*		Misc	*/

.red {
	color: red;
}