body {
margin: 0;
padding: 0;
color: black;
background: #7777ff url(images/background.png) repeat-x;
font: 80% verdana, arial, helvetica, sans-serif;
text-align: center;
line-height: 1.5;
}

p {
margin: 10px 0px 10px 0px;
padding: 0px;
}

#wrapper {
position: relative;
top: 0px;
background: #fff url(images/wrapper.png) repeat-y;
margin: 0px auto 0px auto;
padding: 0 0px;
width: 945px;
text-align: center;
}

#header {
background: #00009b url(images/tracks_in_snow.jpg) no-repeat 454px 0px;
background: #00009b url(images/header.png) no-repeat;
height: 320px;
width: 903px;
margin: 0px auto;
}

.header-image {
	position: absolute;
	top: 100px;
	left: 21px;
	width: 903px;
	height: 220px;
}

#header ul {
position: absolute;
top: 235px;
right: 40px;
width: 700px;
height: 60px;
margin: 0;
padding: 0;
text-align: right;
overflow: hidden;
z-index: 1;
}

#header li {
display: inline;
color: #bbbbff;
}

#header a:link, #header a:visited {
text-decoration: none;
color: #0000ff;
}

#header a:hover {
border-bottom: 1px dotted #33f ;
color: #0000ff;
}

.left {
position: absolute;
top: 0px;
left: 0px;
background: url(images/left.png) no-repeat;
width: 20px;
height: 430px;
}

.right {
position: absolute;
top: 0px;
left: 925px;
background: url(images/right.png) no-repeat;
width: 20px;
height: 430px;
}

.uac {
position: absolute;
top: 40px;
left: 60px;
}

x-.contact {
position: absolute;
top: 10px;
right: -420px;
}
#header a.contact:link, #header a.contact:visited {text-decoration: none; color: #ccf; padding-bottom: 1px; border-bottom: 1px solid #ccf;}
#header a.contact:hover {color: #aaf; padding-bottom: 2px; border-bottom: 1px dotted #aaf;}

x-.universityalpineclub {
position: absolute;
top: 135px;
left: -863px;
}

#navigation {position: relative; margin: 0px auto; padding: 0px; width: 903px; height: 31px; background: url(images/navigation.png); overflow: hidden;}
#navigation li {position: absolute; top: 0px; display: block; list-style: none; border-top: 0px solid #000040;}
#navigation a {position: relative; height: 31px; display: block;}
#navigation a span {height: 31px; display: block; cursor: pointer;}
#navigation a:hover {}

#navigation .index {left: 0px; width: 104px;}
#navigation .about {left: 104px; width: 106px;}
#navigation .facilities {left: 210px; width: 128px;}
#navigation .bookings {left: 338px; width: 133px;}
#navigation .membership {left: 471px; width: 160px;}
#navigation .newsletters {left: 631px; width: 154px;}
#navigation .contact {left: 785px; width: 119px;}

#navigation .index a span {position: absolute; top: 0; left: 0; width: 104px;}
#navigation .about a span {position: absolute; top: 0; left: 0; width: 106px;}
#navigation .facilities a span {position: absolute; top: 0; left: 0; width: 128px;}
#navigation .bookings a span {position: absolute; top: 0; left: 0; width: 133px;}
#navigation .membership a span {position: absolute; top: 0; left: 0; width: 160px;}
#navigation .newsletters a span {position: absolute; top: 0; left: 0; width: 154px;}
#navigation .contact a span {position: absolute; top: 0; left: 0; width: 119px;}

#navigation .index a:link span, #navigation .index a:visited span {background: url(images/navigation.png) 0px 0px no-repeat;}
#navigation .about a:link span, #navigation .about a:visited span {background: url(images/navigation.png) -104px 0px no-repeat;}
#navigation .facilities a:link span, #navigation .facilities a:visited span {background: url(images/navigation.png) -210px 0px no-repeat;}
#navigation .bookings a:link span, #navigation .bookings a:visited span {background: url(images/navigation.png) -338px 0px no-repeat;}
#navigation .membership a:link span, #navigation .membership a:visited span {background: url(images/navigation.png) -471px 0px no-repeat;}
#navigation .newsletters a:link span, #navigation .newsletters a:visited span {background: url(images/navigation.png) -631px 0px no-repeat;}
#navigation .contact a:link span, #navigation .contact a:visited span {background: url(images/navigation.png) -785px 0px no-repeat;}

#navigation .index a:hover span {background: url(images/navigation.png) 0px -30px no-repeat;}
#navigation .about a:hover span {background: url(images/navigation.png) -104px -30px no-repeat;}
#navigation .facilities a:hover span {background: url(images/navigation.png) -210px -30px no-repeat;}
#navigation .bookings a:hover span {background: url(images/navigation.png) -338px -30px no-repeat;}
#navigation .membership a:hover span {background: url(images/navigation.png) -471px -30px no-repeat;}
#navigation .newsletters a:hover span {background: url(images/navigation.png) -631px -30px no-repeat;}
#navigation .contact a:hover span {background: url(images/navigation.png) -785px -30px no-repeat;}

#title {
background: url(images/title.png) repeat-x;
margin: 0 auto;
width: 903px;
height: 80px;
overflow: hidden;
text-align: left;
}

#title p {
margin: 0px 0px 10px 100px;
padding: 0px;
}

#title-home {
background: #ffffff url(images/title-home.png) no-repeat;
margin: 0 auto;
width: 903px;
height: 170px;
overflow: hidden;
text-align: left;
}


#content {
position: relative;
margin: 0px 60px 0px 60px;
padding: 0px 0 20px 0;
text-align: justify;
}

#content.newsletters {
margin-top: -20px;
}

h2.universityalpineclub {
	position: relative;
	background: url(images/universityalpineclub.png) no-repeat;
	width: 410px;
	height: 47px;
	overflow: hidden;
}

h2.universityalpineclub span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/universityalpineclub.png) no-repeat;
	width: 410px;
	height: 47px;
}

h2.about {
	position: relative;
	background: url(images/about_uac.png) no-repeat;
	width: 207px;
	height: 47px;
	overflow: hidden;
}

h2.about span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/about_uac.png) no-repeat;
	width: 207px;
	height: 47px;
}

h2.facilities {
	position: relative;
	width: 158px;
	height: 47px;
	overflow: hidden;
}

h2.facilities span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/facilities.png) no-repeat;
	width: 158px;
	height: 47px;
}

h2.bookings {
	position: relative;
	width: 167px;
	height: 47px;
	overflow: hidden;
}

h2.bookings span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/bookings.png) no-repeat;
	width: 167px;
	height: 47px;
}

h2.membership {
	position: relative;
	width: 232px;
	height: 47px;
	overflow: hidden;
}

h2.membership span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/membership.png) no-repeat;
	width: 232px;
	height: 47px;
}

h2.newsletters {
	position: relative;
	width: 232px;
	height: 47px;
	overflow: hidden;
}

h2.newsletters span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/newsletters.png) no-repeat;
	width: 232px;
	height: 47px;
}

h2.newsletter_archive {
	position: relative;
	width: 351px;
	height: 47px;
	overflow: hidden;
}

h2.newsletter_archive span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/newsletter_archive.png) no-repeat;
	width: 351px;
	height: 47px;
}

h2.contact {
	position: relative;
	width: 207px;
	height: 47px;
	overflow: hidden;
}

h2.contact span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/contact.png) no-repeat;
	width: 207px;
	height: 47px;
}

h2.photo_gallery {
	position: relative;
	width: 257px;
	height: 47px;
	overflow: hidden;
}

h2.photo_gallery span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/photo_gallery.png) no-repeat;
	width: 257px;
	height: 47px;
}

h2.contact_johanna_hall {
	position: relative;
	width: 398px;
	height: 47px;
	overflow: hidden;
}

h2.contact_johanna_hall span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/contact_johanna_hall.png) no-repeat;
	width: 398px;
	height: 47px;
}

h2.contact_ken_davis {
	position: relative;
	width: 340px;
	height: 47px;
	overflow: hidden;
}

h2.contact_ken_davis span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/contact_ken_davis.png) no-repeat;
	width: 340px;
	height: 47px;
}

h2.contact_sebastian_smyth {
	position: relative;
	width: 462px;
	height: 47px;
	overflow: hidden;
}

h2.contact_sebastian_smyth span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/contact_sebastian_smyth.png) no-repeat;
	width: 462px;
	height: 47px;
}

h2.contact_barry_price {
	position: relative;
	width: 363px;
	height: 47px;
	overflow: hidden;
}

h2.contact_barry_price span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/contact_barry_price.png) no-repeat;
	width: 363px;
	height: 47px;
}

h2.website {
	position: relative;
	width: 362px;
	height: 47px;
	overflow: hidden;
}

h2.website span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/website_difficulties.png) no-repeat;
	width: 362px;
	height: 47px;
}
h2.cant_find {
	position: relative;
	width: 435px;
	height: 47px;
	overflow: hidden;
}

h2.cant_find span {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/we_cant_find_that_page.png) no-repeat;
	width: 435px;
	height: 47px;
}

#content a:link, #content a:visited {
color: #0000ff;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #0000ff;
}

#content a:hover {
color: #9900ff;
text-decoration: none;
padding-bottom: 4px;
border-bottom: 1px solid #9900ff;
}


h1 {
margin: 20px 0 0px 35px;
padding: 0px 0 0 0;
font: bold 1.6em arial, verdana, tahoma, arial;
color: #555;
color: #00005b;
overflow: hidden;
}

h1.home {
position: absolute;
top: 186px;
left: 60px;
margin: 0;
padding: 0;
font: bold 1.6em arial, verdana, tahoma, arial;
color: #555;
}

h2 {
margin: 20px 0 0px 0;
padding: 0px 0 0 0;
font: 2em arial, verdana, tahoma;
color: #00009b;
color: #00ccff;
color: #0033cf;
color: #00009b;
}

h2.top {
margin: 80px 0px 0px 0px;
}

.newsletters h2 {text-align: center; margin-top: 20px;}

h3 {
margin: 30px 0 0px 0;
padding: 0px;
font: bold 1.4em arial, verdana, tahoma;
font: 1.8em arial, verdana, tahoma;
color: #0055ff;
color: #0033cf;
color: #00009b;
border-bottom: 0px solid #0033cf;
}

.newsletters h3 {
border-bottom: 1px solid #0033cf;
}

h4 {
margin: 30px 0 -5px 0;
padding: 0px;
font: bold 1.1em arial, verdana, tahoma;
color: #0055ff;
color: #0033cf;
color: #00009b;
}

h5 {
font: bold 1em arial, verdana, tahoma;
margin: 10px 0px -1.5em 0px;
padding: 0px;
}

p.h5 {display: block; margin: -1.5em 0em 1em 13em; text-align: left;}

ul {
margin-left: 3em;
padding-left: 0px;
list-style-type: square;
}

li {
margin-bottom: 10px;
text-align: left;
}

li.span {
margin-left: 2em;
}


ul.title-home {position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 905px; height: 36px; }
ul.title-home li {display: block; list-style: none; border-top: 0px solid #000040;}
ul.title-home li a {display: inline; text-decoration: none; font: bold 1.6em arial, verdana, tahoma, arial; color: #555;}
ul.title-home li a:hover {text-decoration: underline;}

li.articles {position: absolute; top: 30px; left: 120px;}
li.confessions {position: absolute; top: 30px; left: 510px;}
li.lectures {position: absolute; top: 100px; left: 120px;}
li.scots-worthies {position: absolute; top: 100px; left: 510px;}

#footer {
clear: both;
position: relative;
background: #00009b;
width: 905px;
margin: 0px auto;
padding: 10px 0 20px 0;
}

#footer p {
margin: 20px 40px 20px 40px;
text-align: center;
color: #ffffff;
}

#footer ul {
padding: 5px 20px 0 20px;
text-align: center;
margin: 0 0 5px 0;
}

#footer li {
display: inline;
list-style: none;
padding: 0;
margin: 0 20px;
text-align: center;
line-height: 2;
}

#footer li a {display: inline;}
#footer a {text-decoration: none; font: 1em verdana, tahoma, arial; color: #eef; border-bottom: 1px solid #eef; padding-bottom: 1px;}
#footer a:hover {color: #ccf; border-bottom: 1px dotted #ccf; padding-bottom: 2px;}

.tail {
background: url(images/tail.png) no-repeat;
position: absolute;
bottom: 0px;
left: -20px;
width: 945px;
height: 30px;
}

.center {
text-align: center;
}

span.bookingsindent {display: block; margin: -1.5em 0em 1.7em 8em; text-align: left;}
span.indent {display: block; margin: -1.5em 0em 1em 13em; text-align: left;}
span.smallindent {display: block; margin: -1.5em 0em 1em 6em; text-align: left;}
small {font-size: .95em;}

.indent {
margin-left: 3em;
}

p.indent span {display: block; margin: -1.5em 0em 1em 10em; text-align: left;}

.bookings p {
margin: 5px 0 -10px 0;
}

.bookings h4 {
margin: 30px 0 -5px 0;
font: bold .9em arial, verdana, tahoma;
}

x-.bookings span.indent {display: block; margin: -1.5em 0em 1em 13em; text-align: left;}

.bolder {
font-weight: bold;
color: #333;
}

p.bolder span.indent {
color: #000000; display:block; font-weight: normal; margin: -1.5em 0em 1em 13em; text-align: left;}

.stronger {
color: #33a;
}

p.stronger span.indent {
color: #000000; display:block; font-weight: normal; margin: -1.5em 0em 1em 13em; text-align: left;}

.signoff {
clear: both;
margin: 30px 0 0px 0;
padding: 30px 0 0px 0;
border-top: 1px solid #0033cf;
}

a {outline: 0;}






form {
padding-bottom: 20px;
padding: 0px 0 8px 0;
padding: 8px 16px 16px 16px;
margin: 10px 0 20px 0;
color: #0062c9;
}

form p {
clear: left;
margin: 0;
padding: 15px 0 15px 5px;
font: .95em arial;
color: #115511;
color: #000;
}

fieldset {
border: 1px solid #0062c9;
margin: 0;
padding: 0 0 10px 15px;
}

fieldset p {font-weight: bold;}

legend {
font: bold 1em arial, helvetica, sans-serif;
color: #115511;
color: #0062c9;
color: #000;
background-color: #cfe9b3;
background-color: #bfd9a3;
background-color: #def;
background-color: #fff;
padding: 4px 5px 4px 5px;
margin: 0 0 15px 0;
border: 1px solid #bfd9a3;
border: 1px solid #0062c9;
font: bold 1.3em arial, 'trebuchet ms', arial, verdana, tahoma, arial;
color: #fff;
background: #1919b0;
background: #4545d5;
background: #7777ff;
background: #bbbbff;
color: #000080;
background: #fff;
background: #ddf;
color: #00009b;
}

.form {
	margin: 20px 30px;
	padding: 10px 10px 10px 20px;
	font: .85em arial;
	text-align: left;
	clear: both;
	margin: 20px 0px;
	padding: 10px 10px 10px 0px;
	font: .85em 'trebuchet ms', arial, sans-serif;
	text-align: left;
}

.submit{
	margin: 0 0 0 25%;
}

label {
	float: left;
	width:25%;
	font: bold 1.2em 'trebuchet ms', verdana, tahoma;
	color: #0062c9;
}

.textinput {
border: 1px solid #0062c9;
width: 425px;
background: #ddddff;
}

textarea {
border: 1px solid #0062c9;
width: 425px;
height: 100px;
background: #ddddff;
}

.sent { margin-top: 40px; color: #50685c; background:#c1bfb0; padding: 10px 10px 10px 15px; font: bold 1.3em arial, verdana, tahoma; border: 1px solid #60786c;}

x.failed {color: #a04; background:#c1bfb0; padding: 10px 10px 10px 15px; font: bold 1.3em arial, verdana, tahoma; border: 1px solid #60786c; color: red;}

form p.failed { margin-left: -3px; font-weight: bold;}
h2.failed {color: red; margin: 0 0 20px 0; font-size: 1.7em}


.image-left {
	float: left;
	margin: 5px 15px 3px 0;
	border: 1px solid #515151;
}

.refresh {
	float: left;
	margin: 13px 15px 5px 0;
	border: 0px solid #515151;
}

.clear {
	clear: both;
}

acronym {
border-bottom: 1px dotted #555;
border-bottom: 1px dotted #9900ff;
cursor: help;
}

acronym:hover {
border-bottom: 1px solid #555;
border-bottom: 1px dotted #9900ff;
color: #9900ff;
}





#content .photoviewer {
margin: 20px 40px 0 30px;
padding: 0px 0 20px 0;
text-align: justify;
border-top: 0px solid #f2f2e6;
}

#content .photoviewer img {
  margin: 0 auto 5px auto;
  border: 1px solid #ccc;
  border-bottom-color: #eee;
  border-right-color: #ddd;
  border-top-color: #bbb;
  border: 1px solid #555;
  margin: 5px;
  margin: 15px 0;
}

#content .photoviewer a:link, #content .photoviewer a:visited {
color: #0000ff;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 0px solid #0000ff;
}

#content .photoviewer a:hover {
color: #9900ff;
text-decoration: none;
padding-bottom: 4px;
border-bottom: 0px dotted #9900ff;
}

ul.thumbnails {
	padding-top: 100px;
}

ul.thumbnails a {
  width: 92px;
  width: auto;
  margin: 0;
  margin-right: 40px;
  margin-bottom: 40px;
  margin: 30px 43px 0px 0px;
  overflow: hidden;
}
p.thumb, ul.thumbnails {
  margin:  0 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1.5em;
  list-style: none;
  
  border: 0px solid green;
  margin: -10px -20px 20px 0;
  background: none;
}
ul.thumbnails li, ul.navigation li {
  display: inline;
  margin: 0;
  padding: 0;
}

a:hover.img {
	border: none;
}