/* Simple Reset */

body, html, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, form, input, fieldset {
margin: 0; padding: 0;
}

/*
This is for the skip-to-content link. It's offscreen so not visible initially, but 
screen readers will see it and allow those users to skip the navigation. Also, if it 
comes into focus, and it will if the user hits the tab key, it will become visible.
*/

.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}

a.skip:active, 
a.skip:focus, 
a.skip:hover {
    left: 0; 
    top: 0;
    width: auto; 
    height: auto;
    background-color: white;
    overflow: visible; 
}

/* inside page elements */
.activitybox {
	float: left;
	width: 40%;
	margin: 4px;
	padding: 4px;
	color: #393b42;
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

li {
	font-size: medium;
}

.freetext {
	color: blue;
	font-size: small;
}

img, fieldset {
	border: none;
	outline: none;
	margin: 0;
}

img {
	height: auto;
	max-height: 300px;
	max-width: 300px;
	width: auto;
}

img.fullsize {
	height: auto;
	width: 90%;
}

ul, ol {
	list-style-position:inside;
	padding-left: 4px;
	padding-right: 4px;
}

ul.nested {
	margin-left: 4px;
	padding-left: 8px;
	list-style-type: circle;
}

/* General Styles */

body { 
	font-family: sans-serif;
	font-size: medium;
	padding-left: 4px;
	padding-right: 4px;
}

p {
	font-family: sans-serif;
	font-size: medium;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
}

h1, h2 {
	font-size: large;
	font-family: serif;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
}

h3 {
	font-size: medium;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
}

ul {
	margin-top: 8px;
}

blockquote {
	border-left: 4px solid;
	margin: 8px;
	padding-left: 4px; }