html {
	height: 100%
}

@font-face {
  font-family: 'Moussefont';
  src: url('AdineKirnberg-Alternate.eot');	/*IE*/
  src: url('AdineKirnberg-Alternate.ttf');
}

A:link {
    COLOR: #664200;
	TEXT-DECORATION: none
}
A:visited {
    COLOR: #664200;
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #664200;
	TEXT-DECORATION: underline
}
a:active{
	color:#000000;
	text-decoration: underline
}

h1 {
  font-family: 'Moussefont', 'Futura', 'Arial';
  font-size: 72pt;
  font-size-adjust: 0.21;
  font-size: 4em;
  font-weight: normal;
  text-decoration: none;
  color: #664200;
  text-align: center;
  line-height: 80%;
}

h2 {
  font-family: 'Moussefont', 'Futura', 'Arial';
  font-size: 3em;
  font-size-adjust: 0.21;
  font-weight: normal;
  /*decoration: none;*/
  color: #664200;
  text-align: center;
  line-height: 80%;
}

h3 {
  font-family: 'Moussefont', 'Futura', 'Arial';
  font-size-adjust: 0.21;
  font-size: 2em;
  font-weight: normal;
  color: #664200;
  text-align: left;
  line-height: 80%;
}

p {
  /*font-family: 'Lucida Sans', 'Arial';*/
  font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', 'serif';
  font-size: 14pt;
  text-align: left;
}

#main ul {
	font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', 'serif';
	font-size: 14pt;
	text-align: left;
}

#main li {
	font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', 'serif';
	font-size: 14pt;
	text-align: left;
}

img {
	border:0;
	}

img.center {
	position: relative;
	display: block;  
	margin-left: auto;  
	margin-right: auto;
	max-width: 95%;
}

img.titletext {   
	display: block;  
	margin-left: auto;  
	margin-right: auto;
	display: none;	/* Hide the nice text images on small screens to allow line breaks of titles */
}

span.titletext{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

span.lvl1Link{
	font-family: 'Moussefont', 'Futura', 'Arial';
	font-size: 2.5em;
	font-size-adjust: 0.21;
	font-weight: normal;
	color: #664200;
	text-align: left;
	line-height: 100%;
}

span.lvl2Link{
	font-family: 'Moussefont', 'Futura', 'Arial';
	font-size: 2em;
	font-size-adjust: 0.21;
	font-weight: normal;
	color: #664200;
	text-align: left;
	line-height: 90%;
}

div.menuItem{
	background-image: url(../commons/ButtonBgnd.png);
	background-repeat: repeat-x;
	background-size: contain;
	position: relative;
	float: left;
	padding-right: 30px;
	padding-top: 15px;
	margin-right: 10px;
}

div.subMenuItem{
	float: left;
	clear: both;
	padding-left: 10px;	
}

body{
  padding: 0;
  margin: 0;
  min-height: 101%;
  margin: 0 0 0 0;
  background-image: url(../commons/bbackground.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
 }
 
 div#mainContainer{
	min-height:100%;
	width: 100%;
	display: block;
}

  div#headDiv{
  background-image: url(../commons/hbackground.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
  color:black;
  top:0;
  left:0;
  width:100%;
  height:100px;
  display: block;
  clear: both;
  z-index: 4;
 }
 
 div#mainFrame{
	position: relative;
	display:block;
	height: 101%;
	clear: both;
	/*overflow: hidden;*/
 }

div#left-sidebar{
	padding-left: 1em;
	clear: left;
	float: left;
	top: 100px;
	position:fixed;
	height:100%;
	display: none;
	z-index: -2;
  }
  
div#centerSection{
	/*width: 50em;*/
	position: relative;
	/*padding: 1em;*/
	margin: auto;
	background-color: #FCEFDE;
	/*display: table;*/
	overflow: hidden;
}


div#content{
	z-index: 5;
	overflow: inherit;
	padding-bottom: 15px;
}

div#menu{
	padding-left: 1em;
	width: 100%;
	overflow: inherit;
	z-index: 7;
	border-bottom:thick dotted #664200;
}
  
div#main{
	position: static;
	overflow: inherit;
	height: 100%;
	z-index: 6;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

div#foot{
	position: absolute;
	clear: both;
	font-family: 'Futura', 'Lucida Sans', 'Arial';
	background:#d6cdc0;
	color:black;
	width:100%;
	/*min-height:1.2em;*/
	display: block;
	bottom: 0;
	font-size:80%;
	text-align: center;  
	vertical-align: bottom;
	margin-top: 2.2em;
	z-index: 0;
}

div#right-sidebar{
	padding-right: 1em;
	color:black;
	float: right;
	top: 100px;
	right: 0px;
	position:fixed;
	height: 100%;
	display: none;
	z-index: -1;
}
	

/* keeps the header fixed on large screens where this might be accepatble*/
 @media all and (min-height: 450px) and (orientation: landscape){
	div#headDiv{
		position: fixed;
	}
	div#centerSection{
		padding: 110px 0em 4em 0em;
	}	
  }
  
/* Set paragraph text as justified. does not look very nice on very small screens */
@media all and (min-width: 300px){
	p{
		text-align: justify;
	}
}

/* Put Menu on the side of the content */
@media all and (min-width: 52em){
	div#centerSection{
		width: 50em;
	}
	div#menu{
		float:left;
		width: 17em;
		position: fixed;
		height: 100%;
	}
	
	div.menuItem{
		background: none;
		clear:both;
		padding-right: 2px;
		padding-top: 5px;
	}
	
	div#main{
		padding: 1em 1em 1em 18em;
	}
}


/* Shows sidebars when screen is large (wide) enough */
@media all and (min-width: 76em){
	div#left-sidebar{
		display: table
	}
	div#right-sidebar{
		display: table;
	}
}