@charset "UTF-8";

/* CSS RESET */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre,
code, address, variable, form, fieldset, blockquote {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { margin-left: 1.4em; list-style: decimal; }
ul { margin-left: 1em; list-style:square; }
q:before, q:after { content:''; }

#siteWrap {
	width: 980px;
	background-color: #fff;
	background-position: center;
	margin: 0px auto;
	padding: 5px 0px; 
	text-align: left;
}

body { 
	padding: 10px 0px 10px; 
	font-family: "Futura Medium", "Futura Std Medium", sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
}

#banner {
	position: relative;
	padding: 0px 0px 10px 0px;
	margin: 0px 20px 20px 15px;
	height: 120px;
	width: 800px;
}

#banner .email {
	position: relative;
	top: -70px;
	left: -3px;
}

#mld-logoLink {
    background-image:url(../img/MLtypeLogo.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 10px 10px;
	margin: 0px 20px 20px 15px;
	padding: 10px 0px 10px 0px;
    height:120px;
    width:200px;
	text-indent:-9999px;
}

#mld-logoLink a{
	visibility: hidden;
}

#contact {
	position: relative;
	top: -130px;
	/*top: -161px;*/
	left: 80%;
	line-height: 20px;
	color: #5a499e;
	font-size: 110%;
}

#banner #contact a {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #b5d450;
	font-size: 100%;
	text-decoration: none;
}

#contact .small {
	font-size: 85%;
}

#contact .smaller {
	font-size: 75%;
}

.innerWrapper {
	margin: 0;
	padding: 0 0px 3px 0px;
	width: 890px;
}

/* ----------------- begin vertical accordion ----------------------------------------   */

.verticalaccordion {
	float: left;
	width: 246px;
}

.home a, .about a {
	display: block;
	width: 246px;
}

.home a:hover { 
	background: url(../img/home-hover.png);
	height: 39px;
}

.about a:hover { 
	background: url(../img/about-hover.png);
	height: 39px;
}

.home a:hover img, .about a:hover img {
	visibility: hidden;
}
.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	width: 246px;
	background-color: #dde7c3;
}

.verticalaccordion>ul>li {
    display:block;
	overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
	height:40px;
	width: 246px;

    /* Decorative CSS */
    background-color:#dde7c3;

    /* CSS3 Transition Effect */
    transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -webkit-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;

}

.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
	text-transform:uppercase;
	font-size: 13px;

    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #fff;
    background: #dde7c3;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #2e1d72, #9d8ed9);
    background: -webkit-gradient(linear, left top, left bottom, from(#2e1d72), to(#9d8ed9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2e1d72, endColorstr=#ff9d8ed9); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2e1d72, endColorstr=#ff9d8ed9)";   /* IE 8 */
}

.link {
	text-decoration: none;
	height: 0px;
	color: #FFF;
}

.link:hover {

 /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #2e1d72, #9d8ed9); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#2e1d72), to(#9d8ed9)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2e1d72, endColorstr=#ff9d8ed9); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2e1d72, endColorstr=#ff9d8ed9)";   /* IE 8 */
}

.link:hover a {
	background-color: 013c5d;
}

.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:380px;
	background-color: #dde7c3;
}

.verticalaccordion>ul>li:hover {
	height: 380px;
}

.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
	background-color: #b5d450;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #3d5402, #d3e5a3); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#3d5402), to(#d3e5a3)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3d5402, endColorstr=#ffd3e5a3); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3d5402, endColorstr=#ffd3e5a3)";   /* IE 8 */
}

.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}

.verticalaccordion>ul>li>div>ul>li {
	list-style:none;
}

.verticalaccordion>ul>li>div>ul>li>a {
	text-decoration: none;
	color: #5a499e;
	font-size: 13px;
	padding: 6px 5px 6px 0px;
	display: block;
	width: auto;
	border-bottom: #fff thin solid;
}

.verticalaccordion>ul>li>div>ul>li>a:hover {
	background-color: #b5d450;
}

/* ----------------- end vertical accordion ------------------------------------------   */

.mainContent {
	float: right;
	width: 620px;
	/*margin-left: 250px;*/
	margin: 0;
	padding: 0px 0px 60px 0px;
	clear: right;
}

.mainContent p {
	margin: 10px 20px 10px 40px; 
}

.mainContent a {
	color: #5a499e;
}
.mainContent img {
	margin: 10px 20px 20px 40px;
	border: #dde7c3 1px solid;
}

.mainContent img a{
	margin: 10px 20px 20px 40px;
	border: 0px;
}

.mainContent .shape{
	border-color: #fff;
}

/*for ie6 and 7*/
#mainNav li {
	display: inline;
}

/*for ie6*/
* html #mainNav a {
	zoom: 1;
}

h1 {
	font: bold normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a499e;
	margin-left: 40px;
	text-transform: uppercase;
}

h2 {
	font: bold normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a499e;
}

#floatright {
	float: right;
	margin: 10px 10px 10px 20px;
	padding: 10px;
	border: 1px solid #5a499e;
}

#footer {
	clear: both;
	margin: 50px 0px 0px 0px;
	width: 900px;
	margin: 0px auto 0px auto;
	position: relative;
	zoom: 1;
}

#footer p{
    color: #5a499e;
	font-size: 110%;
	padding: 15px 0px 15px 275px;	
}