/* modified and hacked by simon 11nov2006 to get the member*.php pages
 * working properly in IE 6
 */

body {
	background: white;
	color: black;
	margin: 0px auto;
	padding: 0;
	width: 800px;
}
a {
	color: blue;
	text-decoration: none;
}

div#header {
	background: #c4e0ff;
	background-image: url('http://www.spocus-nauders.com/images/panorama_gues_winter.jpg');
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 10px 10px 2px 10px;
	height: 74px;
}
div#header h1 {
	color: #557;
	color: black;
	font: bold 20px Arial, sans-serif;
	line-height: 35px;
	letter-spacing: 2px;
	margin: 0;
	padding: 20px 10px 10px 20px;
}

div#header img {
	float: right;
}

div#menu {
	background: #c4e0ff;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	font: bold 10px Arial, sans-serif;
	margin: 2px 10px 2px 10px;
}
div#menu a {
	border-right: 1px solid silver;
	color: #557;
	padding: 0px 10px 0px 10px;
}
div#menu a:hover {
	color: red;
}


div#content {
	background: #eee;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        border-top: 1px solid silver;
        border-bottom: 1px solid silver;
        margin: 2px 10px 2px 10px;
	height: 500px;
}
div#content a:hover {
	color: blue;
	text-decoration: underline;
}
div#content h1 {
	font: bold 16px arial, sans-serif;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
div#content h2 {
	font: bold 14px arial, sans-serif;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div#content p {
	font: 12px arial, sans-serif;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

div#content img {
	margin: 10px 10px 10px 10px;
}

div#next p {
	margin: 0px 10px 0px 0px;
	text-align: right;
}




div#event {
	background: #c4e0ff;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 10px 10px 10px 10px;
}

div#event h1 {
	font: bold 14px arial, sans-serif;
	margin: 5px 0px 0px 10px;
	text-align: left;
}

div#event h2 {
	font: bold 12px arial, sans-serif;
	margin: 3px 0px 0px 20px;
	text-align: left;
}

div#event p {
	font: 12px arial, sans-serif;
	margin: 0px 0px 0px 20px;
	text-align: left;
}

div#event li {
        font: 12px arial, sans-serif;
        margin: 0px 0px 0px 20px;
        text-align: left;
}

div#footer {
	background: #c4e0ff;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	height: 25px;
	margin: 2px 10px 2px 10px;
}
div#footer p {
	margin: 5px 10px 0px 10px;
}

/* position-left: -20px to get the floating column in the right place in FF/mozilla */
div#content_right {
	margin: 0px 0px 0px 0px;
	width: 370px;
	float: right;
	position: relative;
	left: -20px;
}

/* star-html hack to get IE 6 to position the right column properly */
* html div#content_right {
	position: relative;
	left: 0px;
}

/* overflow hidden to force the div to stay at 105px height. doesn't
 * work otherwise, don't ask me why... :P */
div.member_left {
	border: 1px solid silver;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 370px;
	height: 105px;
	background: #c4e0ff;
	overflow: hidden;
}
div.member_right {
	border: 1px solid silver;
	margin: 10px 10px 10px 10px;
	width: 370px;
	height: 105px;
	background: #c4e0ff;
	overflow: hidden;
}

/* text-align is redundant in the following declarations, alignment has no 
 * effect on inline styles... */
div#content .member_left h1 {
	font: bold 12px arial, sans-serif;
	margin: 5px 0px 0px 0px;
	text-align: left;
	display: inline;
}
div#content .member_right h1 {
	font: bold 12px arial, sans-serif;
	margin: 5px 0px 0px 0px;
	text-align: right;
	display: inline;
}

div#content .member_left p {
	font: 12px arial, sans-serif;
	text-align: left;
	display: inline;
}
div#content .member_right p {
	font: 12px arial, sans-serif;
	text-align: right;
	display: inline;
}

/* the positioning hacks are there to override the margins set by the 
 * containing divs to get the pictures set up in the right place */
div.member_left img {
	position: relative;
	top: -10px;
	left: -10px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div.member_right img {
	position: relative;
	top: -10px;
	left: 10px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}