@CHARSET "ISO-8859-1";
/*
@AUTHOR "gustav.weslien@gmail.com";
*/

/* HTML ELEMENTS */
*{
	color:#5f5f5f;
	font-family:Arial, Helvetica, sans-serif;
}


/* Defines the behavior of the menu rows links*/
	#page_menu li.menu_item a{
		text-decoration:none;		
	}
	#page_menu li.menu_item a:hover{
		text-decoration:underline;
		color:green;
	}
	
	

	#page_header img{
		margin-top:8px;
	}
	
	#page_footer div{
		float:right;
		margin-right:20px;
		font-size:18px;
		color:white;
		margin-top:40px;
		margin-bottom:auto;
		height:25px;
		letter-spacing:2px;
	}
	
	
	
	
/* ID DEFINITIONS */
	#page_wrap{
		width:700px;
		margin:20px auto 10px auto;
		border:1px solid #5F5F5F;
	}
	
	#page_header{
		width:700px;
		height:100px;
		margin:0 0 10px 0;
		background-color:green;
	}
	#page_menu{
		width:700px;
		height:20px;
		margin-bottom:20px;
		border-bottom:1px solid #5f5f5f;
	}
	#page_footer{
		clear:both;
		width:700px;
		height:100px;
		margin:20px 0 0 0;
		background-color:green;
	}

/* CLASS DEFINITIONS */
	.two_column_left li, .two_column_right li, .one_column li, a{
		
		font-family:Georgia, Times, serif;
	}
	#page_menu li.menu_item a{
		
		font-family:Arial, Helvetica, sans-serif;
	}
	

	/**
	  * Defines the menu items
	  */
	#page_menu li.menu_item{
		
		font-variant:small-caps;
		font-size:14px;
		float:left;
		margin-left:20px;
		margin-right:5px;
	}
	#page_menu li.active a{
		
		font-weight:bolder;		
	}
	
	.main_headline{
		margin-left:20px;
		font-size:x-large;
		text-align:left;
		margin-bottom:20px;
		font-variant:small-caps;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.sub_headline{
		
		font-size:larger;
		text-align:left;
		margin-bottom:10px;
		font-variant:small-caps;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	/* Two column layout*/
	.two_column_left, .two_column_right, .one_column{
		width:315px;
		margin-right:20px;
		text-align:left;
		margin-bottom:20px;
		line-height:19px;
		font-family:Georgia, Times, serif;
	}
	
	.two_column_left{
		clear:both;
		float:left;		
		margin-left:20px;
	}
	.two_column_right{
		float:left;
	}
	/* One column layout*/
	.one_column{
		clear:both;
		width:660px;
		margin-left:20px;
		
	}
	/*defines behavior of inline images in column elements*/
	.two_column_left img.left, .two_column_right img.left, .one_column img.left{
		float:left;
		margin:20px 20px 20px 0;
	}
	.two_column_left img.right, .two_column_right img.right, .one_column img.right{
		float:right;
		margin:20px 0 20px 20px;
	}
	/*defines behavior of starting images in column elements*/
	.two_column_left img.top, .two_column_right img.top, .one_column img.top{
		
		margin-top:0px;
	}
	
	/* define paragraph behavior */