@import 'classes.css';
@import 'images.css';

html, body
{
	background-color : #fff;
	cursor : default;
}

body
{
	width : 900px;
	
	font : 14px Arial, Helvetica, sans-serif;
	color : #54075b;

	margin : 25px 0 25px 25px;
}

h1, h2, h3, h4, h5, h6
{
	padding : 0;
	margin : 0;
}

h1 span, h2 span, h3 span,
h4 span, h5 span, h6 span
{
	display : none;
}
h1 span + span, h2 span + span, h3 span + span,
h4 span + span, h5 span + span, h6 span + span
{
	display : block;
}

h1
{
	float : left;
}

h3
{
	font-weight : bold;
	font-size : 1em;
	text-transform : uppercase;
}

table
{
	font-size : 0.9em;
	
	border-spacing : 0;
}
table caption
{
	font-weight : bold;
	font-size : 1.2em;
}
td
{
	padding-right : 0.2em;
}

a:link, a:visited
{
	font-weight : bold;
	color : #54075b;
}
a:hover, a:visited:hover
{
	color : #999;
}

a img
{
	border : 0 none;
}

cite
{
	font-style : italic;
}

#top_ribbon
{
	width : 275px;
	height : 129px;
	float : right;
	
	font-size : 0.9em;
	color : #fff;
	
	padding : 20px 35px 38px 20px;
	background : transparent url('../images/ribbon_bg.png') no-repeat top left;
}
	#top_ribbon h2
	{
		line-height : 129px;
	}
	#top_ribbon h2.normal_height
	{
		font-size : 1.2em;
		line-height : normal;
	}
	#top_ribbon h2 span.img
	{
		vertical-align : middle;
	}
	#top_ribbon p
	{
		line-height : 2em;
	}
	#top_ribbon a:link,
	#top_ribbon a:visited
	{
		color : #fff;
	}
	#top_ribbon a:hover,
	#top_ribbon a:visited:hover
	{
		color : #54075b;
	}

#menu
{
	width : 178px;
	float : left;
}
#content
{
	margin-left : 178px;
}
#menu_content
{
	padding : 0 13px 0 0;
	background : transparent url('../images/menu_bg.png') repeat-y top left;
	margin : 0;
}
	#menu_content li
	{
		list-style : none;
		
		font-weight : bold;
		text-transform : uppercase;
		text-align : center;
		line-height : 2.5em;
	}
	#menu_content li span
	{
		text-transform : none;
	}
	#menu_content li a:link,
	#menu_content li a:visited
	{
		display : block;
		
		text-decoration : none;
	}
	#menu_content li a:hover,
	#menu_content li a:visited:hover
	{
		color : #ccc;
	}

	#menu_content:before
	{
		display : block;
		width : 178px;
		height : 14px;
		
		content : '';
		
		background : transparent url('../images/menu_top.png') no-repeat top left;
	}
	#menu_content:after
	{
		display : block;
		width : 178px;
		height : 28px;
		
		content : '';
		
		background : transparent url('../images/menu_bottom.png') no-repeat bottom left;
	}

#donations
{
	width : 330px;
	float : right;
}

#content
{
	padding-top : 1em;
	padding-left : 3em;
}
#content dl,
#content dt,
#content dd
{
	padding : 0;
	margin : 0;
}
#content dl
{
	margin-top : 1em;
}
#content dt
{
	float : left;
	
	font-weight : bold;
	text-transform : uppercase;
}
#content dd.date
{
	font-weight : bold;
	font-size : 1.2em;
}
#content dd.title
{
	font-style : italic;
	font-weight : bold;
	font-size : 1.3em;
}

#content dt:after
{
	content : ':\0000a0';
}

.caption img
{
	display : block;
	
	margin : 0 auto;
}

#index_photos,
#why_photos,
#journal_photos,
#tripdetails_photos
{
	width : 330px;
	float : right;
	
	margin : -4em 0 1em 2em;
}
#journal_photos
{
	height : 5250px;
	
	background-image : url('../images/photos/journal.jpg');
	margin-bottom : 0;
}
#index_photos
{
	margin-top : 0;
}