@import url('form.css');
@import url('table.css');
@import url('framework.css');

/* ************************************ IE6 fixes *************************************** */

* html {
	font-size:						small; /* Now text size renders exactly as on FF and Safari */
}

* html object.mov {
	display: 							none; /* For displaying a Quicktime movie in the webpage */
}

/* ************************************ Reset *************************************** */

* { 
	margin:								0;
	padding:							0;
}

/* ************************************ Global *************************************** */

body {
	background:						#ffffff;
	color:								#555; /* color of the text, this is nicer than pure black */
	text-align:						left;
	font-size:						1em;
	font-family:					verdana;
}

header, hgroup, nav, footer, section {
	display:							block;
}

/* ***************************************** Header ************************************* */

header#layout {
	max-width:							640px;
	margin:									auto;
	overflow:								hidden;
}

	header#layout em {
		float:								left;
	}

	header#layout em a {
		width:								156px;
		height:								60px;
		background:						url("/images/logo.png") no-repeat;
		display:							block;
		text-indent:					-1234px;
	}
	
	header#layout nav {
		float:								right;
		margin-top:						1em;
	}
	
	header#layout ul {
		color:								#888;
	}

	header#layout ul img {
		margin:								0;
	}

	header#layout ul li {
		margin-left:					20px;
		float:								right;
	}

/* **************************************** Navigation *********************************** */

nav#layout {
	background: 					url("/images/blue_background.png") left top repeat-x;
	height:								27px;
}
	
	nav#layout ul {
		max-width:						640px;
		margin:								auto;
	}
	
	/* <li> with line-height trick for rollover-like cross-browser compatiblity */
	nav#layout li {
		background:						none;
		list-style-image:			none;
		padding:							0;
		margin:								0;
		float:								left;
		font:									1em, Helvetica, sans-serif;
		line-height:					27px;
	}

	nav#layout a {
		text-decoration:			none;
		display:							block;
		color:								#dddddd;
		padding:							0 25px 0 25px;
	}

	nav#layout a:hover {
		background:						url("/images/blue_hover_background.png") left top repeat-x;
	}

/* ************************************* Admin ************************************ */

section#admin {
	background:						#ffdfe0;
}

	section#admin nav {
	padding:							5px;
	font-size:						90%;
	width:								640px;
	margin:								auto;
}

	section#admin nav a {
		color:								red;
	}

/* *************************************** Content ***************************************** */

section#content {
	max-width:						640px;
	margin:								auto;
	margin-top:						1.5em;
}

section#content_alt {
	max-width:						960px;
	margin:								auto;
}

/* *************************************** Footer ****************************************** */

footer#layout {
	border-top:						1px solid #cacaca;
	font-size:						0.7em;
	text-align:						center;
	padding:							1em;
	margin-top:						4em;
}

	footer#layout, footer#layout a {
		color:							#777;
	}
	
/* ************************************ Default tags *************************************** */

a {
	text-decoration:			none;
	color:								#0b9df0;
}

a:hover {
	text-decoration:			underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family:					"Helvetica Neue";
	font-weight:					normal;
}

h4, h5, h6 {
	color:								#999999;
}

img {
	border:								none;
}

li {
	padding:							0;
	list-style-type:			none;
}

p {
	margin:								0.5em 0 1em 0;
}

/* ************************************ Misc *************************************** */
.small {
	font-size:							80%;
}