/* ---------------------------------------------------------------------------
   layout styles
--------------------------------------------------------------------------- */
body	{
	margin:	0;
	padding:	0;
	background:	url('/images/layout/body_bg.png') top left no-repeat;
}

#wrapper	{
	position:	relative;
	margin:	0 0 0 50px;
	width:	700px;
}

#navigation	{
	position:	absolute;
	left:	0;
	top:	0;
	width:	150px;
}

#content	{
	margin:	0 0 0 170px;
}



/* ---------------------------------------------------------------------------
   generic styles
--------------------------------------------------------------------------- */
h1	{
	font:	bold 28px "Courier New", serif;
	color:	#FFF;
	text-align:	right;
	margin:	0 0 20px 0;
	padding:	26px 20px;
}

a	{
	font-weight:	bold;
	color:	#900;
}
	a:hover	{
		background-color:	#900;
		color:	#FFF;
	}

em	{
	font-style:	normal;
	font-weight:	bold;
	color:	#009;
}
strong	{
	font-weight:	bold;
	color:	#909;
}

/* ---------------------------------------------------------------------------
   presentation styles
--------------------------------------------------------------------------- */
#navigation	{
	font:	bold 13px "Courier New", serif;
}
	#navigation ul	{
		list-style:	none;
		margin:	5px 0 30px;
		_margin-bottom:	20px;
		padding:	0;
	}
	#navigation li	{
		margin:	0 0 8px 20px;
		padding:	0;
		_margin-bottom:	-8px;
	}
	#navigation li a	{
		display:	block;
		color:	#CEB5B5;
		text-decoration:	none;
	}
	#navigation li a:hover,
	#navigation li a.active	{
		background:	none;
		color:	#FFF;
	}
	#navigation li#home-link a	{
		padding-top:	80px;
	}
	#navigation li#ousu-link a	{
		display:	block;
		width:	120px;
		height:	60px;
		_background:	url('ie_hack.png'); /* this gets the damn thing
		                                       to block level in IE. The file
		                                       itself doesn't exist */
	}
	#navigation li#ousu-link a b	{
		display:	none;
	}
	#navigation li#MAD-link a	{
		display:	block;
		width:	120px;
		height:	80px;
		_background:	url('ie_hack.png'); /* this gets the damn thing
		                                       to block level in IE. The file
		                                       itself doesn't exist */
	}
	#navigation li#MAD-link a b	{
		display:	none;
	}

#content	{
	font:	10px/1.5em Verdana, Arial, sans-serif;
	color:	#333;
}

#content h2	{
	font:	bold 20px "Courier New";
	float:	left;
	clear:	left;
	margin:	1px 0 0 -190px;
	_margin-left:	-95px;
	width:	180px;
	text-align:	right;
	padding:	0;
	color:	#900;
}

#content h3	{
	font:	bold 10px Verdana, Arial, sans-serif;
	float:	left;
	clear:	left;
	margin:	0 0 5px -190px;
	_margin-left:	-95px;
	width:	180px;
	text-align:	right;
	padding:	0;
}

#content h2.alternative	{
	float:	none;
	clear:	none;
	margin-left:	0;
	padding-top:	1px;
	width:	auto;
	text-align:	left;
}

#content div.data	{
	margin:	40px 30px 40px 190px;
}

#content div.data img	{
	display:	block;
	float:	left;
	margin:	0 5px 5px -190px;
}

#content div.photograph	{
	text-align:	center;
}
	#content div.photograph img	{
		float:	left;
		display:	block;
		margin: 0 0 5px;
		padding:	0;
	}
	#content div.photograph span.gallery	{
		font:	bold 10px Verdana, Arial, sans-serif;
		color:	#333;
		text-align:	right;
	}

#content ol, ul, dl, p	{
	margin:	0 0 10px 0;
	padding:	0;
}
	#content li	{
		margin:	0 0 10px 0;
		padding:	0;
	}
	#content dt	{
		float:	left;
		font-weight:	bold;
	}
	#content dd	{
		margin-bottom:	5px;
	}

#content ul.gallery	{
	list-style:	none;
}
	#content ul.gallery li	{
		float:	left;
		margin:	0 0 5px 5px;
	}
	#content ul.gallery img	{
		border:	none;
		display:	block;
		margin:	0;
		padding:	0;
	}
	#content img.gallery	{
		float:	right !important;
	}
	
	#content div.gallery	{
		clear:	both;
	}
	
#content div.news_item,
#content div.event	{
	margin:	10px 0 30px 0;
	clear:	left;
}

#content div.event-listing	{
	margin:	10px 0 0 0;
	clear:	left;
}
	#content div.event-listing h2	{
		font-size:	14px;
	}

#content div.termplanner	{
}
	#content div.termplanner h2	{
		font:	10px Verdana, Arial, sans-serif;
	}
	#content div.termplanner dl	{
		margin-bottom:	0;
	}

#content div.notice	{
	background:	url('/images/layout/notice_bg.png') repeat-x top left;
	width:	170px;
	padding:	5px;
	float:	left;
	margin:	-5px 0 0 -190px;
	_margin-left:	-95px;
}

/* ---------------------------------------------------------------------------
   admin styles
--------------------------------------------------------------------------- */
form	{
	margin:	40px 0;
	padding:	0;
}
.form	{
	border:	none;
	margin:	0 0 10px;
	padding:	0;
	display:	block;
	position:	relative;
}
	.form label	{
		width:	100px;
		position:	absolute;
		top:	0;
		left:	0;
		line-height:	1.5em;
		text-align:	right;
	}
.field	{
	font:	10px Verdana, Arial, sans-serif;
	display:	block;
	margin:	0 0 5px 110px;
	width:	370px;
}
input.field,
textarea.field	{
	_margin-left:	-55px;
	padding:	2px ;
	border:	1px solid #999;
}
input.submit	{
	_margin-left:	-75px;
}
img.uploaded_image	{
	border:	1px solid #CCC;
	padding:	1px;
}
textarea.field	{
	height:	150px;
}
textarea.short	{
	height:	80px;
}
.field select	{
	font:	10px Verdana, Arial, sans-serif;
}


/* ---------------------------------------------------------------------------
   admin styles
--------------------------------------------------------------------------- */
#content ul.admin	{
	float:	right;
	list-style:	none;
	display:	block;
	margin:	-40px 30px 0;
	_margin-right:	15px;
	padding:	0;
}
	#content ul.admin li	{
		margin:	0 0 0 10px !important;
		display:	inline;
		color:	#000;
	}
	#content ul.admin li a	{
		color:	#CCC;
		text-decoration:	none;
	}
	#content ul.admin li a:hover	{
		color:	#FFF;
	}

#content ul#admin_navigation	{
	position:	absolute;
	right:	30px;
	top:	5px;
	list-style:	none;
	display:	block;
	padding:	0;
}
	#content ul#admin_navigation li	{
		margin:	0 0 0 10px !important;
		display:	inline;
		color:	#000;
	}
	#content ul#admin_navigation li a	{
		color:	#CCC;
		text-decoration:	none;
	}
	#content ul#admin_navigation li a:hover	{
		color:	#FFF;
	}
	


/* ---------------------------------------------------------------------------
   rails styles
--------------------------------------------------------------------------- */
#errorExplanation	{
	margin:	0 0 20px;
	padding:	5px 10px 10px 5px;
	background:	#FFF;
	border:	10px solid #900;
	border-width:	1px 10px 1px 1px;
}
	#content #errorExplanation h2	{
		width:	auto;
		float:	none;
		font:	bold 14px Verdana, Arial, sans-serif;
		border:	none;
		margin:	0 0 5px;
		padding:	0;
		text-align:	left;
	}
	#errorExplanation ul	{
		margin:	0 15px;
	}
.fieldWithErrors	{
	border-right:	10px solid #900;
}

#flash_notice	{
	position:	absolute;
	right:	20px;
	top:	5px;
	display:	block;
	padding:	0 10px;
	z-index:	1000;
	width:	500px;
	text-align:	right;
	color:	#FFF;
	font-weight:	bold;
	background:	#090;
}