/* default font style and size */
	* {
		font-family: sans-serif;
		font-size: 100%;
	}
	
	body {
		margin: 0;
		padding: 0;
		/* background: #BFE0FF; */
	}

	a {
		color: inherit;
	}
	
	/* content hidden behind header (for screen readers etc.) */
	.hide_me {
		position: relative;
		float: right;
		visibility: hidden;
		z-index: -100;
		width: 1px;
		height: 1px;
	}

	/* menu and content position */
	
	/* header appears on top of page, full width */
	#header {
		position: relative;
		width: 100%;
		top:  0;
		left: 0;
		height: 97px;
		overflow: hidden;
		background: url("../gallery/adk_header_background_1x97.png") repeat-x;
		z-index: 0;
	}

	#header_logo {
		position: relative;
		float: left;
		left: 12px;
		border: none;
	}
	
	#header_link {
		border: none;
	}

		
	/* menu appears below header, above main content, stretch to the right */
	#menu {
		position: relative;
		float: left;
		z-index: 1;
		width: 75%;
		padding: 0 0 0 1em;
	}

	/* search box appears below header, left of menu */
	#search {
		position: relative;
		float: left;
		width: 18%;
		padding: .2em 0 0 1em;
	}

	input.searchbutton {
		position: relative;
		border: 1px solid #C0C0C0;
		float: left;
		width: 20%;
	}

	input.searchbutton:hover {
		border-style: solid;
		font-weight: bold;
	}
	
	input.searchfield {
		border: 1px solid #C0C0C0;
		width: 73%;
		float: left;
		overflow: hidden;
	}

	/* content container, contains everything below the header and menu;
		wrapper is used to circumvent Microsoft bugs */
	#wrapper, #content {
		width: 100%;
		position: relative;
		float: left;
	}
	
	#backgroundimage {
		/* opacity: 0.80; */
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		overflow: hidden;
		z-index: -1;
	}
	
	/* can be used in combination with backgroundimage */
	#background_top {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: -10;
	}
		
	/* a column to the left of the main content area */
	#left_column {
		position: relative;
		float: left;
		width: 18%;
		padding: 0 1% 0 1%;
		font-size: 0.8em;
		color: #404040;
	}

	/* a column to the right of the main content area */
	#right_column {
		position: relative;
		float: right;
		width: 18%;
		padding: 0 1% 0 1%;
		font-size: 0.8em;
		color: #404040;
	}

	/* main content appears below menu, horizontally centered
	 * new_content is used in the edit_page template to create new pages */
	#main_content, #new_content {
		max-width: 80em;
		position: relative;
		float: left;
		width: 59%;
		background: white;
		padding: 2em 0 2em 0;
		margin: 1em 0 1em 0;
		border-width: 1px 2px 2px 1px;
		border-style: dotted solid solid dotted;
		border-color: #C0C0C0;
		-moz-border-radius: 1em;
  		border-radius: 1em;
	}
	
	#main_content p {
		/* margin: .5em .5em .5em .5em; */
		margin: 1em;
	}

	#main_content h1, #main_content h2, #main_content h3, #main_content #h4, #main_content h5 {
		font-weight: bold;
		color: #9999FF; /* #9393BF; #9999FF; */
	}
	
	#main_content h1 {
		font-size: 2em;
		padding: 1em;
	}

	#main_content h2 {
		font-size: 1.5em;
		padding: .75em;
	}

	#main_content h3 {
		font-size: 1.3em;
		padding: .65em;
	}

	/* specific presentation containers */

   /* left- and right-floating headers */
   
	/* infobox contains short informational messages */
	.infobox {
		padding: .5em .5em .5em .5em;
		margin: 1.5em 0em 1em 0em;
		background: #EEEEFF; /* #EFF7FF; #EEEEFF; */
		border: 1px solid #C0C0C0;
	}

	/* subject/title of infobox presented in a raised box */
	.infobox h1 {
		position: relative;
		margin-top: -1.5em;
		margin-bottom: -1em;
		float: left;
		padding: 0em .5em 0em .5em;
		background: #CCCCFF; /* #A9D5FF; #AAAAFF; */
		font-size: 1em;
		font-weight: bold;
		border: 1px solid #C0C0C0;
	}

	/* first line of paragraph is bold */
	.infobox p:first-line {
		font-weight: bold;
	}

	/* these infoboxes get different background colors */

	/* local_links (to the left of content) and extra_content */
	#local_links, .extra_content {
		background: transparent;
		border: none;
		margin-bottom: 2.5em;
	}
	
	.extra_content p:first-line {
		font-weight: bold
	}

	.extra_content {
		padding: .5em;
		-moz-border-radius: .5em;
  		border-radius: .5em;
	}

	#local_links h1 {
		visibility: hidden;
	}
	
	#local_links p.menu_category_parent {
		padding-left: .5em;
	}
	
	#local_links p.menu_category {
		padding-left: 1.5em;
	}
	
	#local_links:hover, .extra_content:hover {
		background: #EEEEFF;
	}
	
	.float_right {
		float: right;
	}

	/* image styles */

	.right_25, .right_33, .right_44, .right_50, .right_66, .fullwidth {
		margin: 0em 1em 1em 1em;
	}	 

	.left_25, .left_33, .left_44, .left_50, .left_66 {
		margin: 0em 1em 1em 1em;
	}	 

	.right_25, .right_33, .right_44, .right_50, .right_66 {
		float: right;
		clear: right;
	}

	.left_25, .left_33, .left_44, .left_50, .left_66 {
		float: left;
		clear: left;
	}

	.right_25, .left_25 {
		width: 25%;
	}
	
	.right_33, .left_33 {
		width: 33%;
	}
	
	.right_44, .left_44 {
		width: 44%;
	}
	
	.right_50, .left_50 {
		width: 50%;
	}

	.right_66, .left_66 {
		width: 66%;
	}

	.fullwidth {
	   width: 100%;
	   float: right;
	   clear: both;
   }
   
   .top {
   	position: absolute;
   	top: 0;
   	left: 0;
   }
   
   .background {
   	z-index: -1;
   	clear: none;
   	padding: 0 0 0 0 !important;
   	margin: 0 0 0 0 !important;
   }
   
   .bottom {
   	position: absolute;
   	bottom: 0;
   }

	/* hidden object, is revealed on hover */
	.hidden {
		opacity: 0;
	}
	
	.hidden:hover {
		opacity: 1;
	}
	
	/* faded object, is revealed on hover */
	.faded {
		opacity: 0.2;
	}
	
	.faded:hover {
		opacity: 1;
	}
	
	/* image fader styles */
	#xfade {
		position: relative;
	}
	
	#xfade img {
		/* display: none; */
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	#xfade img.first {
		visibility: visible;
		/* display: block; */
		position: relative;
	}
	
	/* pil = PortraitInLandscape */
	#xfade img.pil {
		width: 55%;
		position: absolute;
		left: 22%;
		top: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* lip = LandscapeInPortrait */
	#xfade img.lip {
		/*height: 100%; */
		/*position: absolute;
		top: 22%;
		left: 0;*/
		margin-top: auto;
		margin-bottom: auto;
	}
   
	/* specific inline data presentation types */
	.phone {
		font-weight: lighter;
	}

	.time, .date {
		font-style: oblique;
	}
   
   /* use sparingly */
   .warning {
      border: 1px dotted blue;
      border-left: .5em solid blue;
      font-weight: bold;
      overflow: hidden; 
      margin: 1em 1em 1em 1em;
      padding: .5em 1em .5em 1em;
      background: #EEEEEE;
   }
  
   .important {
      /* border: 1px dotted blue; */
      border-left: .5em solid blue;
      font-weight: bold;
      overflow: hidden; 
      margin: 1em 1em 1em 1em;
      padding: .5em 1em .5em 1em;
      /* background: #EEEEEE; */
   }
 
   .notice {
      font-style: oblique;   
      font-weight: lighter;
      margin: .5em 2em .5em 2em;
      padding: .5em 1em .5em 1em;
   }
   
   .standout:first-letter {
      border-left: .4em solid #9999FF;
      padding-left: .5em;
   }
   
   .summary {
   	font-size: 1.2em;
   }
   
	/* generic classes */

	.transparent {
		opacity: 0.8;
	}

	.transparent:hover {
		opacity: 1;
	}
	
   /* specific page styles */

	/* page: index */
	
	.index {
		border: none !important;
		background: transparent !important;
	}
	
	.index div {
		background: white;
		margin: 0 !important;
		border-width: 1px 2px 2px 1px;
		border-style: dotted solid solid dotted;
		border-color: #C0C0C0;
		-moz-border-radius: 1em;
  		border-radius: 1em;
	}

	/* page: personal */
	.ovrigt_personal br {
		clear: both;
	}
	
   #main_content h2.float-left {
     float: left;
     width: 33%;
     font-size: 1.2em;
     margin: 0 1em .5em .7em;
     padding-right: 0.2em;
     overflow: hidden;
     background: #CCCCFF;
     border-right: 2px dotted #C0C0C0;
     border-bottom: 2px dotted #C0C0C0;
   }
   
   #main_content h2.float-right {
     float: right;
     width: 33%;
     font-size: 1.2em;
     margin: 0em .8em .5em 1em;
     padding-left: 0.2em;
     overflow: hidden;
     background: #CCCCFF;
     border-left: 2px dotted #C0C0C0;
     border-bottom: 2px dotted #C0C0C0;
   }
   
   #main_content h2.float-right:first-line, #main_content h2.float-left:first-line {
     font-size: 1.3em;
     color: #7777FF;
   }
   
   #main_content p.top-line {
     margin-top: 0em;
     padding-top: .5em;
     border-top: 3px dotted #696969;
     background: #F8F8FF;
   }
   
   /* :after effect used to clear higher floats */
   #main_content p.last:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
   }
   
   /* enlarge these when the mouse is over them */
	#page_personal .right_33:hover, #page_personal .left_33:hover {
	   width: 48%;
	}

	#page_personal .right_33:hover {
		margin-left: 1em;
	}
	   
	#page_personal .left_33:hover {
		margin-right: 1em;
	}

	/* search results page (used when javascript is enabled) */
	#search_results {
		position: relative;
		float: left;
		width: 100%;
	}
	
	#search_frame {
   	width: 99%;
   }

   .snow {
   }

   .wish {
      opacity: 0.7;
   }

   /* debug styles */
   /* show DIV */
   /* div {
   	border: 1px dotted red !important;
   	margin: -1px;
   } */
   /* show IMG */
   /* img {
   	border: 1px dashed green !important;
   	margin: -1px -1px -1px -1px;
   } */