/* CSS Document */

/*This piece of code sets a background colour, and zero's all of the margins, padding, and borders. These are then changed for each element.*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFFFCC;
}

/*All text is sized in em (by dividing the pixel size by 16) so that the text size will be dependent on users browser settings, this improves accessibility, please ensure all text sizes are set this way.*/

h1 { 
	text-align: center;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.375em;
	font-weight: 800;
	margin: 0;
	padding: 0;
}

h2 { 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 1.25em;
	font-weight: 300;
}
h3 { 
	text-align: center;
	font-family: TrebuchetMS, Tahoma;
	font-size: 1.125em;
	font-weight: 200;
	font-weight: 400;
}
h4 {
	text-align: center;
	font-family: TrebuchetMS, Tahoma;
	font-weight: 200;
}

h5 { 
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: 100;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 200;
	text-align: center;
}

fieldset p {
	text-align: left;
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: 200;
}

table {
border-collapse: collapse;
}



.left {
	text-align:left;
}

.right {
	text-align: right;
}

.centre {
	text-align: center;
}

.bold {
	font-weight: bold;
}

/*table class, assigned in html to add automatic scrollbars to table*/
.table {
overflow: auto;
}

td {
border-right: solid #000000 1px;
border-left: solid #000000 1px;
border-top: solid #000000 1px;
border-bottom: solid #000000 1px;
}

td a:link {
color: #0000CC;
}

.error {
	color: #FF0000;
	}

.faq {
text-align: center;
border-style: none;
}

.faq span {
display: none;
}

/*.faq:active  span {
display: block;
color: #000000;
text-decoration: none;
}*/

.faq:hover span {
display: block;
color: #000000;
text-decoration: none;
}

/* This is for firefox so that the text is displayed after releasing mouse*/
.faq:focus  span {
display: block;
color: #000000;
text-decoration: none;
}

a {
outline: none;
}

a:link {
	color: #FFFF99;
	text-decoration: none;
	border-style: none;
}
	

a:active {
	color: #FFFF99;
	text-decoration: underline;
	border-style: none;
	}
	
a:visited {
	color: #FFFF99;
	text-decoration: none;
	border-style: none;
	}
	
a:hover {
	color: #FFCC0C;
	text-decoration: underline;
	border-style: none;
	text-indent: 0;
}

a:focus {
	color: #FFCC0C;
	text-decoration: underline;
	border-style: none;
	text-indent: 0;
}

a:visited:hover {
	color: #FFCC0C;
	text-decoration: underline;
	border-style: none;
	}
	
a img{
	border: solid transparent;
}

a:hover img{
	border: solid #FFCC0C;
}

a:focus img{
	border: solid #FFCC0C;
}
	
input[type="text"] {
 color: #000000;
 background-color: #E9ED92;
}

textarea {
 color: #000000;
 background-color: #E9ED92;
}

input[type="password"] {
 color: #000000;
 background-color: #E9ED92;
}

input:focus, select:focus, textarea:focus {
background:white;
color:black; 
}

fieldset { 
	border:1px solid #FFF;
	padding: 20px;
}

legend {
  padding: 0.4em;
  margin: 1EM;
  border:1px solid #FFF;
  color: #FFF;
  font-size:90%;
  text-align:right;
  }

	
/*This is the start of the layout CSS, be careful what you change as it will effect the layout of the page, even with what may seem small changes.*/

#leftshadow {
	position: absolute;
	left: 15px;
	/*margin-right: 10px;*/
	background: url(images/leftshadow.jpg) repeat-y;
	width: 12px;
}

#rightshadow {
	position: absolute;
	right: 15px;
	/*margin-left: 10px;*/
	background: url(images/rightshadow.jpg) repeat-y;
	width: 12px;
}

#header {
	margin: 0 25px;
	padding: 0;
	border: solid #7EAEAE 10px;
	border-bottom: 0;
	background: center url(images/GLA_banner2.jpg) #a6cc65 no-repeat;
	height: 163px;
}

#hornavcont {
	top: 183px;
	margin: 0 25px;
	padding: 0;
	border-left: solid #7EAEAE 10px;
	border-right: solid #7EAEAE 10px;
	background: #a6cc65;
	height: 25px;
	overflow: hidden;
}

#hornavcont ul{
list-style: none;
margin: 0;
padding: 0;
}

#hornavcont li{
	margin: 0;
	padding: 0;
	display: inline;
}

#hornavcont a {
	font-weight: bold;
	text-decoration: none;
	}
	
#hornavcont #currentpage a {
	color: #000000;
	}


#content {
	top: 198px;
	margin-right: 175px;
	margin-left: 175px;
	background: url(images/bg_grad_preamb_1500.jpg) repeat-x #7EAEAE;
	border: 0;
	padding-left: 5%;
	padding-right: 5%;
}

#leftnav {
	position: absolute;
	top: 198px;
	border: 0;
	border-left: solid #7EAEAE 8px;
	border-right: solid #ffcc0c 1px;
	background: url(images/bg_grad_preamb_1500.jpg) repeat-x #7EAEAE;
	width: 140px;
	left: 27px;
	padding-top: 50px;
	padding-left: 10px;
}

#leftnav ul{
list-style: none;
margin: 0;
padding: 0;
}

#leftnav li{
	margin: 0;
	padding: 0;
}

#leftnav a {
	font-weight: bold;
	text-decoration: none;
	}
	
#leftnav #currentpage a {
	color: #000000;
	}

#rightpane {
	position: absolute;
	top: 198px;
	width: 140px;
	background: url(images/bg_grad_preamb_1500.jpg) repeat-x #7EAEAE;
	border: 0;
	border-right: solid #7EAEAE 8px;
	border-left: solid #ffcc0c 1px;
	right: 27px;
	padding-top: 50px;
}

#rightHeader {
	background-color:#FFCC33;
	background-position:center;
	background-image:url(../images/rpaneHead_bg.gif);
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
}

#footer {
	clear: both;
	margin: 0 25px;
	border: solid #7EAEAE 10px;
	border-top: solid #7EAEAE 1px;
	background-color: #7EAEAE;
	height: 115px;
	text-align: center;
}

#footer #currentpage a {
	color: #000000;
}

#Fadmin {
	width: 95%;
	position: absolute;
	background: url(images/bg_grad_preamb_1500.jpg) repeat-x #7EAEAE;
	border: 0;
	padding-left: 5%;
	padding-right: 5%;
	min-height: 100%;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/*Lightbox CSS end*/