@charset "UTF-8";

/* CSS Document */

html { font: small/1.4em Verdana, Geneva, sans-serif; }

body {
	background: #91BCD8 url(../visuals/backgrounds/main_bkg.jpg) repeat-x;
	color: #333333;
	font-size: 92%;
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

hr { margin: 0 0 20px 0; }

img { border: none; }

#content a { color: blue; }

address { font-weight: normal; }

#branding, #nav, #content, #footer {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#branding { height: 170px; }

#branding #logo {
	left: 30px;
	position: absolute;
	top: 20px;
}

#branding #strap {
	left: 170px;
	position: absolute;
	top: 110px;
}

#content #contenttop {
	background: url(../visuals/borders/content_top.png) no-repeat;
	padding: 35px 0 0 0;
}

#content #contentmiddle {
	background: url(../visuals/borders/content_middle.png) repeat-y;
	padding: 10px 30px 0 30px;
	position: relative;
}

#content #contentbottom {
	background: url(../visuals/borders/content_bottom.png) no-repeat;
	padding: 55px 0 30px 0;
}

/* Content */

h1 {
	height: 43px;
	margin: 0;
	padding: 0;
	text-indent: -9999px
}

#contentmiddle h2 {
	color: #133F52;
	font: normal 1.8em/1.4em "Trebuchet MS", Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

#contentmiddle h3 {
	color: #133F52;
	font: normal 1.4em/1.4em "Trebuchet MS", Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

#contentbottom h2 {
	background: url(../visuals/logos/second_strap.gif) center no-repeat;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px
}

#home #contentbottom h2 {
	background: url(../visuals/icons/latest_news.gif) left center no-repeat;
	font: 1.6em/1.4em "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #DF393E;
	display: inline;
	margin: 0 5px 0 20px;
	padding: 0 0 0 30px;
}

#contentbottom p {
	display: inline;
	font: 1.1em/1.4em "Trebuchet MS", Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

#home h1 { background: url(../visuals/headings/welcome.gif) no-repeat; }

#about h1 { background: url(../visuals/headings/about.gif) no-repeat; }

#news h1 { background: url(../visuals/headings/news.gif) no-repeat; }

#article h1 { background: url(../visuals/headings/news.gif) no-repeat; }

#grants h1 { background: url(../visuals/headings/grants.gif) no-repeat; }

#who h1 { background: url(../visuals/headings/who.gif) no-repeat; }

#contact h1 { background: url(../visuals/headings/contact.gif) no-repeat; }

#calum h1 { background: url(../visuals/headings/calum-cormack.gif) no-repeat; }

h1+p { font-size: 1.2em; }

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

#contentmiddle ul {
	margin: 0;
	padding: 0 0 0 15px;
	width: 600px;
}

#contentmiddle li { margin: 20px 0; }

#contentmiddle p { padding-right: 330px; ; }

#home #contentmiddle p { padding-right: 375px; ; }

#content #contentmiddle div.cols {
	float: left;
	width: 210px;
}

#content #contentmiddle div.cols p { padding-right: 0; }

/* Navigation */

#nav {
	height: 32px;
	position: relative;
}

#nav ul {
	float: left;
	font: bold 1.1em/1em "Trebuchet MS" Verdana, Geneva, sans-serif;
	list-style-type: none;
	padding: 0 0 0 30px;
	margin: 0;	
}

#nav li {
	padding: 0;
	float: left;
	margin: 0 1px 0 0;
	display: inline;
	background: #F2EFC2 url(../visuals/borders/menu-corners-left-default.gif) no-repeat;
}

#nav a {
	color: #0A1F3F;
	float: left;
	padding: 0 15px;
	text-decoration: none;
	line-height: 2.5em;
	background: url(../visuals/borders/menu-corners-right-default.gif) no-repeat top right;
}

#home #nav #nav_home,
#about #nav #nav_about,
#news #nav #nav_news,
#article #nav #nav_news,
#grants #nav #nav_grants,
#who #nav #nav_who,
#contact #nav #nav_contact {
	background: #ffffff url(../visuals/borders/menu-corners-left-here.gif) no-repeat;
}

#home #nav #nav_home a,
#about #nav #nav_about a,
#news #nav #nav_news a,
#article #nav #nav_news a,
#grants #nav #nav_grants a,
#who #nav #nav_who a,
#contact #nav #nav_contact a {
	background: url(../visuals/borders/menu-corners-right-here.gif) no-repeat top right;
}

#nav #nav_contact {
	background: #0A2040 url(../visuals/borders/menu-corners-left-contact.gif) no-repeat;
	position: absolute;
	right: 30px;
}

#nav #nav_contact a {
	background: url(../visuals/borders/menu-corners-right-contact.gif) no-repeat top right;
	color: #ffffff;
}

#contact #nav #nav_contact a {color: #0A1F3F;}

#nav a:hover {
	color: #949278 !important;
}

/* Footer */

#footer {
	height: 150px;
	margin-top: 20px;
}

#footer p {
	color: #ffffff;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#footerlogo {
	float: left;
	margin-left: 30px;
}

#footer ul {
	font: bold 1.1em/1em "Trebuchet MS" Verdana, Geneva, sans-serif;
	color: #133F52;
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

#footer li {
	border-right: 1px solid #ffffff;
	display: inline;
	margin: 0;
	padding: 0 10px;
}

#footer #nav_home { padding-left: 0; }

#footer #nav_contact { border-right: none; }

#footer a {
	background: none;
	color: #ffffff;
	margin: 0;
}

/* Buttons */

#donation { margin: 10px 0; }

/* Right-hand images */

#images {
	position: absolute;
	right: 35px;
}

#images img {
	display: block;
	margin-bottom: 20px;
}

#images #caricature { right: 15px; }

#images #bylinevera, #images #bylineeric, #images #bylinearthur, #images #bylinesteve, #images #bylinejimmy {
	position: absolute;
	right: 70px;
}

#images #bylinevera { top: 440px; }

#images #bylineeric { top: 410px; }

#images #bylinearthur { top: 470px; }

#images #bylinesteve { top: 400px; }

#images #bylinejimmy { top: 400px; }

/* Forms */

fieldset {
	float: left;
	clear: left;
	width: 655px;
	margin: 1em 0 2em 0;
	padding: 0;
	border: 1px solid #cccccc;
	background-image: url(../visuals/backgrounds/tint.png);
}

legend {
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	color: #133F52;
	margin: 0 0 0 1em;
	padding: 0;
}

fieldset ol {
	padding: 0 1em 0 1.5em;
	list-style: none;
	zoom: 1;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

label {
	float: left;
	width: 15em;
	margin-right: 1em;
}

fieldset fieldset {
	margin: 1em 0 0 1.5em;
	border-style: none;
	background-color: transparent;
	background-image: none;
}

fieldset fieldset legend {
	color: #333333;
	font-family: Verdana, Geneva, sans-serif ;
	font-size: 1em;
	margin: 0;
	font-weight: normal;
}

fieldset fieldset ol {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 16em;
	padding: 0;
}

fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}

input.submit {
	margin: 10px 0 20px 17.5em;

}
/* Homepage */

#homepagemain {
	position: absolute;
	right: -15px;
	top: -50px;
	width: 410px;
	height: 440px;
}

#homepagemain.image0 {
	background: url('/assets/visuals/photography/homepage/homepagepic0.png') no-repeat top left;
}

#homepagemain.image1 {
	background: url('/assets/visuals/photography/homepage/homepagepic1.png') no-repeat top left;	
}

/* News pages */

#contentmiddle div.article {
	height: 200px;
	position: relative;
}

#contentmiddle div.article h2, #contentmiddle div.articlefull h2 {
	font: normal 1.4em/1.4em "Trebuchet MS", Verdana, Geneva, sans-serif;
	margin-bottom: 5px;
	width: 550px;
}

#contentmiddle div.article, #contentmiddle div.articlefull {
	background: url(../visuals/backgrounds/article_intro_background.jpg) no-repeat;
	margin: 10px 0 0 0;
	padding: 10px;
}

#contentmiddle div.articlefull {
	background: url(../visuals/backgrounds/article_background.jpg) no-repeat;
	height: 450px;
}

#contentmiddle div.article a, #contentmiddle div.articlefull a { font-size: .8em; }

#contentmiddle div.article p { padding-left: 190px; }

#contentmiddle div.article p a, #contentmiddle div.articlefull p a { font-size: 1em; }

#news #contentmiddle img.smallpolaroid {
	position: absolute;
	top: 55px;
}

#article #contentmiddle img.smallpolaroid {
	float: left;
	padding: 5px 10px 15px 0;
}