body {
	margin: 0px;
	font: 14px/16px Arial, Helvetica, sans-serif; /* sadly Arial first necc to make it look OK in windows... */
	background-color: #EEEEEE;
	background-image:url(stripe-150.png);
	background-repeat:repeat-y; 
	color:#333;
	width: 1100px;
	}

a {
	text-decoration: none;
	}

a:link, a:visited {
	text-decoration: none;
	color: #336;
	border-color: #99C;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	}

a:hover {
	text-decoration: none;
	background-color: #EEEEFF;
	}

h1 {
	font: normal 42px/42px Helvetica, Arial, sans-serif; /* Helvetica first for headings */
	margin: 50px 0 0 200px;  /* T R B L */
	}

h2 {
	font: normal 42px/42px Helvetica, Arial, sans-serif;
	padding: 25px 0 15px 100px;
	margin: 80px 0 50px 0;
	width: 50.4px; /* 50.4 looks right zoomed out on safari, .3 isn't enough, .5 breaks normal zoom on camino */
	background-color: #EEEEEE;
	color: #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999; 
	}

p {
	margin-left: 200px;
	width: 400px;
	}

p img {
	margin: 20px 50px 20px 0;  /* T R B L */
	border: 1px solid black;
	background-color: #DDDDDD;
	vertical-align: top;
	}

p.nowrap {
	white-space: nowrap;
	}
	
p.big {
	margin-left: 100px;
	margin-top: 0;
	white-space: nowrap;
	}
	
p.big img {
	margin: 0px 50px 20px 0; /* T R B L */
	}
	
div.simple img {
	margin: 0;
	border: 0;
	padding: 0;
	vertical-align: middle;
	background-color: inherit;
	}
	
#top-controls {
	position:absolute;
	width:250px;
	height:50px;
	z-index:1;
	left: 750px;
	top: 50px;
	}

#firstweek {
	position:relative;
	height:0px;
	left:60px;
	top:110px;
	color: #999;
}

/* for alternatives */
.instead {
	visibility: hidden;
} 
.alwayshidden {
	visibility: hidden;
}