/*	=============================================================
	COLUMN LAYOUT
	Based on 3-column stylesheet,
	http://articles.techrepublic.com.com/5100-10878_11-5314471.html
	For now, simplified to 1 fixed width 500px column.
	When more content is available in future, navigation left, artwork right.
	============================================================= */

body
{
	padding: 0px;
	margin: 0px;
	background-image: url(img/bg-side.gif);
	background-repeat: repeat-x;
}
h2,h3 {
	margin-top: 0px;
	padding-top: 0px;
}
div#head {
	text-align: center;
/*	margin-bottom: 2em; */
/*	left:0px;
	width:500px;
	height:160px;
	top: 0px;
	position: absolute;
	*/
}
div#wrapper
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	width: 500px;
}
div#navmenu {
/*	border-bottom: 1px black solid; */
/*	margin-top: 2em;  */
}
div#content {
	margin-left: 50px;
	margin-right: 50px;
	/* width: 500px;
	position: static;
	margin-top: 0px; */
	/* margin-left: 300px; */
}
div#foot {
	clear: both;
	position: relative;
	/* margin-top: 100px; */
	/* border-top: 1px black solid; */
	margin-top: 2em;
}
.clear {
	clear:both;
}

/* force vertical scroll-bar: */
html { min-height: 100%; margin-bottom: 1px; }






/*	=============================================================
	Navigation menu
	============================================================= */


#navmenu {
	margin-bottom: 1em;
}

#navmenu ul {
	font-family: Frutiger, "Helvetica Neue", Helvetica, Verdana, "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
	font-size: 90%;
 list-style-type: none;
 text-align: center;
 margin: 0;
 padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
}

#navmenu ul li {
 display: inline;
}

#navmenu ul li a {
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
text-transform: uppercase;
}

#navmenu ul li a:hover
{
border-bottom-color: black;
}

#navmenu ul li a#current
{
border-bottom-color: black;
}




/*	=============================================================
	Colours, fonts, etc.
	============================================================= */


html, div {
	background-color: white;
}


body {
/*	font-family: "Helvetica Neue", Helvetica, Verdana, "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif; */
	font-family: georgia, times, times new roman, serif;
	font-size: 12pt;
}

h1, h2
{
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 100%;
	font-family: Frutiger, "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Arial, sans-serif;
	border-bottom: #999;
/*	border-width: 0 0 1px 0px;
	border-style: none none solid solid; */
	/* color:#581613;  */
	color:#494949;
}

h2 {
	border-width: 0 0 1px 0px;
	border-style: none none solid solid; 
}

h3 {
	font-size: 12pt;
	font-family: Frutiger, "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Arial, sans-serif;
	margin-top: 2em;
}


	
A:link 		{	color:#8B3B37; text-decoration: none; 		}
A:visited	{	color:#8B3B37; text-decoration: none; 		}
A:hover		{	color:#8B3B37; text-decoration: underline; 	}
	/* other variations, tried for link text colour: */	
	/* 6e8b08 */
	/* 8B3B37 */


/* divider class: for decorative glyph text dividers */
p.divider {
	text-align: center;
	margin: 1em 1em 1em 1em;
	font-size: 24px;
}

#foot p {
	font-size: 10pt;
}

/* image div holds image and optional text. Adds photo-like margin to the div */
.image {
	text-align: center;
	background-color: #ddd;
	margin: 10px;
	padding: 10px;
	border: 0px black solid;
}




/*	=============================================================
	Use Jondesign's Smoothgallery 2.1beta
	http://smoothgallery.jondesign.net
	============================================================= */


#myGallery {
	width: 267px !important;
	height: 400px !important;
	margin-left: auto;
	margin-right: auto;
} 




/*	=============================================================
	Image replacements
	Using the Schoberg method
	http://schoberg.net/2008/09/ultimate-image-replacement/
	============================================================= */

/* h1.logo */

.logo {
	margin:0;
	padding:0;
	height:160px; /* Height of logo */
	width: 500px; /* Width of logo */
	overflow:hidden;  /* Stops text from protruding if  H1 text is larger than logo */
	position:relative; /*must be relative or absolute */
}
.logo a{
	display:block;
	height:100%;
	width:100%;
}
.logo a span{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(img/logo-gevel.gif) no-repeat left top;
	cursor:pointer; /* ie demands we reinstate the pointer cursor */
}

/* Image eeplacements print styles - must be at the end
	(or in separate print style sheet */
	
@media print{
	.logo a span{
		display:none;
	}
	.logo, .logo a{
		width: auto;
		height:auto;
		position:static;
		top:0;
		left:0;
	}
	.logo{
		margin-bottom:1em;
	}
} /* end print */