/* To navigation bar in gs_header.php*/
.topnavbar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F2D377;
	text-decoration: none;
	background-attachment: fixed;
	background-image:  none;
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	background-color: #267DBF;
}

.off {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #F2D377;
text-decoration: none;
background-color: #217DBD;
}

.on {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
background-color: #217DBD;
}

/* To navigation bar in gs_header.php*/
.sidenavbar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-attachment: fixed;
	background-image:  none;
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.sidenavoff {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #267DBF;
text-decoration: none;
background-color: #FFFFFF;
}

.sidenavon {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}

/* To navigation bar in gs_header.php*/
.photobox {
  float: right;
  width: 25%;
  border: 1px solid #666666;
  margin: 0.5em;
  padding: 0.5em;
}
.photobox p {
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  text-indent: 0;
}

.smallcaptionleft {
display: inline;
float: left;
width: 250px;
margin: 5px;
padding: 5px;
border: solid 1px #ddd;
background: #ffffcc; font-size:90%;
line-height: 100%;
font-style: italic;
}

.smallcaptionright {
float: right;
margin: 5px;
padding: 5px;
width: 250px;
border: solid 1px #ddd;
background: #ffffcc;
font-size:80%;
line-height: 100%;
font-style: italic;
} 


.news1 {
	text-decoration: none;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
	align: justify;
	color: #666666;
}

.news2 {
	text-decoration: none;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #666666;
}

.news3 {
	text-decoration: none;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #666666;
}

.shiftcontainer{
position: relative;
left: 10px; /*Number should match -left shadow depth below*/
top: 10px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 150px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background: url(../images/spacer_grey.gif) repeat;
border: 1px solid #666666;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
  text-align: left;
  font-style: italic;
  font-size: xx-small;
}

</style>

<![endif]>


div.image-container {
align: center;
margin-top: 0.3em;
margin-left: 0.3em;
float: right;
width: 150px;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}
div.image-container img {
background-color: silver;
width: 95%;
align: center;
}
div.image-container div {
text-align: left;
margin-top: 0.3em;
line-height: 9pt;
}
div.image-container span {
font-style: italic;
font-size: xx-small;
font-family: sans-serif;
}
img.scaled {
  width: 100%;
}

div.figure {
  float: right;
  width: 130px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  color:firebrick;
}
div.figure p {
  text-align: left;
  font-style: italic;
  font-size: xx-small;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

blockquote.withquote {
background: url(../images/quote.gif) no-repeat;
background-position:top left;
padding-left:20px;
} 

p.withunquote {
background:  url(../images/unquote.gif) no-repeat;
background-position:bottom right;
padding-right:5px;
}

.blockword {
margin-right:6px;
margin-top:0px;
float:left;
color:white;
background:#C84040;
border:1px solid black;
font-size:30px;
line-height:35px;
padding-top:2px;
padding-right:4px;
padding-left:4px;
font-family:times;
}

.dropcap {
float:left;
color:firebrick;
width:38px;
font-size:48px;
line-height:48px;
padding-top:-2px;
font-family: Times, serif, Georgia;
} 

p {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #666666;
}

.bodytext {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}

.bodytext2 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #666666;
}

.bodytext2:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	text-decoration: underline;
	color: #666666;
}

.bodytext3 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	align: justify;
	color: #FFFFFF;
}

.bodytext3:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	align: justify;
	color: #FFFFFF;
}

.headertext {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #666666;
}

.errortext {
	text-decoration: none;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #FF3300;
}

.footnotetext {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #FFFFFF;
}


.tinytext {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	color: #666666;
}

.tinytext:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	text-decoration: underline;
	color: #666666;
}

.tinytext2 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	text-decoration: none;
	color: #000000;
}

.tinytext2:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	text-decoration: underline;
	color: #000000;
}

.tinytext3 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: small-caps;
	text-transform: none;
	align: justify;
	color: #666666;
}

.tinytext3:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	text-decoration: underline;
	color: #666666;
}

.tinytext4 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: small-caps;
	text-transform: none;
	align: justify;
	color: #FFFFFF;
}

.tinytext4:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	align: justify;
	text-decoration: underline;
	color: #FFFFFF;
}

.tinytext5 {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: small-caps;
	text-transform: none;
	align: justify;
	color: #267DBF;
}

.tinytext5:hover {
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-variant: small-caps;
	text-transform: none;
	align: justify;
	text-decoration: underline;
	color: #267DBF;
}

a.newslist {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10t;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #DE0000;
	border: none;
	padding: 0px;
}

a.newslist:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #DE0000;
	border: none;
	padding: 0px;
}


a.mainlink {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #267DBF;
	border: none;
	padding: 0px;
}

a.mainlink:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #267DBF;
	border: none;
	padding: 0px;
}

a.footnotelink {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #DE0000;
	border: none;
	padding: 0px;
}

a.footnotelink:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #DE0000;
	border: none;
	padding: 0px;
}

a.quicklink {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: none;
	padding: 0px;
}

a.quicklink:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: none;
	padding: 0px;
}

a.quicklink2 {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: none;
	padding: 0px;
}

a.quicklink2:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: none;
	padding: 0px;
}




/* NOTE:  sidelink and email css are to be the same colour - had to do email css separately*/
a.sidelink {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	border: none;
	padding: 0px;
}

a.sidelink:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	border: none;
	padding: 0px;
}

a.totop {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: none;
	color: #DE0000;
}

a.totop:hover {
text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: none;
	color: #DE0000;
}

/* NOTE:  sidelink and email css are to be the same colour - had to do email css separately*/
a.email {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}

a.email:hover {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}

.featuretitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-image:  url(images/spacer_gold.gif);
	padding: 3px;
	margin: 0px;
}

.pagetitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	background-image:  url(images/spacer_gold.gif);
	padding: 3px;
	margin: 0px;
}

.pagesubtitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	background-image:  url(images/spacer_gold.gif);
	padding: 0px;
	margin: 0px;
}

.mainbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #004E60;
	background-color: #F2D377;
}

.contentbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-attachment: fixed;
	background-image:  none;
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #217DBD;
	padding: 5px;
	background-color: #FFFFFF;
	}

.smallcontentbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-attachment: fixed;
	background-image:  none;
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	border: 0px dotted #990000;
	padding: 6px;
	background-color: #FFFABF;
}

.featurebox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #267DBF;
	text-decoration: none;
	background-attachment: fixed;
	background-color: #F2D377;
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #267DBF;
}

.quicklinkbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-attachment: fixed;
	background-image:   url(../images/slices/spacer_grey.gif);
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #990000;
}

.sendpagebox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-image:   url(../images/slices/spacer_red.gif);
	text-decoration: none;
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	width: 175px;
}

.bookmarkpagebox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-image:   url(images/slices/spacer_darkblue.gif);
	text-decoration: none;
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: left top;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	width: 175px;
	height: 30px;
}

.footertext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #004E60;
	background-image:  url(images/slices/spacer_orange.gif);
}


.suboff {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000000;
background-image:  url(../images/slices/spacer_grey.gif);
}

.subon {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #CCCCCC;
background: #CCCCCC;
}

blockquote.withquote {background:url(images/quote.gif)
no-repeat;background-position:top left;padding-left:20px;text-align:justify;} 

p.withunquote {background:  url(../images/unquote.gif) no-repeat;background-position:bottom right;padding-right:5px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */

}
</style>