html, body, p, div,  pre 
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color:#1B436A;
}

table
 {
	font-family:  Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color:#1B436A;

}
body
{
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    background-position: center top;
	background-color:#eaeaea; /*FFFFCC;*/

}


#main-container
{

    margin-left:auto;
	margin-right:auto;
	text-align:center;
	top:0px;
	width: 820px;
}

/**********/
/* Header */
/**********/

#header
{
	float:left;
	width: 100%;
	height:100px;
	background-image:url('header-mit-logo.jpg');
}

/***********************************/
/* Horizonta Navigation + Lauftext */
/***********************************/

#main-nav-lauftext{
	float:right;
	width:100%;
	height:36px; 
	vertical-align:middle;
	background-color:#c6d2f5;
}

#main-nav
{

	float:right;
	width:80%;
	margin-left:0;
	margin-right:auto;
	text-align:left;
	background-color:#c6d2f5; /* #99aabb; #20B2AA #add8e6; #D6DDED;*/
}

#lauftext 
{
	width:16%;
	padding:0.6em;
	float:left;
	margin-left:auto;
	margin-right:0;
	text-align:right;
	background-color:#c6d2f5; /* #99aabb; #20B2AA #add8e6; #D6DDED;*/
	
	}




/*********************************/
/* Vertical Navigation + Content */
/*********************************/

#nav-und-container
{
	width:100%;
	float:left;
	background:#c6d2f5;
}


#nav
{	
	float:left;
	padding-left:3px;
	width:18%;
}

#container
{
	min-height:500px;
	float: right;
	width: 80.2%;
	padding: 3px;
	background-color:white;
}


/**********/
/* Footer */
/**********/

#footer
{
	float:left;
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:0;
	margin-right:auto;
	text-align:left;
	vertical-align:middle;
	background-color:silver;
}





#left
{
	position:relative;
	width:630px;
	float:left;
}

#right {

	width:14%;
	float:right;
}
#width20
{
	width:20%;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	float:left;

}

#width80
{
	width:80%;
	float:right;
	
}


#content
{
	width:100%;
}

/* Horizontal Navigation Begin*/

  ul#Navigation {
  margin: 0; padding: 1em;
    text-align: left;
	background-color:#c6d2f5; /* #99aabb; #20B2AA #add8e6; #D6DDED;*/

  }
  ul#Navigation li {
    list-style: none;
    display: inline;
   /* margin: 0.1em; padding: 0; */
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.4em 1em;
    text-decoration: none; font-weight: bold;
    /*border: 1px solid black; */
    border-left-color: white; border-top-color: white;
    color: white; background-color: #0549AC;
  }
 
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: #0549AC; background-color: white;
  }

/* Horizontal Navigation End*/


/* Vertical Navigation Begin*/

  ul#Navigation-v {
    width: 12em;
    margin: 0; padding: 0.8em;
    /* border: 1px solid black; */
	/* background-color:#c6d2f5; /* #99aabb; #20B2AA #add8e6; #D6DDED;*/
  }

  ul#Navigation-v li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul#Navigation-v a, ul#Navigation-v span {
    display:block;
    padding: 0.3em;
    text-decoration: none; font-weight: bold;
    /* border: 1px solid black; */
    /* border-left-color: white; border-top-color: white; */
    color: white; 
    background-color:#1B436A;
    /* 2883ff  3F7CFF e4bc95*/
  }




  ul#Navigation-v a:hover, ul#Navigation-v span {
    /*border-color: white;
    border-left-color: black; border-top-color: black;*/
    color: #1B436A; background-color: white;
  }


/* Vertical Navigation End*/

#footerxxx
{
	padding:0.8em;
	margin-left:0;
	margin-right:auto;
	text-align:left;
}
#widht98
{
	width:98%;
	
}
#center
{

	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#left
{

	margin-left:0;
	margin-right:auto;
	text-align:left;

}

#right
{

	margin-left:auto;
	margin-right:0;
	text-align:right;
}