body, td, th, textarea	{ font-family: Geneva, Arial, Helvetica, helvetica, sans-serif, "MS sans serif";
			  font-size: 14px; 
	        	  line-height: 16px; 
	        	  color: #000; }
textarea                { font-size: 12px;
                          line-height: 14px; }
h1			{ font-size: 24px; 
			  line-height: 24px; }
h2			{ font-size: 20px; 
			  line-height: 20px; }
h3			{ font-size: 14px; 
			  line-height: 14px; }
h4			{ font-size: 12px; 
			  line-height: 14px; }
ul			{ list-style-type: none; }
li			{ list-style-type: none; }

img                     { border: 0; }

#submenu li		{ font-size: 12px;
			  line-height: 14px; }

#header h1		{ font-size: 16px;
			  line-height: 16px;
			  font-family: "Helvetica", helvetica, sans-serif;}

#content h1		{ font-size: 30px;
			  line-height: 40px;
			  font-family: "Helvetica", helvetica, sans-serif;}

#topmenu		{ color: #ffffff; }
#topmenu a:link		{ text-decoration: none; }
#topmenu a:visited	{ text-decoration: none; }
#topmenu a:hover	{ text-decoration: none; }
#topmenu a:active	{ text-decoration: none; }
#topmenu li a		{ font-size: 12px; 
			  color: #ffffff; }


#submenu		{ color: #666; }
#submenu a:link		{ text-decoration: none; }
#submenu a:visited	{ text-decoration: none; }
#submenu a:hover	{ text-decoration: none; }
#submenu a:active	{ text-decoration: none; }

#submenu li a		{ font-size: 12px; }

/* Positioning */

/* Base  */
body			{ margin: 0px; 
			  padding: 0px; }
h1, h2, h3, h4, h5	{ margin: 0px; 
			  padding: 0px; }
ul			{ margin: 0px; 
			  padding: 0px; }
li			{ margin: 0px; 
			  padding: 0px; }

/* Bug-fix div */
.spacer			{ clear: both; 
			  font-size: 1px; 
			  line-height: 1px; }


/* Header */
/* The PNG logo looks much better in Mozilla, Opera and Safari, but IE
 * can't deal with it. We override the image name in the IE CSS file */
#header			{ width: 100%; 
			  height: 36px; 
			  position: absolute; /* fixed */
			  top: 0px; 
			  left: 0px; 
			  z-index: 100; 
			  background-color: #000080;
			  background-image: url(/images/ALDlogo2.png); 
			  background-repeat: no-repeat; }

#header h1		{ height: 20px; 
			  padding: 10px;
			  padding-left: 90px; 
			  padding-top: 12px;
			  color: #ffffff; }

/* There's a seperate CSS file - edit.css which overrides the editbar details
 * when editting is enabled */

#editbar                { visibility: hidden;
                          height: 0px; }

/* IE for Mac breaks if these attributes are on the #topmenu id, rather than
 * just on the ul element. Huge thanks to Neil for working out this one!
 */
#topmenu ul             { white-space : nowrap;
                          position: absolute; /* fixed */
                          top: 14px;
                          right: 4px;
                          z-index: 200; 
                        }

#topmenu ul li          { display: inline; 
                          margin-right: 3px; }
#topmenu ul li a        { padding: 3px 3px 6px 3px; 
                          display: inline; }

#topmenu a:hover        { background-color: #ffffff;
			  color: #000080; }

#submenu		{ position: absolute;
			  left: 0;
			  /* top: 50px; */
			  width: 100px;
			  margin-right: 0;
			  padding: 1em 0 1em 0; 
			  border-width: 0 1px 0 0;
			  border-right-color: #000000;
			  border-style: solid;
}

/* IE gets the block spacing wrong if we don't have a border on the 'li'
   So, we have a border, which we make the same colour as the background.
   Ho hum ... */
#submenu li		{ margin-right: 0px;
                          display: block; 
                          border-width: 1px;
                          border-style: solid;
                          border-color: #ffffff;}

#submenu a		{ display: block;
			  padding: .2em 5px .2em 5px;
			  margin: .1em 0 .1em 0;
			  border-style: solid;
                          border-width: 0;
			  border-right-color: #000000;
			  color: #000000;
			  text-decoration: none;
			  outline-width: 0;
			  text-transform: lowercase;
			  text-align: right;
			}

#submenu a:hover 	{ border-right-width: 5px;
			  padding-right: 4px;
			  margin-right: -4px;
			  border-right-color: #000080;
			}

/* Content */

#content                { padding: 0px 80px 0px 0px; 
                          margin: 40px 0px 20px 140px; }

#content h1		{ margin: 0px 0px 0px -120px; 
                          color: #707070;}

#content h2             { margin: 0 0 0 -30px; }

#content h2.author      { font-style: italic; 
                          font-size: 90%; }

#content h3 {             clear: both;
                          background-color: #000080;
                          color: #ffffff; 
                          padding: .2em; }


#content table th        { border-style: none; }

#content table.showdetails th { text-align: right; }

#content table.contact th { border-style: none; 
                          text-align: right; 
                          vertical-align: top; }
 
#content table.contact  { border-collapse: collapse;
                          border-style: hidden; 
                          margin: .2em 0 0 0em; }

#content table.contact td,th { 
                          padding: .2em;
                          border: inset 1px;
                          font-size: 80% }

#content table.contact th {  
                          font-weight: normal; 
                          font-style: italic;}

#content table.credits {  border-collapse: collapse;
                          border-style: hidden;
                          margin: 1em 0 1em 0em; 
                          width: 100%; }

#content table.credits div.newshead {
			  font-size: 120%;
			  font-weight: bold; }

#content table.credits td, th {  
                          font-size: 80%;
                          padding: .2em 1em .2em 1em; }

#content table.credits th {  
                          background-color: #000080;
                          color: #ffffff; 
                          text-align: left; }

#content table.credits tr.rowB { 
                          background-color: #e6e6e6; }

#content table.form {     border-style: solid;
                          border-width: 1px; 
                          border-color: #000080;
                          background-color: #a0a0ff; 
                          width: auto; 
                          z-index: 50;}

#content table.form caption { 
                          font-size: .8em;
                          line-height: 1em;
                          padding: .5em;
                          background-color: #000080;
                          color: #ffffff; }

#content table.form th {  border-style: none; 
                          vertical-align: top; }

#content table.form td.button { 
                          text-align: center; }

#content table.login {    width: auto; }
#content div.alphalist h3 { 
                          height: 15px; 
                          padding: 2px 0 2px 0;
                          background-color: #d0d0d0;
                          color: #000000;
                          margin-top: 10px; }

#text ul { margin: 1em 0 1em 0;}
#text li {
  margin-left: 1em; 
  padding-left: 10px;
  background: url(/images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}


#content div.mainphoto  { float: right;
                          text-align: center;
                          margin : 0.5em 0em 0.5em 2em;
                          clear : right; }

#content div.largephoto { float: left;
                          text-align: center; 
                          margin-right: auto; 
                          width: auto; }

#content div.caption    { font-size: 70%;
                          line-height: 140%;
                          text-align: center; }

#content div.credit     
                        { font-size: 70%;
                          line-height: 120%;
                          text-align: right; }

#content div.error      { 
                          font-weight: bold;
                          color: #ff0000; }

#content div.thumbnails { clear: right; }

#content div.thumb      { float: left; 
                          padding: .5em; }

#left                   { position: absolute;
                          left: 10em;
                          width: 12em; }

#middle                 { position: absolute;
                          left: 24em;
                          width: 12em; }

#middleright            { position: absolute;
                          left: 38em;
                          width: 12em; }

#right			{ position: absolute;
			  left: 53em;
			  width: 12em; }

#content div.eventdetails { margin: 0 0 0 -30px; }

#content p.quote	{ margin-bottom: 0; }
#content p.attribution	{ margin: 0 0 1em 0;
			  padding: 0 0 0 5em;
                          font-size: 80%;
			}
/* Stuff for the Gallery */

#Container {
	margin:0px 0px 0px 0;
	padding:0px 0px 0px 0px;
	position: relative;
	width: 300px;	/* Initial width */
	height: 300px;	/* Initial height */
	background: black url(sitegraphics/loading.jpg) 50% 50% no-repeat;
	}

/* Stuff for the PHP Calendar used for the Diary */

#phpcalendar {
  margin-top: -1em
}
#phpcalendar table {
  width: 100%;
  border-collapse: collapse;
  clear: both;
}

#phpcalendar h2 {
    margin: 0 0 0em 0;
    text-align: center;
}

#phpcalendar h2 a {
    padding: 4pt 12pt;
    text-decoration: none;
}

#phpcalendar th,
#phpcalendar td {
    vertical-align: top;
    width: 14.2857%;
    font-size: small;
}

#phpcalendar th {
    padding: 0.5em 0.25em;
    font-weight: normal;
    text-align: center;
    color: #555;
}

#phpcalendar td {
    border: 1px solid #e8eae6;
    height: 6em;
    padding: 0px;
}

#phpcalendar td div {
    margin: 2pt;
}

#phpcalendar td div a {
    text-decoration: none;
    font-size: x-small;
    display: block;
}

#phpcalendar td div a span.time {
    font-weight: bold;
    display: block;
}

#phpcalendar td.empty {
    background-color: #f3f4f2;
}

#phpcalendar td.today { 
    border: 2px solid #f00;
}

#phpcalendar td div.date {
    display: block;
    padding: 2pt 3pt;
    margin: 0;
    text-decoration: none;
    letter-spacing: 1pt;
    background-color: #f7fae8;
    color: #748216;
    border: 1px solid #e3ee9a;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

#phpcalendar td div.opening { 
  text-align: right;
  vertical-align: bottom;
  font-size: 80%;
}