/*
 * CSS for Gareth's website
 */


/* Colour */
body { background: url(../images/colouronstage3.jpg) no-repeat 40% 50%; }

/* Layout */
.clear { clear:both; height:0.1em; }
.alone { display:block; }
.pageContent { width:85%; margin:auto; }

/* Header */
h1 { text-align:right; margin-bottom:0.2em; margin-right:0.65em; }
.line { border-bottom:0.2em solid gray;}
#url { padding-top:2em; }
#headerimg { float:left;}
h2 { text-align:right; margin-right:1.5em; margin-top:0.5em; }

/* Body */
.body { margin-top:1em; }
.information { margin-left:27%; width:74% padding-right:2em; padding-top:0.5em; padding-bottom:2em; }

/* Browse Menu */
#menu { float:left; font-size:150%; width:24%; }
#menu ul { list-style-type: none; padding-left:0; }
#menu ul li { cursor:pointer; padding:0.3em 1em; border-top:2px solid gray; }
#menu ul li.menuright { border-right:2px solid gray; }
#menu ul li.menubottom { border-bottom:2px solid gray; }
#menu ul li.menuleft { border-left:2px solid gray; }

/* Footer */
#footer { margin-top:2em; padding-top:2em; }
#footerimg { position:relative; bottom:6.5em; z-index:3; float:right; }

/* Style */
h2 { font-size:small; }
body { font-family: arial, sans-serif; }
blockquote { font-style: italic; }
.quotecitation { font-weight:bold; font-size:small; margin-top:-10pt; }
.eyelink { border:0; cursor:pointer; }
.centre { text-align:center; }

.noshow {
    display:none;
}