/**************
 * entire page
 **************/

body {
	margin: 0;
	text-align: center;
	background-color: rgb(64,58,50);																/* dark background behind whole site */
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-size/**/:/**/small;
}
a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #900;
	text-decoration:	underline;
	font-size:	11px;
	font-weight: bold;
}
a:hover {
  text-decoration:	underline;
 }
a img {	border: 0;
}
ul, ul li {
	list-style: none;
}
div#container, div#photocontainer {
	position: relative;
	margin: 0 auto;
	border: 5px solid;
	padding-top: 146px;						/*to move it down below header image*/
	text-align: left;
	width: 750px;
	width/**/:/**/740px;
	background: no-repeat left top url(../images/header_background.gif);
	background-color: #dfdcd9;																														/* sets bg behind main part of all pages */
}

div#photocontainer {								/* this controls display of individual photos without the nav bar and header image */
	margin: 40px auto;
	padding-top: 15px;						
	background-image: none;
}

textarea, input {
	border: 1px solid rgb(108,119,128);
	background-color: rgb(248,250,252);
	color: rgb(89,81,70);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input:hover, input:focus, textarea:hover, textarea:focus {	
	border-color: rgb(129,0,38);
}
input.send {
	border-color: rgb(248,250,252);
	background-color: rgb(129,0,38);
	color: rgb(248,250,252);
	font-weight: bold;	
}

/*************
 * navigation
 *************/

ul#navigation
{	border-top: 5px solid;
	border-bottom: 5px solid;
	background: repeat-x left top #ff6699 url(../images/nav_link_background.gif);
	background-position/**/:/**/655px 7px;
}

ul#navigation, ul#navigation li
{	o\verflow: hidden;	/* ie 6 only */
	margin: 0;
	padding: 0;
	height: 35px; /* +- 3.75em */
}

ul#navigation li
{	display: inline;
}

ul#navigation a
{	float: left;
	border-right: 1px solid;
	padding: 19px 0 0 5px;
	width: 120px; /* ie 5.0 */
	width/**/:/**/115px;
	XX-height: 45px; /* ie 5x */
	height/**/:/**/16px; /* subtract padding from container height */
	font-size: 0.85em;
	font-size /**/:/**/0.9em;
	font-weight:	bold;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-decoration: none;
	background: repeat-x left top #ff6699 url(../images/nav_link_background.gif);
	color: #cccccc;
}

li#contact a
{	border-right-width: 5px;
	width: 100px; /* ie 5 */
	width/**/:/**/95px;  /* wider to make up for missing border */
}

ul#navigation a:hover
{	background-color: #cc6699;
	background-position: left bottom;
	color: #ffffff;
}

/******************
 * content section
 ******************/

div#homecontent
{	position: relative;
	background-color: rgb(196,193,190);												/* behind sidebar on right of home page */
}
div#content 
{	position: relative;
	background-color: #dfdcd9;																	/* controls bg of all news and photo pages (except home page) */
}

div#content {
	margin: 20px;
	color: #444444;
}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 0;
	margin:	0;
}
h1 {
	margin: 0px 0;
	width:	98%;
	font-size: 14px;
	text-transform: uppercase;
	xbackground-color: #dddddd;
	padding-bottom:	4px;
	border-bottom: 2px solid #666666;
}
h2, h3 {
	text-transform: capitalize;
}
h2 {
	margin: 1.2em 0 0.6em 0;
	font-size: 12px;	
}
h3 {
	xmargin-top: 1em;
	font-size: 1em;
}
h4 {
	margin:	10px 0 25px 0;
	font-size: 12px;
	xfont-style: italic;
}
p {
	margin:	0;
	padding:	5px 0 15px 0;
}

.new {
	background: url(../images/new.gif) no-repeat 0 0;
	padding-top: 12px;
}
.highlight1 {
	font-weight: bold;
	color: #444444;
}
.error {
	font-size: 11px;
	color: red;
}


/***************
 * left section
 ***************/
div#left {
	margin: 0 145px 30px 0;
	margin-right/**/:/**/135px;
	border-right: 5px solid rgb(248,250,252);
	padding: 10px;
	color: rgb(89,81,70);
	background-color: rgb(223,220,217);
	xheight: 500px;
}
/* ie 5.0, to prevent weird blank margin at bottom */
div#left p, div#left dl {
	margin-bottom: 0;
}
span.callout {
	font-weight: bold;
}
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
cite, .term {
	font-style: italic;
}

/*-----------Styling of latest photos links---------*/
TABLE#latestphotolinks TD {
	padding-bottom:	8px;
}
TABLE#latestphotolinks A IMG {
	height:	50px;
	width:	70px;
	margin:	0 5px;
	float:	left;
	border:	2px solid #666666;
}
/***// THIS DOESN'T WORK??? //***/
TABLE#latestphotolinks A:hover IMG {		
	xBORDER:	2px solid #dc4376;
}


/****************
 * middle section
 ****************/
div#middle {
  position: absolute;
	top: 20px;
	left: 310px;															/* positions middle column away from left hand side */
	margin: 0 5px;
	width: 270px;
	color: #444444;
	font-size: 10px;
	text-align: center;
	X-border: 1px solid red;							/* switch on for checking size/position */
}
div#middle img {
  border: 3px solid #ffffff;
}
#imgsubhead {
	font-weight: bold;
	font-size: 110%;
	line-height: 1.6em;
}

/* Interim website link */
#interim {
	margin-bottom: 15px;
}
#interim P {
	padding: 25px 15px;
	border: 3px solid #f69;
	background-color: #fff;
	font-size: 12px;
}
#interim A {
	font-size: 14px;
}




/****************
 * right section
 ****************/
div#right {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 0 5px;
	width: 135px;
	width/**/:/**/125px;
}
div#right {
	font-size: 85%;
	font-size /**/:/**/0.8em;
	color: #555555;
}
div#right h4 {
	margin: 2em 0 1.25em 0;
}
div#right ul, div#right ol {
	padding: 0;	
}
div#right ul {
	margin: 0;
}
div#right ol {
	margin: 0 0 0 25px !important;
}
div#right li {
	margin-bottom: 0.5em;
}

/*********
 * search
 *********/
input#searchTerm {
	display: block;
	width: 110px !important;
}
input#searchButton {
	margin-top: 0.5em;
}

/*******************
 * copyright notice
 *******************/
div#notice {
	font-size: 11px;
	line-height: 20px;
	padding: 15px;
}
div#notice, div#notice a {
	color: #aaaaaa;
	text-decoration: none;
}
 div#notice a:hover {
 	color: rgb(248,250,252);
}