﻿@charset "utf-8";

/* ELEMENTS */
input
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

form
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

body
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

a
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

h3
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

h2
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

img
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

p
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

div
{
margin: 0;
padding: 0;
border: 0;
/* position: relative; */
font: 11px verdana;
color: black;
}

input
{
border: 1px solid #CCCCCC;
background: url('Images/ML/formback.gif') repeat-x;
padding: 2px 3px 3px 3px;
float: left;
}

input[type=image]
{
border: 0;
background: none;
padding: 0;
}

#searchareaform
{
margin: 6px 0 0 120px;

}

p
{
line-height: 16px;
margin-bottom: 15px;
}

p.subtop
{
text-align:justify;
font: 14px verdana;
line-height: 20px;
color: #466B89;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 3px solid #BCC1C5;
}

.heading
{
font-weight: bold;
}

h1
{
color: #466B89;
margin-bottom: 8px;
font: 17px verdana;
line-height: 16px;
font-weight: bold;
}

h3
{
color: #466B89;
margin-bottom: 8px;
font: 17px verdana;
line-height: 10px;
font-weight: bold;
}

h2
{
color: #466B89;
margin-bottom: 8px;
font: 17px verdana;
line-height: 10px;
font-weight: bold;
}

h1
{
margin-bottom: 15px;
}

h3
{
font: 15px verdana;
font-weight: bold;
}

.blogpic
{
align: left;
vertical-align: top;
float: left;
margin-right: 10px;
}

body
{
background: #1f3447;
}

a:visited
{
color: #3A6285;
text-decoration: underline;
}

a
{
color: #3A6285;
text-decoration: underline;
}

a:active
{
color: black;
text-decoration: underline;
}

a:hover
{
color: black;
text-decoration: underline;
}

#navarea a:visited
{
display: block;
float: left;
color: white;
border-left: 1px solid #586A7A;
text-decoration: none;
padding: 2px 10px 2px 10px;
font: 14px verdana;
}

#navarea a
{
display: block;
float: left;
color: white;
border-left: 1px solid #586A7A;
text-decoration: none;
padding: 2px 10px 2px 10px;
font: 14px verdana;
}

#navarea a:first-child
{
border: 0;
}

#navarea a:active
{
color: #FBA421;
}

#navarea a:hover
{
color: #FBA421;
}

#utilitynavarea a:visited
{
text-decoration: none;
margin-right: 9px;
color: black;
}

#utilitynavarea a
{
text-decoration: none;
margin-right: 9px;
color: black;
}

#utilitynavarea a:active
{
text-decoration: underline;
}



#utilitynavarea a:hover
{
text-decoration: underline;
}



/* STRUCTURAL */

#top
{
width: 100%;
height: 362px;
background: url('Images/ML/topback.gif') repeat-x;
}

#subtop
{
width: 100%;
height: 244px;
background: url('Images/ML/topback.gif') repeat-x;
}


#searcharea
{
width: 409px;
height: 45px;
position: absolute;
right: 0;
top: 0;
background: url('Images/ML/searchbend.gif') no-repeat;
}

#logo
{
width: 220px;
height: 42px;
position: absolute;
left: 0px;
top: 76px;
}

#navarea
{
width: 558px;
height: 20px;
position: absolute;
top: 97px;
right: 0px;
}

#utilitynavarea
{
width: 360px;
height: 20px;
position: absolute;
top: 3px;
left: 0px;
}


#flasharea
{
position: absolute;
bottom: 0;
left: 0;
/*background: black;*/
height: 244px;
width: 778px;
}

#subflasharea
{
position: absolute;
bottom: 0;
left: 0;
height: 113px;
width: 778px;
}

#middle
{
width: 100%;
background: #E4E4E4 url('Images/ML/midback.gif') repeat-x ;
}

#submiddle
{
width: 100%;
background: #E4E4E4;
}

#bottom
{
width: 100%;
height: 181px;;
background: #E4E4E4 url('Images/ML/bottomback.gif') repeat-x;
}

#footer
{
text-align: center;
padding-top: 20px;
}

#footer a:visited
{
text-decoration: underline;
margin: 9px;
color: white;
}

#footer a
{
text-decoration: underline;
margin: 9px;
color: white;
}

#footer a:active
{
color: #FBA421;
}

#footer a:hover
{
color: #FBA421;
}

.bodycontent
{
position: relative;
width: 778px;
margin: 0 auto;
height: 1%;
}

.subbox
{

width: 718px;
margin: 0 auto;
height: 1%;
padding: 10px 30px 15px 30px;
background: url("Images/ML/subback.gif") repeat-y center;

}

.subbottom
{
width: 778px;
margin: 0 auto;
height: 1%;
margin-bottom: 20px;
}

/* PAGE SPECIFIC */

#homearea
{
width: 100%;
background: url('Images/ML/homeback.jpg') no-repeat;
}

#welcome
{
width: 427px;
height: 114px;
padding: 15px 15px 15px 0px;
margin-bottom: 30px;
line-height: 17px;
}

.homecolumn
{
float: left;
width: 236px;
}

.columnline
{
float: left;
width: 13px;
height: 251px;
margin-right: 13px;
border-right: 1px solid #CDCDCD;
}

#leftcontentarea
{
float: left;
width: 185px;
margin-right: 15px;
}

#leftmenu
{
width: 185px;
background: url("Images/ML/leftmenuback.gif") repeat-y;
margin-right: 15px;
margin-bottom: 15px;
}

#leftwhychoosebutton
{
display: block;
width: 185px;
height: 35px;
background: url("Images/ML/leftmenutop.gif") no-repeat;
}

#leftwhychoose
{
display: block;
width: 185px;
height: 35px;
background: url("Images/ML/leftmenutop.gif") no-repeat;
}

#leftwhychoose a:hover
{
width: 185px;
height: 35px;
background: url("Images/ML/leftmenutop2.gif") no-repeat;
}



#relatedcontent
{
width: 185px;
background: url("Images/ML/relatedback.gif") repeat-y;
margin-right: 15px;
margin-bottom: 15px;
}

#relatedtop
{
display: block;
width: 185px;
height: 25px;
background: url("Images/ML/relatedtop.gif") no-repeat;
}

#relatedcontent>a
{
display: block;
width: 155px;
padding: 10px 10px 10px 20px;
border-top: 1px solid #E5E5E5;
background: url("Images/ML/relatedarrows.gif") no-repeat 8px 13px;
text-decoration: none;
font-weight: bold;
}

#relatedcontent>a:first-child
{
border-top: 0;
}






#contactcontent
{
width: 185px;
margin-right: 15px;
margin-bottom: 15px;
}






#emaillink
{
background: url("Images/ML/emailicon.gif") no-repeat 8px 6px;
}

#saleslink
{
background: url("Images/ML/salesicon.gif") no-repeat 8px 4px;
}

#upcominglink
{
background: url("Images/ML/upcomingicon.gif") no-repeat 8px 2px;
}
#pencillink
{
background: url("Images/ML/pencil.gif") no-repeat 8px 2px;
}


#contactcontent>a
{

display: block;
width: 155px;
padding: 5px 0px 5px 30px;
text-decoration: none;
font-weight: bold;
}
a.ContactUsLink{
		display: block;
width: 155px;
padding: 5px 0px 5px 30px;
text-decoration: none;
font-weight: bold;
		
	background: url("Images/ML/emailicon.gif") no-repeat 8px 2px;		
}


#subcontentarea
{
float: left;
width: 518px;
}

#leftmenu>a
{
display: block;
width: 155px;
padding: 10px 10px 10px 20px;
border-top: 1px solid #E5E5E5;
background: url("Images/ML/leftmenuarrows.gif") no-repeat 8px 13px;
text-decoration: none;
font-weight: bold;
}

#leftmenu>a:first-child
{
border-top: 0;
}

.ffclear
{
clear: both;
}

.horiz
{
float: left;
width: 700px;
height: 20px;
}

#partners
{
float: left;
width: 750px;
height: 70px;
margin-top:20px;
text-align: center;
}

#recentblogtitle
{
float: left;
width: 478px;
margin-right: 47px;
}

#recentblog
{
float: left;
width: 478px;
}

.recentpost
{
display: block;
width: 478px;
padding: 15px 0px 0px 0px;
border-top: 1px solid #CDCDCD;
}

.recentpost:first-child
{
border-top: 0;
}

.readback
{
width: 173px;
height: 35px;
background: url('Images/ML/readmore.gif') no-repeat;
}

a.readbutton
{
display: block;
width: 173px;
height: 35px;
background: url('Images/ML/readmore.gif') no-repeat;
}
a.readbutton:hover
{
display: block;
width: 173px;
height: 35px;
background: url('Images/ML/readmore.gif') no-repeat -173px 0px;
}
/* .whyback
{
width: 173px;
height: 35px;

background: url('Images/ML/whychoose.gif') no-repeat;
}
 */
a.whybutton
{
display: block;
width: 173px;
height: 35px;
margin-top:5px;
background: url('Images/ML/whychoose.gif') no-repeat;

}
a.whybutton:hover
{
display: block;
width: 173px;
height: 35px;
background: url('Images/ML/whychoose.gif') no-repeat -173px 0px;
}


.mostpopular
{
background: url('Images/ML/arrows.gif') no-repeat 0px 0px;
display: block;
padding-left: 15px;
padding-bottom: 7px;
}

.endarrows
{
vertical-align: bottom;
}


/* CSS Document */


/* EVENTS PAGE */
#eventsbanner
{
position: relative;
width: 718px;
height: 190px;
background: url('images/ML/eventsbottom.gif') no-repeat;
margin-bottom: 10px;
}

#eventsblurb
{
position: absolute;
left: 40px;
bottom: 30px;
width: 450px;
height: 125px;
}


#eventsbox
{
float: left;
width: 225px;
background: url('Images/ML/eventboxback.gif') repeat-y;
}

#eventsboxtop
{
width: 225px;
height: 35px;
}

#eventsbox a
{
display: block;
width: 205px;
padding: 10px 10px 10px 10px;

background: url('Images/ML/eventlistingback.gif') no-repeat;
text-decoration: none;
border-top: 1px solid #E5E5E5;
line-height: 15px;
}

#eventsbox a:hover
{
background: url('Images/ML/eventlistingback2.gif') no-repeat;
}

#eventsbox a:first-child
{
border-top: none;
}

.eventpadding
{
display: block;
float: left;
width: 20px;
background: none;
}

.eventtitlebox
{

width: 430px;
height: 84px;

}

.eventtitle
{
vertical-align: middle;
font: 25px verdana;
color: white;
}

.eventicon
{
position: absolute;
right: 10px;
top: 10px;
width: 78px;
height: 78px;
border: 4px solid #E4E4E4;
}

.eventinfo
{
position: absolute;
left: 10px;
top: 115px;
width: 535px;
height: 195px;
overflow:auto 
}



div.popupbox div.relatedcontent
{
position: absolute;
right: 0px;
top: 115px;
}

.eventinfo h3
{
color: #466B89;
margin-bottom: 0px;
font: 14px verdana;
line-height: 16px;
font-weight: bold;
}

.closebuttonarea
{
position: absolute;
right: 0px;
top: -22px;
width: 96px;
height: 22px;
background: url('Images/ML/closebutton1.gif') no-repeat;
}

.closebutton
{
display: block;
width: 96px;
height: 22px;
}

.closebutton:hover
{
cursor: pointer;
background: url('Images/ML/closebutton2.gif') no-repeat;
}

/* Events.css End */


/* popup.css */
@charset "utf-8";
/* CSS Document */

.shade
{
/* Do not change these popup div style properties */
position: fixed;
display: none;
left: 0;
top: 0;
z-index: 98;

/* style other properties of popup div below */
background-color: black;
filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
width: 100%;
height: 100%;

}
div.popupbox
{
/* Do not change these popup div style properties */
position: fixed;
display: none;
left: 50%;
top: 50%;
z-index: 99;

/* style other properties of popup div below */
background: white url('Images/ML/eventpopupback.gif') no-repeat;
width: 535px;
height: 305px;
margin-left: -277px;
margin-top: -162px;
padding: 10px 10px 10px 10px;
}

/* style popup close link */
.popuplink
{
cursor: pointer;
font: 11px verdana;
color: #858174;
text-decoration: none;
}
.popuplink:hover
{
text-decoration: underline;
}

/* popup.css  End */

/* landing.css*/


#landingbanner1
{
position: relative;
width: 718px;
height: 190px;
background: url('images/ml/landingbottom.jpg') no-repeat;
margin-bottom: 10px;
}

#landingblurb1
{
position: absolute;
left: 40px;
bottom: 30px;
width: 450px;
height: 125px;
}


.landingback
{
width: 245px;
float: left;
background: url('Images/ML/landingbuttonback1.gif') bottom left no-repeat;
margin: 0 0 00px 0;
padding: 15px 20px 5px 20px;
}

.landingback:hover
{
background: url('Images/ML/landingbuttonback2.gif') bottom left no-repeat; }

a.landingbutton
{
width: 245px;
height: 17px;
font: 13px verdana;
font-weight: bold;
line-height: 20px;
color: #20374B;
text-decoration: none;
}

#landingbanner
{
position: relative;

width: 718px;
height: 190px;
background: url('Images/ML/landingbottom2.jpg') no-repeat;
margin-bottom: 10px;
}

#landingblurb
{
float: left;
width: 450px;
}

#landingbuttonbox
{
width: 245px;
float: left;
margin: 0 15px 0 0;
padding: 0px 0px 0px 0px;
}

#subflash
{
position: absolute;
background: white;
width: 671px;
height: 143px;
bottom: 29px;
left: 23px;
}
/*landing.css End*/
/*new.css*/
#postitcorner
{
position: absolute; 
right: 39px; 
width: 200px; 
height: 70px; 
bottom: 0px;
z-index: 1; 
background: url('/Style%20Library/Images/ML/postitcorner.gif') no-repeat;
}

#flasharea>#postitcorner
{
right: 30px;
}

/*new*/

.dashentry
{
clear: both;
width: 710px;
border-top: 1px solid #BCC1C5;
padding-top: 15px;
padding-bottom: 15px;
}

.dashentry:first-child
{
	border-top: none;	
}

.dashpic
{
float: left;
width: 151px;
height: 91px;
margin-right: 15px;
padding-left: 20px;

}
.dashtext
{
float: left;
width: 515px;

}

#dashpp
{
float: left;
display: block;
background: url('/Style%20Library/Images/ML/dashppicon.gif') left center no-repeat;
padding-left:20px;
margin-right: 17px;
height: 16px;
width: 60px;
}

#dashacro
{
float: left;
display: block;
background: url('/Style%20Library/Images/ML/dashacroicon.gif') left center no-repeat;
padding-left:20px;
margin-right: 17px;
height: 16px;
width: 20px;
}

#dashplay
{
float: left;
display: block;
background: url('/Style%20Library/Images/ML/dashplayicon.gif') left center no-repeat;
padding-left:20px;
margin-right: 17px;
height: 16px;
width: 100px;
}
#gap
{
background: #D3D3D3;
height: 10px;
}

#tinyicons
{
width: 72px;
height: 20px;
position: absolute;
top: 30px;
left: 0px;
}

#tinyicons a img
{
margin-right: 6px;
}
