/*  -------------------------------------------------
	G E T   R I D   O F   N A T I V E   M A R G I N S
	-------------------------------------------------  */

* {
	margin: 0px;
	padding: 0px;
}

.fl_right
{
	float: right;
}

.fl_left
{
	float: left;
}

/*  -------------------------------------------------
	P U T   N E W   M A R G I N S   I N
	-------------------------------------------------  */

p, h1, h2, ul {
	padding-bottom: 1em;
}

li {
	margin-left: 20px;
	margin-bottom: 0.5em;
}

html, body 
{
	font-family: arial,helvetica,sans-serif;
	margin: 10px;
	padding: 0px;
	font-size: small;
}

body 
{
	background-image: url(../images/);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	margin: 0px;	
}

#horizon        
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
}

#homecontainer
{
	margin-left: -380px;
	margin-top: 0px;
	position: absolute;
	top: 0px;
	left: 50%;
	
	height: 100%;
	width: 760px;	
}

.container
{
	background-image: url(../images/);
	background-repeat: repeat-y;
	background-position: 0px top;
	
	width: 780px;
	visibility: visible;
}







/* divs on the page */

#header
{
	width: 760px;
	
	height: 125px;
	
	background-image: url('../images/header-bg-transparent.gif');
	background-repeat: no-repeat;
}

#header img.logo
{
	position: absolute;
	left: 201px;
}

#mainsection
{
	width: 760px;
	
	float: left;
	
}

#lhcol
{ 
	float: left; 
	width: 470px;
}

#rhcol
{ 
	float: right; 
	width: 280px;
}

#footer
{
	width: 760px;
	margin-top: 10px; 
	
	border-top: 10px solid #F2F2F2;
	float: left;
}




/* navigation */

#header ul#topnav
{
	position: absolute;
	top: 86px;
	right: 5px;
	float: right;
	padding: 0px;
	margin-left: 4px;
	
}

#header ul#subnav
{
	position: absolute;
	top: 110px;
	right: 5px;
}

ul#topnav li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	font-size: 0.7em;
	color: #FFFFFF;
}

ul#subnav li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	
	font-size: 0.7em;
	color: #000000;
} #subnav .pipe { color: #000000; }


#header ul#topnav a
{
	color: #FFFFFF;
	text-decoration: none;
	border-left: 1px solid #FFFFFF;
	margin-left: 5px;
	padding: 0px;
} 

#header ul#subnav a
{
	color: #000000;
	text-decoration: none;
	border-left: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
} 

#header ul#topnav a span
{
	margin-left: 5px;
}



/* page body styles */

h2.headline
{
	line-height: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;
	background-color: #000000;
	color: #FFFFFF;
	margin-bottom: 10px;
}


h2.title
{
	padding-top: 5px;
	font-size: 0.9em;
}

h3
{
	font-size: .9em;
}

img
{
	border: 0px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	float: left;
}

.contentbox a,p,h2
{
	padding-left: 10px;
}

.contactdetails a,
.contentbox a.supervisor,
.contentbox a.dos,
.contentbox a.project
{
	padding-left:0;
}

div.htmlcopy p
{
	margin-left: -10px;
}
a.searcharrow
{
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	
	float: right;
	height: 30px;
	width: 40px;
	
	color: #FF0000;
	text-decoration: none;
	padding-right: 30px;
	margin-right: 5px;
	margin-left: 34px;
	padding-top: 3px;
	padding-bottom: 3px;
} a.searcharrow:hover span { text-decoration: underline; }

a.redarrow
{
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	
	float: right;
	height: 30px;
	width: 40px;
	
	color: #FF0000;
	text-decoration: none;
	padding-right: 20px;
	margin-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
} a.redarrow:hover span { text-decoration: underline; }

a.searcharrow span,
a.redarrow span { 
	line-height: 30px; 
	xmargin-right: 35px;
	font-weight: bold;	
}

ul.contentlinks
{
	list-style: none;
} ul.contentlinks li { margin-bottom: 0px; }

ul.contentlinks li a,
{
	color: #333333;
	padding-left: 10px;
	text-decoration: underline;
	font-size: 0.8em;
	
	background-image: url('../images/dwarf_arrow.gif');
	background-repeat: no-repeat;
	background-position: left;
} ul.contentlinks li a:hover { text-decoration: none; }

div.contentbox
{
	background-color: #F2F2F2;
	margin-top: 10px;
	float: left;
}

.contentbox img
{
	float: left;
	margin: 3px;
}

.contentbox p
{
	margin-right: 5px;
}

div.homebox h3,
div.homeboxleft h3,
div.homeboxright h3
{
	padding-left:10px;
}

div.homeboxleft,
div.homeboxright
{
	float:left;
	width:230px;
	min-height:200px;
}

div.homeboxleft
{
	margin-right:5px;
}

div.homeboxright
{
	margin-left:5px;
}

div.htmlcopy
{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	clear: left;
}

.bottomred
{
	border-bottom: 5px solid red;
}

/* rhcol styles */

div#searchbox
{
	width: 280px;
	float: right;
	background-color: #F2F2F2;
	margin-top: 10px;
}

#searchbox h2.headline
{
	background-color: red;
}

div#searchbox form
{
	display: block;
	float: left;
	margin-top: 3px;
	margin-left: 10px;
	display: inline;
}

div#searchbox form input
{
	display: block;
	float: left;
	margin-top: 10px;
}

div.branchinglink
{
	display: block;
	float: left;
	height: 30px;
	margin-top: 10px;
	clear: both;
	width: 100%;
}

div.branchinglink a
{
	background-image: url('../images/white_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	
	float: left;
	text-decoration: none;
	width: 270px;
	color: #fff;
	padding-left: 10px;
	font-size: 1em;
	background-color: #F4282A;
	line-height: 30px;
}
div.branchinglink a span
{
	float: left;
}

#rhcol img.genpageimage
{
	padding:0;
	margin-top:10px;
	border-top: 10px solid #000;
	border-bottom: 5px solid #f00;
}

/* footer */

#footer p
{
	border-top: 10px solid #000000;
	color: #666666;
	font-size: x-small;
	line-height: 20px;
}





/* project page styles */

div.contentlisting
{
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

.borderbottomblack
{
	border-top: 5px solid #000;
}

div.contentlisting img
{
	clear: none;
	float: left;
}

div.contentlisting h3
{
	display: block;
	margin-left: 10px;
	margin-right: 5px;
}

div.contentlisting .htmlcopy
{
	display: block;
	clear: none;
	margin-right: 5px;
	font-size: .85em;
}

div.contentlisting p.publicationheading
{
	float: left;
}

.fullsizespacer
{
	width: 230px;
	
}

.tnspacer
{
	width: 85px;
	
}








/* Contact Form */

div.contact_info
{
	border: 1px solid green;
}

.contactformcontainer
{
	width: 450px;
}

form.contactform
{
	float: left;
	clear: none;
	margin-top: 15px;
	margin-bottom: 5px;
}


.contactform .formline
{
	display: block;
	float: left;
	margin-left: 20px;
	margin-bottom: 7px;
}

.contactform label
{
	float: left;
	color: ;
	font-size: .9em;
	width: 70px;
	margin-bottom: 3px;
}

.contactform input,
.contactform textarea
{
	float: left;
	width: 310px;
}

.contactform select
{
	float: left;
	width: 315px;
}

.contactform .submit
{
	width: 100px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

/* FORM ERRORS */

#contacterror
{
	color: #f00;
	background-color: #fcc;
	padding: 5px 5px 5px 40px;
	background-image: url('../images/warning_big.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-bottom: 10px;
}

input.validation_error, textarea.validation_error, input.errorfield, textarea.errorfield
{
	background-color: #fcc;
}

a.error
{
	vertical-align:bottom;
	position: relative;; 
	top: 5px;
	margin-left: 3px;
}

a.error span
{
	display:none;
}

a.error:hover
{
	cursor:help;
	text-decoration: none;
}

a.error:hover span
{
  display:block;
  font-family: verdana, arial, sans serif;
  position:absolute;
  font-size: 11px;
  top:0px; 
  left:-15em; 
  width:15em;
  padding: 5px 10px 5px 40px ;
  border:2px solid #E2C561;
  background-color:#FFFFE7; 
  background-image: url('../images/warning_big.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  color:#f00;
  text-align: left;
  z-index: 100;
} 

/* END OF FORM ERRORS */


/* Facilities page styles */

div.facilitycat
{
	display: block;
	float: left;
	width: 466px;
}

div.facilitycat div.contentlisting
{
	width: 470px;
}

div.facilitycat h2
{
	display: block;
	float: left;
	width: 466px;
	margin-bottom: 2px;
	padding: 2px;
	background-color: #000;
	font-size: small;
}

div.facilitycat a.ctrl span
{
	color: #FF0000;
	text-decoration: none;
	display: block;
	float: right;
	line-height: 25px;
	font-weight: bold;
	margin-right: 10px;
}

div.facilitycat a.ctrl img
{
	float: right;
}

div.facilitycat h2 a
{
	color: #ffffff;
	text-decoration: none;
}

div.flist_holder
{
	float: left;
	display: none;
}

div.facilitylisting
{
	float: left;
	display: block;
	margin-left: 10px;
}

div.facilitylisting h3
{
	display: block;
	float: left;
	padding: 5px;
	width: 450px;
}

div.facilitylisting a
{
	
}

p.date
{
	clear: left;
	margin-right: 10px;
	font-style: italic;
}

a.download
{
	margin-left: 10px;
	text-decoration: underline;
	font-size: 0.8em;
	color: #333333;
	
	background-image: url('../images/dwarf_arrow.gif');
	background-repeat: no-repeat;
	background-position: left;
}

a.download:hover
{
	text-decoration: none;
}

/* paging */

div.paginglinks
{
	clear:both;
	height:40px;
	padding:0 5px 0 5px;
	background-color:#ccc;
}

div.paginglinks#Bottom
{
	border-top: 5px solid #000;
}

div.paginglinks div.previous
{
	width:40%;
	float:left;
	
}

div.paginglinks div.next
{
	width:40%;
	float:right;
	text-align:right;
}

a.nextpage
{
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	height: 30px;
	width: 5em;
	
	color: #FF0000;
	text-decoration: none;
	padding-right: 30px;
	margin-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
} a.nextpage:hover span { text-decoration: underline; }

a.nextpage span,
a.prevpage span
{ 
	line-height: 30px; 
	font-weight: bold;	
}

a.prevpage
{
	background-image: url('../images/red_arrow_left.gif');
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 30px;
	width: 10em;
	
	color: #FF0000;
	text-decoration: none;
	padding-left: 30px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
} a.prevpage:hover span { text-decoration: underline; }


/* more paging - this one's for events page */

div.pagingdetails
{
	margin: 5px;
	float: left;
	font-style: italic;
	xborder: 1px solid red;
	width: 455px;
}

div.pagingdetails a
{
	color: #f00;
}

span.paginginfo
{
	float: left;
}

span.pagenumbers
{
	float: right;
}

.disabledpage
{
	color: #333333;
}

.pagenumber
{
	margin-right: 10px;
}

.selected_page,
#selected_page
{
	color: #000;
	font-weight: bold;
}



/* GALLERY STYLES */

.gallerybreadcrumbs
{
	font-size: 0.9em;
	margin-left: 10px;
	margin-bottom: 10px;
}

.gallerybreadcrumbs a
{
	padding-left: 0px;
	color: #FF0000;
	text-decoration: underline;
}
.gallerybreadcrumbs a:hover
{
	text-decoration: none;
}

.gallerybreadcrumbs .divider
{
	margin-left: 5px;
	margin-right: 5px;
	color: red;
}



.gallerycontainer
{
	margin-top: 20px;
}

.galcatlisting
{
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 370px;
	clear: none;
	display: inline;
	background: #F9F9F9;
	padding-top: 5px;
	padding-bottom: 5px;
	
	border: 1px solid red;
}


.galcatlisting p
{
	float: left;
}

.galcatlisting p img
{
	float: left;
	width: 120px;
	height: 80px;
	border: 1px solid #000000;
	padding: 0px;
	margin-right: 10px;
}

.galcatlisting p .noimage
{
	float: left;
	width: 120px;
	height: 80px;
	background: #F2F2F2;
	padding: 0px;
	margin: 3px;
	margin-right: 10px;
	border: 1px solid #000;
}
.galcatlisting .galcattitle
{
	font-weight: normal;
	font-size: 1.2em;
}

.galcatlisting .galcatinfo
{
	color: #999999;
	font-size: .9em;
	display: block;
	margin-bottom: 5px;
}

.galcatlisting a
{
	padding-left: 0px;
}

a.galredarrow
{
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	
	height: 30px;
	font-weight: bold;
	
	color: #FF0000;
	text-decoration: none;
	padding-right: 30px;
	margin-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
} a.galredarrow:hover span { text-decoration: underline; }

a.galredarrowdwn
{
	background-image: url('../images/expand_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	
	height: 30px;
	font-weight: bold;
	
	color: #FF0000;
	text-decoration: none;
	padding-right: 30px;
	margin-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
} a.galredarrowdwn:hover span { text-decoration: underline; }

/* -------------- */

.gallerytitle
{
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
}

.galtns
{
	margin-bottom: 10px;
	margin-left: 2px;
	float: left;
}

.galtns a
{
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000000;
	font-size: .9em;
	float: left;
	text-decoration: none;
	xborder: 1px solid red;
}

.galtns a:hover
{
	xbackground: #F9F9F9;
}

.galtns a img
{
	border: 1px solid black;
	width: 120px;
	height: 80px;
	padding: 0px;
}

.galtns .caption
{
	clear: left;
	margin-left: 5px;
	padding: 0px;
	padding-bottom: 5px;
	width: 120px;
	font-size: 0.9em;
}

/* -------------- */

.galimgview
{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-left: 8px;
}



.imgview a
{
	padding-left: 0px;
	float: left;
	display: block;
	clear: both;
	margin-left: 12px;
	line-height: 30px;
}

.imgview .imgdesc
{
	margin-left: 10px;
	color: #999999;
}

table.galimginfo 
{
	float: left;
	color: #999999;
	font-size: .9em;
	margin-top: 10px;
	margin-left: 10px;
}

table.galimginfo td.label
{
	width: 170px;
}

/****************** content blocks ******************/

.homepageblock
{
  background-color: #F2F2F2;
  margin-top: 10px;
  float: left;
	width: 100%;	
}

.homepageblock .abstract
{
	margin: 5px;
	font-weight: bold;
}

.homepageblock .thetext
{
	margin: 5px;
}

.homepageblock img.fullsize
{
	width: 450px;
}

.homepageblock img.largesize
{
	width: 215px;
}

.homepageblock img.smallsize
{
	width: 97px;
}

.homepageblock img.imageleft
{
	float: left;
	border: 0 none;
	margin: 0px 10px 5px 0px;
}

.homepageblock img.imageright
{
  float: right;
  border: 0 none;
  margin: 0px 5px 5px 10px;
}