@import url("mlduser.css");

/* --------------------- page layout --------------------- */
div#content { width : 100%; margin: 95px 0 -.5em 0; padding : 0; text-align : left;}

div#content_main { margin : 0 0 0 161px; padding-left:1.5% ; width : 60%; position:relative; }
#contnet_main p {padding-bottom: .3em ; }
#content_main a { font-weight: bold; } 

/* slight adaption of main per section */
div#services_main { margin : 0 0 0 161px; padding-left:1.5% ; width : 60%; position:relative; }
div#links_main { margin : 0 0 0 161px; padding-left:1.5% ; width : 60%; position:relative; }
div#speak_main { margin : 0 0 0 161px; padding-left:1.5% ; width : 60%; position:relative; }
#speak_main h3 { padding: 1em 0 .5em 0 }

/* footer */
div#footer { margin : 0 0 0 13% ; padding: 30px 0 0 30px; color:#51CC41; text-align:center; width : 502px ; position : relative ;}
div#footer a:link, div#footer a:visited { font-weight:normal; color: #9900CC; }
div#footer a:hover {  font-weight:normal;  color: #3366D5;}
div#footer p {padding-bottom: .3em ; }

.footleft  {float: left; padding: 0; margin-top: -3px;}
.footright { float: right; margin:0;}


/* --------------------- menu --------------------- */ 
div#content_menu {top: 65px; left: 0; position: absolute; width: 145px; margin:0; padding:0; }

h4#mldlogo {width: 145px; height: 97px; background-image:url(../images/side_logo.jpg); 
background-repeat:no-repeat;}

h4#mldbubble {width: 145px; height: 97px; background-image:url(../images/bubble.jpg); 
background-repeat:no-repeat;}

h4#mld {width: 145px; height: 99px; background-image:url(../images/dog_blink.gif); 
background-repeat:no-repeat; text-indent: -9999px;}

#content_menu li a { display: block; text-indent:-9999px; list-style-type: none; }
#content_menu ul { list-style-type: none;}
ul.bulletedlist {list-style-position: inside; list-style-type: disc; text-indent: 2em; line-height: 17px; margin: 2px 0; } 
	
/* menu image replacements */
li#about { width: 145px; height: 31px; background-image:url(../images/about_on.jpg); background-repeat:no-repeat;}
li#about a { width: 145px; height: 31px; background: transparent url(../images/about.jpg) top left no-repeat;}
li#about a:hover { width: 145px; height: 31px; background-image:url(../images/about_on.jpg); background-repeat:no-repeat;}

li#services { width: 145px; height: 36px; background-image:url(../images/services_on.jpg); background-repeat:no-repeat;}
li#services a { width: 145px; height: 36px; background: transparent url(../images/services.jpg) top left no-repeat;}
li#services a:hover { width: 145px; height: 36px; background-image:url(../images/services_on.jpg); background-repeat:no-repeat;}
li#links { width: 145px; height: 36px; background-image:url(../images/links_on.jpg); background-repeat:no-repeat;}
li#links a { width: 145px; height: 36px; background-image:url(../images/links.jpg); background-repeat:no-repeat;}
li#links a:hover { width: 145px; height: 36px; background-image:url(../images/links_on.jpg); background-repeat:no-repeat;}

li#speak { width: 145px; height: 35px; background-image:url(../images/speak_on.jpg); background-repeat:no-repeat;}
li#speak a { width: 145px; height: 35px; background-image:url(../images/speak.jpg); background-repeat:no-repeat;}
li#speak a:hover { width: 145px; height: 35px; background-image:url(../images/speak_on.jpg); background-repeat:no-repeat;}

li#menubottom { width: 145px; height: 48px; background-image:url(../images/menu_bot.jpg); background-repeat: no-repeat;}

/* defines current page */
body.About #aAbout { width: 145px; height: 31px; background-image:url(../images/about_on.jpg); background-repeat:no-repeat;}
body.Services #aServices { width: 145px; height: 36px; background-image:url(../images/services_on.jpg); background-repeat:no-repeat;}
body.Links #aLinks { width: 145px; height: 36px; background-image:url(../images/links_on.jpg); background-repeat:no-repeat;}
body.Speak #aSpeak { width: 145px; height: 35px; background-image:url(../images/speak_on.jpg); background-repeat:no-repeat;}


/* --------------------- details per page --------------------- */

/* ----- Index page --------------------- */ 
.frontlogo { top: 10px; width:345px; height: 193px; margin: 0% 10% 0% 11%; padding: 0; position:relative;}
.fronttxt { width:345px; height: 54px; margin: 2% 10% 12% 10%; padding: 0; position: relative;}


/* ----- //Services & Links pages --------------------- */ 
ul#services_submenu { width: 400px; margin: 25px 0 25px 0; padding: 0em; }
ul#services_submenu li {
	display: inline;
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	padding-right: 5%;
	color: #AA00CC;
}
.topreturn {
	font-size: 10px;
	line-height: 15px;
	display: block;
	margin-top: 1%;
	margin-right: 0%;
	margin-bottom: 7%;
	margin-left: 0%;
}
.boldlist {
	list-style-type: none;
	line-height: 30px;
	font-weight: bold;
	margin: -.3em 0 -.3em 0;
	padding: 0px;
}

.smalllink {
	font-size: 10px;
	line-height: 15px;
	display: block;
	margin: 0%;
}


/* ----- //Speak pages --------------------------------------- */ 
/* ----- In the News and Testimonials submenu ------ */
dl { padding-top: 15px; width: 400px; }
dt {list-style-type: none;
	display:inline;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	padding: 10px 0 0 0;
	color: #AA00CC;
}
dd {
	display: inline;
	margin-left: 5px;
	color: #3E3E3E;
}



/* ----- article teasers ------ */
.newscontainer {
	width: 550px;
	margin-top: 10px;
	border: 1px solid #6666CC;
	background-color: #FFFFFF;
	padding: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #262626;
	display: block;
	overflow: hidden;
	position: relative;
}
.img_newsleft {
	display: block;
	/*height: 142px;*/
	background-position: center;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 170px;
}
.newsleft {
	text-align: center;
	display: block;
	width: 282px;
	margin: 0px;
	background-color: #EFEFEF;
	float: left;
	overflow: visible;
	padding: 0px;
	background-position: 100%;
	position: relative;
	visibility: visible;
}

.imageblock {
	display: block;
	padding: 5px 0;
	margin: 0;
	position: relative;
}
.newsright {
	margin: 0 0 0 20px;
	display: block;
	float: left;
	text-align: left;
	padding: 0px;
	width: 195px;
}


/* ----- comments - see mlduser -----------*/


/* ----- full articles ----------*/

div#article_container_nonblock {
	width: 633px;
	padding: 5px 5px 10px 15px;
	margin-top: 10px;
	background-color: #FFFFFF;
	border: 1px solid #6666CC;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	font-size: 12px;
	line-height: 15px;
	color:#262626;
}
div#article_container {
	position: relative;
	width: 633px;
	padding: 5px 5px 10px 15px;
	margin-top: 10px;
	background-color: #FFFFFF;
	border: 1px solid #6666CC;
	overflow:hidden;
}
#article_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color:#262626;
}

/* Right - sidebar */
div#photoandtools {
	float: right;
	padding: 0px;
	width: 260px;
	top: 0px;
	margin: 2px 2px 15px 13px;
}
#photoandcaption {
	color: #6C6C6C;
	background-color: #EFEFEF;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px;
}
.photoandcaptionimg { margin: 0px; padding-top: 10px; }
#interactivetools {
	background-color: #EFEFEF;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.imglink { margin: 0px; vertical-align: sub; padding: 2px 10px 2px 0;}

/* Left - article */
div#fullarticle {
	float: left;
}
.imgMasthead { margin-bottom: 10px; }
#fullarticle h2 {line-height: 20px; font-size: 19px; margin-bottom: 4px;}
#fullarticle p { text-indent: 20px; padding: 0; margin: 0 2em 1em 0; }

.subhead { font-size: 15px; line-height: 17px; display:inline; }