/*This is Pihlaja site for 2007.



The site is built with tables. Styles are applied to table elements.*/

body    {
	background-color: #000B00;
	text-align: center;
	margin: 0;
	padding: 0;
}

/*The naming convention for columns starts with "Column" so that the elements can be found quickly if the style sheet is arranged alphabetically. The same system applies to "copy_middle" and "copy_right."*/



/*<agl.folder "Content_Elements" "The design uses color, size and font weight to differentiate text usage.">*/

	#column_left { background-color: #0f390c; width: 200px }

	

	#column_middle { background-color: #3D7339; width: 600px }

	

	#column_right { background-color: #5CA157; width: 230px }

	

	#navigation_box { color: #fff; font-size: 12px; font-family: Arial, sans-serif; font-weight: 700; position: relative; top: 12px; left: 21px; width: 200px }

	

	#branding /*  This tag adds space below the photograph and octopus that are the brand of the writer.  */  { height: 102px }

	

	#scribble { position: relative; top: 17px }

	

	#search_button { color: #000; font-size: 10px; text-decoration: none; width: 123px; float: left; border-style: none }

	

	#copy_middle { color: #bad986; font-size: 11px; font-family: Arial, sans-serif; font-weight: 400; margin-top: 12px; margin-left: 20px; width: 550px }

	

	#search_button { margin-bottom: 17px }

	

	#copy_right { color: #fff; font-size: 11px; font-family: Arial, sans-serif; font-weight: 400; margin-top: 12px; margin-left: 20px; width: 230px }

	.section_header { color: #bad986; font-size: 12px; font-weight: 800 }

	

	.subject /*  This tag formats the subjects and categories of entries.  */  { color: #fff; font-size: 11px; font-family: Arial, sans-serif }

	

	.date /*  This tag formats date entries.  */  { color: #000; font-size: 11px; font-family: Arial, sans-serif }

	

/*</agl.folder>*/

.horizontal_spacer_3px  /* This tag works the same way as a spacer GIF in traditional HTML layouts. */ { background-color: #000; width: 3px }



/*<agl.folder "Navigation_Elements" "This folder contains menu tags.">*/

	.menu_item {
	color: #fff;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	top: 0px;
}

	

	a:link { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: inline}

	

	a:visited { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: inline }

	

	a:hover { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: inline }

	

	a:active { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: inline }

	

/*</agl.folder>*/

#animation { top: 16px }