html, body
	{
	font-size: 99.9%;
	font-family: helvetica;	
	}



#mjm
	{
	width: 70em;
	margin: auto;
	position: relative;
	}

a
	{
	text-decoration: none;
	color: #808080;
	}

a:hover
	{
	color: #e41d7f;
	}

/* Content on the Left Side */

#staticLeft
	{
	position: absolute;
	left: 0;
	top: 0;
	z-Index: 1;
	width: 10em;
	height: 500px;	
	}

ul.contentLeft
	{
	font-size: 0.8em;
	text-transform: uppercase;
	list-style: none;
	color: #b1b1b1;
	padding: 0;
	border-bottom: dotted 1px #bfbfbf;
	margin: 50px 0 0 0;
	}
	
ul.contentLeft li
	{
	padding: 0;
	margin: 0;
	}

ul.contentLeft strong
	{
	margin: 0;
	color: #999999;
	}

.specialLeft
	{
	margin-top: 5em;
	padding: 0.4em 0;
	border-top: dotted 1px #bfbfbf;
	border-bottom: dotted 1px #bfbfbf;
	}

.dummy
	{
	margin: 0;
	padding: 0;
	height: 40px;
	background: gray;
	}

/* Header + Navigation */

#header
	{
	position: relative;
	width: 48em;
	margin: 0 11em;
	}
	
.logo
	{
	height: 44px;
	background: url("/docroot/mjm/imgs/mjm_logo.png") white no-repeat left center;
	border-bottom: 2px solid #7f7f7f;
	}

.navigation
	{
	padding: 0.5em 0;
	}
	
ul.level1
	{
	text-align:left;
	background-color: white;
	margin: 0.2em 0.2em 0.2em 0;
	padding: 0;
	font-size: 0.8em;
	text-transform: uppercase;
	width: 30em;
	display: inline;
	}

ul.level1 li a
	{
	font-weight: bolder;
	color: #c9c03d;
	text-decoration: none;
	}

ul.level1 li a:hover
	{
	color: #e41d7f;
	}
	
ul.level1 li
	{
	display: inline;
	border-left: 1px dotted #c9b305;
	padding: 0 0.4em;
	}

ul.level1 li.active
	{
	border: none;
	padding-left: 20px;
	background: url("/docroot/mjm/imgs/mjm_web_blackarrow.png") no-repeat left;
	}

ul.level1 li.active a, ul.level1 li.active a:hover
	{
	color: #000000;
	}
	
ul.level1 li.first
	{
	padding-left: 0;
	border: none;
	}

span.lang
	{
	color: #c9b305;
	font-size: 0.8em;
	position: absolute;
	right: 0;
	display: none;
	}

span.size
	{
	position: absolute;
	right: 10em;
	}
	
span.size a
	{
	padding: 0;
	height: 13px;
	width: 13px;
	line-height: 13px;
	text-align: center;
	margin-left: 5px;
	display: block;
	float: left;
	text-decoration: none;
	color: #c9b305;
	border: 1px #c9b305 solid;
	}

span.size a:hover
	{
	color: #e41d7f;
	border: 1px #e41d7f solid;
	}


span.size a.small
	{
	bottom: 0;
	font-size: 0.6em;
	}

span.size a.middle
	{
	font-size: 0.8em;
	color: #000000;
	border-color: #000000;
	}

span.size a.big
	{
	font-size: 1em;
	}


span.lang a
	{
	color: #c9b305;
	text-transform: uppercase;
	padding: 0;
	height: 13px;
	width: 13px;
	line-height: 13px;
	text-decoration: none;
	}

span.lang a:hover
	{
	color: #e41d7f;
	}
span.lang a.thisLang
	{
	color: #000000;
	}

#randomPic
	{
	width: 48em;
	height: 100px;
	background: url("/docroot/mjm/imgs/mjm_header.jpg") no-repeat center #f2f2f2;
	overflow: hidden;
	}

/* Subnavigation and Content*/
#body
	{
	margin: 0 11em;
	width:48em;
	position: relative;
	height: 400px;
	}

.subnav
	{
	position: absolute;
	left: 0;
	height: 100%;
	width: 14em;
	}

ul.level2
	{
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	}
	
ul.level2 li ul
	{
	margin-left: 1em;
	padding-left: 0;
	list-style: none;
	}

ul.level2 li.active
	{
	padding-left: 20px;
	background: url("/docroot/mjm/imgs/mjm_web_blackarrow.png") no-repeat left;
	}

ul.level2 li.active a, ul.level2 li.active a:hover
	{
	color: #000000;
	}


ul.level2 li a, ul.level2 li ul li a
	{
	font-weight: bolder;
	font-size: 0.8em;
	text-decoration: none;
	color: #c9b305;
	}		
ul.level2 li a:hover, ul.level2 li ul li a:hover
	{
	color: #e41d7f; 
	}
	
ul.level2 li ul li
	{
	padding-left: 20px;
	}

ul.level2 li ul li.active
	{
	background: url("/docroot/mjm/imgs/mjm_web_blackarrow.png") no-repeat left;
	}

ul.level2 li ul li.active a, ul.level2 li ul li.active a:hover
	{
	color: #000000;
	}

ul.level2 li ul li a
	{
	font-weight: bolder;
	font-size: 0.8em;
	text-decoration: none;
	color: #c9b305;
	}		




h1.titleGreen
	{
	color: #c9b305;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	border-bottom: 1px dotted #c9b305;
	width: 12em;
	}

h1.titleBlack
	{
	color: #000000;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	border-bottom: 1px dotted #c9b305;
	width: 30em;
	}

span.date, span.subtitle, span.subtitleParagraph
	{
	margin-left: 2em;
	font-size: 0.7em;
	font-weight: bold;
	color: #c9b305;
	}

span.subtitleParagraph
	{
	margin-left: 0;
	}

.content
	{
	position: absolute;
	right: 0;
	width: 34em;
	height: 100%;
	}
	
.contentText
	{
	font-size: 0.8em;
	}
	
a.linksParagraph
	{
	background: url("/docroot/mjm/imgs/mjm_web_blackarrow.png") no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	display: block;
	margin: 0.3em 0 0 3em;
	font-size: 0.8em;
	/*font-weight: bold;*/
	color: #000000;
	}

a.linksParagraph:hover
	{
	color: #e41d7f; 
	}
span.download
	{
	display: block;
	margin: 0.3em 0 0 0;
	font-size: 0.8em;
	/*font-weight: bold;*/
	}

span.download a
	{
	text-decoration: none;
	color: #000000;
	}
	
span.download a:hover
	{
	color: #e41d7f; 
	}

img.picture
	{
	border: none;
	margin-right: 20px;
	margin-bottom: 20px;
	}

.featuresContainer
	{
	margin-bottom: 5em;
	}

.featureTitle
	{
	clear: both;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 0.7em;
	margin: 0.2em 0;
	float: left;
	width: 14em;
	color: #c9b305;
	}

.feature
	{
	
	font-size: 0.8em;
	margin: 0.2em 0;
	float: left;
	width: 30em;
	}

.feature a
	{
	background: url("/docroot/mjm/imgs/mjm_web_blackarrow.png") no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	font-size: 0.8em;
	/*font-weight: bold;*/
	color: #000000;
	}

.feature a:hover
	{
	color: #e41d7f; 
	}

.links
	{
	clear: both;
	}

form.form
	{
	margin: 3em 0;
	}
	
form.form input
	{
	border: 1px gray solid;
	margin-left: 10px;
	}
	
form.form input.button
	{
	border: none;
	}


label
	{
	font-size: 0.9em;
	}
	
/* static Content Right*/

#staticRight	
	{
	position: absolute;
	right: 0;
	top: 0;
	z-Index: 1;
	width: 10em;
	color: #0ca0c7;
	}	
	
.login
	{
	font-size: 0.8em;
	margin-top: 44px;
	border-top: 2px solid #0ca0c7;
	}
	
#staticRight input
	{
/*	backgrounf-color: transparent;*/
	border: none;
	width: 6em;
	color: #0ca0c7;
}

#staticRight input.input
	{
	height: 1.1em;
	position: absolute;
	right: 0; 
	border: 1px gray solid;
	width: 6em;
	}

#staticRight input#searchright
	{
	height: 1.1em;
	border: 1px gray solid;
	width: 10em;
	}
form.search
	{
	border-top: 2px dotted #0ca0c7;
	}
	
.newsRightContainer h4
	{
	border-bottom: 2px dotted #0ca0c7;
	}

.newsRight
	{
	font-size: 0.8em;
	border-bottom: 2px dotted #0ca0c7;
	}

a.linkParagraphBlue
	{
	background: url("/docroot/mjm/imgs/mjm_web_bluearrow.png") no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	display: block;
	margin: 0.3em 0 0 3em;
	color: #0ca0c7;
	}

a.linkParagraphBlue:hover
	{
	color: #e41d7f;
	}
	
	
.contactMail input
	{
	height: auto;
	position: absolute;
	left: 12em; 
	border: 1px gray solid;
	width: 10em;
	}

.contactMail textarea
	{
	border: 1px gray solid;
	width: 25em;
	}

.contactMail label
	{
	text-transform: uppercase;
	font-size: 0.8em;
	color: #c9b305;
	}

.contactMail a
	{
	background: url("/docroot/mjm/imgs/mjm_web_greenarrow.png") no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	display: block;
	margin: 0.3em 0 0 3em;	
	color: #c9b305;
	}

.contactMail a:hover
	{
	color: #e41d7f; 
	}

input#hidden
	{
	display: none;
	}