ul, ol {
	margin-bottom	: 16px;
	margin-top	: 16px;
	padding-left	: 40px;
}
li {
	list-style-image	: none;
	list-style-position	: outside;
	list-style-type		: disc;
	marker-offset		: auto;
}

body {
	font-family: arial, sans-serif;
	margin: 0; /* how it should be done */
	padding: 0; /* what Opera thinks is right */
	height: 100%;
	overflow-y:scroll;
	text-align: left;
}


#header .userbar {
	text-align:	right;
	padding-right:	1.5em;
	padding-top:	0.2em;
	padding-bottom:	0.5em;
	font-size:	small;
}

#header .navbar {
	text-align: 	right;
	padding-right:	1em;
	padding-top:	0.4em;
	padding-bottom:	1px;
	border-bottom:	0.4em solid #88BBFF;
}

#header .navbar a {
	text-decoration:		none;
	font-weight:			bold;
	font-size:			100%;
	color:				#114499;
	background-color:		#CCEEFF;
/*	outline-style: none;*/
	padding-right:			0.5em;
	padding-left:			0.5em;
	-moz-border-radius-topleft:		0.3em;
	-moz-border-radius-topright:		0.3em;
	-webkit-border-top-left-radius:		0.3em;
	-webkit-border-top-right-radius:	0.3em;
}

#header .navbar .current {
	background-color:	#88BBFF;
}

#header .navbar a:hover {
	background-color:	#88BBFF;
	text-decoration:	underline;
}

#header .logo a {
	font-size:		300%;
	padding-left:		0.5em;
	font-weight:		bolder;
	float:			left;
	text-decoration:	none;
/*	outline-style: none;*/
}

#footer {
}
#footer .navbar {
	text-align:		right;
	font-size:		smaller;
	border-top:		0.5em solid #88BBFF; 	
	padding-right:		3em;
	padding:		0.5em;
}

#footer a {
	color:			#114499;
	font-weight:		bold; 
	text-decoration:	none;
	outline-style:		none;
	padding:		0.3em;
	-moz-border-radius:	0.2em;
	-webkit-border-radius:	0.2em;
}
#footer a:hover {
	background-color:	#88BBFF;
}

#content {
	padding-left:		3em;
	padding-right:		4em;
	padding-top:		1em;
	line-height:		180%;	/* increase the height of a line	*/
}

#content h1 {
	background-color:	#336699;
	color:			#EEEEFF;
	font-size:		large;
	padding-left:		0.5em;
	-moz-border-radius-topright:		0.3em;
	-moz-border-radius-topleft:		0.3em;
	-webkit-border-top-right-radius:	0.3em;
	-webkit-border-top-left-radius:		0.3em;
}

#content h2 {
	font-size:		medium;
	margin-bottom:		0em;
}

#content blockquote {
	background-color:	#CCCCDD;
	padding:		0.5em;
	margin: 		0.8em;
	-moz-border-radius:	0.2em;
	-webkit-border-radius:	0.2em;
}

#content form .error_list {
	color: 			red;
	list-style-type:	none;
}

#content form th {
	text-align:		left;
	vertical-align:		top;
}

#content .flash_notice {
	background-color:	#55AA77;
	color:			#EEFFEE;
	font-size:		large;
	padding-left:		1.5em;
	padding-top:		0.5em;
	padding-bottom:		0.5em;
	-moz-border-radius:	0.4em;
	-webkit-border-radius:	0.4em;	
}
#content .flash_error {
	background-color:	#DD2222;
	color:			#FFEEEE;
	font-size:		large;
	padding-left:		1.5em;
	padding-top:		0.5em;
	padding-bottom:		0.5em;
	-moz-border-radius:	0.4em;
	-webkit-border-radius:	0.4em;
}

/************ experimental stuff	************/
.box_background {
	text-align:		center;
	margin: 		2em;
	-moz-border-radius:	0.2em;
	-webkit-border-radius:	0.2em;
}
.box_background.lightblue table {
	margin:			0em auto;
	text-align:		left;
	padding:		1em;
	border-collapse: 	separate;
	background-color:	#CCCCDD;
	-moz-border-radius:	0.4em;
	-webkit-border-radius:	0.4em;
}

/*******************************************************/
/*    Stuff to stick the footer on bottom page         */
/*******************************************************/
html, body {
	margin: 	0;
	padding:	0;
	height:		100%;
}
#botpage_wrapper {
	min-height:	100%;
	position:	relative;
}
#header {
	width:		100%;
}
#content {
	padding-bottom: 2.5em;	/* Height of the footer */
}
#footer {
	position:	absolute;
	bottom:		0;
	width:		100%;
	height:		2.5em;		/* Height of the footer */
}