/* #main-menu config - instance specific stuff not covered in the theme */
	#main-menu {
		position:relative;
		top:75px;
		left:0px;
		z-index:9999;
		width:9em;
	}
	#main-menu ul {
		width:10em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	}   

*{
  margin: 0;
  padding: 0;
}	
	
html {
	height: 100%
}
	
body{
	color:#888;
	font-size:18px;
	font-family:Arial,sans-serif;
	background: url(images/background.png) left repeat-y #EEE;
 }
 
 div#header{
  padding:45px 45px 25px 45px;
  text-align:center;
  vertical-align:middle;
 }

 div#left-sidebar{
  position:absolute;
  width:340px;
 }
 
 div#content {
	margin-left: 340px;
   font-size:15px;
 }
 
 div#miranda{
  font-size: 40px;
  text-align:center;
  padding: 25px;
}

  div#miranda_sub{
  font-size: 30px;
  text-align:center;
  padding: 0px;
}
 
  div#home{
   position: relative;
   margin:10px;
   padding: 50px;
   text-align: center;
 }
 
   h1 {
	font-size: 3em;
 }
 
 td.yearcolumn {
	width:50px;
	vertical-align:top;
}

td {
	text-align: center;
}

  @media screen and (max-width: 1200px) {
  body{
	background: url(images/background-small.png) left repeat-y #EEE;
 }
  
 div#left-sidebar{
  position:absolute;
  width:170px;
 }
 
 div#content {
	margin-left: 170px;
   font-size:15px;
 }
 
  div#miranda{
  font-size: 25px;
  text-align:center;
  padding: 2px;
}

  div#miranda_sub{
  font-size: 20px;
  text-align:center;
  padding: 10px;
}
 }
 
@media screen and (max-height: 700px) {
    div#header{
  padding:20px;
 }
 
  h1 {
	font-size: 2em;
 }
   }
   
@media screen and (max-height: 600px) {
    div#header{
  padding:15px 15px 0px 15px;
 }
 
   }