/* BODY
=============================================================================*/
body {
  font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
  font-size: 0.8em;
  line-height: 1.6;
  color: #000000;
  padding: 0;
  max-width: 80%;
  margin: 0 auto;
}

/* HEADERS
=============================================================================*/

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
}

#header{
	border-bottom: 0.2em solid #DF6500;
	color: #FFEFD1;
	background: #FDAE44;
	padding-left: 0.5em;
	padding-bottom: 0em;
	margin-top: 1em;
}

#MMTVersion{
	font-size: 1.5em;
	color: #FFEFD1;
	background: #FDAE44;
	padding-left: 0.8em;
	margin-top:-1em;
}

h1 {
	font-size: 2em;
	color: #FFEFD1;
	background: #FDAE44;
	padding-left: 0.5em;
	padding-bottom: 0em;
	margin:0em;
}

h2 {
	font-size: 1.5em;
	border-bottom: 0.2em solid #007882;
	color: #E8FEFF;
	padding-left: 1em;
	background: #0096A1;
}

h3 {
	font-size: 1.2em;
	border-bottom: 0.2em solid #0096A1;
	color: #0096A1;
	padding-left: 1em;
	background: #B7EDED;
}

h4{
	font-size: 1em;
	border-bottom: 1px solid #000000;
	color: #000000;
	padding-left: 0.5em;
}

i.note{
	color:#0096A1; /*#FDAE44*/
}

i.noteimportant{
	color:#FF0000; /*#FDAE44*/
}

/* LINKS
=============================================================================*/
a {
	display:inline-block;
	color: #4183C4;
	text-decoration: none;
} 

#shownavigation{
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

/* TEXT
=============================================================================*/
.jumptop_h2{
	padding-top:1.5em;
	padding-right:0.5em;
	float:right;
	font-size:0.5em;
	color:#E8FEFF;
	font-weight:bold;
}

.jumptop_h3{
	padding-top:0.8em;
	padding-right:0.5em;
	float:right;
	font-size:0.65em;
	color:#0096A1;
}

.jumptop_h4{
	padding-top:0.8em;
	padding-right:0.5em;
	float:right;
	font-size:0.65em;
	color:#000000;
}

.selected{
	color:#FF0000;
}

/* IMAGES
=============================================================================*/
img {
    display:block;
    margin-bottom:2em;
	width:auto;
	height:auto;
	max-width:28em;
	border: 0.3em solid #DDDDDD;
}

img.button {
	display:inline;
	margin:0;
	height:auto;
	width:auto;
	/*border: 0.3em solid #DDDDDD;*/
	border:0;
}

img.buttonShortDescription{
	display:inline;
	margin:0;
	height:auto;
	width:auto;
	/*border: 0.3em solid #DDDDDD;*/
	border:0;
	vertical-align:middle;
	margin-bottom:0.3em;
	margin-right:0.3em;
}

a.openColorBox{
	margin-left:0.5em;
}

/* NAVIGATION
=============================================================================*/
#navigation {
	width:79%;
	list-style: none;
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	padding-right:1em;
    margin-right: 1em;
	font-size: 1em;
}

#navigation a{
	text-decoration: none;
}

#navigation ul li{
	list-style:none;
	text-transform: uppercase;
	display:block;
}

#navigation ul li:hover ul{
	display:inline-block;
}

#navigation ul li a{
	color:#666666;
	padding-left:1em;
	padding-right:1em;
	display:inline-block;
}

#navigation ul li a:hover{
	background: #0096A1;
	color: #E8FEFF;
}

#navigation ul li ul{
	display:none;
}

#navigation ul li ul li{
	color:#00FF00;
	list-style:none;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	text-transform: lowercase;
}

#navigation ul li ul li a{
	color:#666666;
	list-style:none;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	text-transform: lowercase;
}

#navigation ul li ul li a:hover{
	background:#B7EDED;
	color:#0096A1;
	list-style:none;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
}

/*otherwise border around image after having clicked it (Chrome)*/
a:-webkit-any-link {
    outline:none;
}