/* Author: Vibeke Hvarregaard Andersen
   layout css: for adjusting layout
   Ver: 1.0
   Date: december 2009
   ****************************************************************************/

/*Main layout settings*/
body{
  text-align:center;
} 

* {
margin: 0;
padding: 0;
}

h1,h2,p{
  margin-top:20px;
  margin-left:20px;
  margin-right:10px;
}

img{
  margin:10px;
  border:none;
}

/*Wrapper: wraps around the entire page*/
#wrapper{
  text-align:left;
  margin-top:10px;
  margin-right:auto;
  margin-left:auto;
  width:930px;
}

/*The box at the bottom which holds the images*/   
#footer_box{
    width:930px;
    height:90px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    clear:both;
    margin-top:8%;    
}

#footer_box img{
   margin-left:20px;
   margin-right:20px;
}

/*Wrapper for the middle part*/
#middle_wrapper{
  width:930px;
  min-height:330px;  
}

/*The right box in the middle_wrapper*/
#right_box{
    width:223px;
    float:right;
    height:320px;
}

/*The left box in the middle_wrapper*/
#left_box{
    width:200px;
    float:left;
    height:320px;
}

/*The content box in the center in the middle_wrapper*/
#content_box{
    width:485px;
    min-height:320px;
    float:left;
    border-left:1px solid #A9A9A9;
}

/*The top box in the wrapper*/
#top_box{
    width:930px;
    height:130px;
    margin-bottom:20px;
}

/*The menu wrapper, that holds all the menu contents in the top_box*/
#menu_wrapper{
    width:700px;
    float:right;
    height:30px;
    margin-top:100px;
}
/*The logo box that holds the logo in the top_box*/
#logo_box{
    width:220px;
    float:left;
}

/*Layout for the menu*/
#menu_box ul{
  padding-top:5px;
  list-style:none;
}

#menu_box li{
	float:left; 
}

#menu_box li a{
  display: block;
  padding: 3px;
  padding-left:0px;  
	width: 100px;
	text-align: center;
	text-decoration: none;
}  

#menu_box div{
  position: absolute;
	visibility: hidden; 
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#menu_box div a{
    position: relative;
		display: block;
		width: 190px;
		text-align:left;
		text-decoration: none;
		border-style:solid;
		border-width:1px;
		border-bottom:none;
		padding-left:5px;
		padding-right:5px;
}


/*Classes for apperance purposes*/
a.indent{
   text-indent:15px;
}

img.menu{
  margin:0px;
  border:none;
  margin-right:3px;
  margin-bottom:-1px;
}

ul.content{
  margin-top:20px;
  margin-left:20px;
  margin-left:50px;
}