* {margin: 0px; padding: 0px; color:#333;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; width:770px; margin: 30px auto; font-size:62.5%; }

/*GENERAL TEXT*/


p {margin-bottom: 1em; line-height: 1.4em; font-size:1.4em;}


h1 {margin-bottom: 0.5em; font-weight:normal; color:#8E91C6; font-size:3em; line-height: 1.4em; }
h2 {margin-bottom: 0.5em; font-weight:normal; border-bottom:1px solid #CCC; font-size:2em; line-height: 1.4em; }

.firstpara {font-size:1.8em; color:black;}
.secondpara {font-size:1.5em; color:#3f3f3f}

ul {font-size:1.4em; line-height: 1.4em; }
dl {font-size:1.4em; line-height: 1.4em; }


/*HEADER
-------------------*/

#header {background: url(images/lorrainelogo.jpg) no-repeat top left; height: 120px; margin: 5px}


/*navigation
-------------------*/


#nav {float:right; padding: 0px 0px 0px 0px;}

ul.topnav {list-style-type: none; clear:both;}
ul.topnav li {float:left; margin:}
ul.topnav li a {background: url(/presentation/menu.gif) no-repeat; display:block; height:100px; text-decoration:none; }

ul.topnav li a.home {width:65px;}
ul.topnav li a.about {background-position: -65px 0px; width: 75px}
ul.topnav li a.services {background-position: -140px 0px; width:85px}
ul.topnav li a.contact {background-position: -225px 0px; width:80px;}

ul.topnav li a span {visibility:hidden;}

ul.topnav li a:visited {color:#8e91c6}
ul.topnav li a:hover {color:#c7da43}

/*MAIN content area
----------------------*/
#main {padding: 5px;}
#main a {color:#8E91C8; text-decoration:none; border-bottom:1px dashed;}
#main a:hover {background-color:#C8D839; color:white; border-bottom:none;}


#main ul {list-style-type: none; margin: 1em 1em;}
#main ul li {margin-left: 0em; margin-bottom: 0.8em; line-height: 1.4em; padding-left: 25px; background: url(images/bullet.jpg) 6px 6px no-repeat;}

/*FOOTER

---------------------*/
#footer {border-top:1px solid #c7da43; padding: 5px;}
#footer a {color:#8E91C8; text-decoration:none; border-bottom:1px dashed;}
#footer a:hover {background-color:#C8D839; color:white; border-bottom:none;}

/* LARGER TEXT
--------------------*/




/*IMAGES
-------------------*/

.floatright {float: right; margin-left:10px; margin-top:4px;}
.floatleft {float: left; margin-right:10px;}

.img250 {width: 250px; font-size:1em; color:#333; font-weight:normal;}
.img250 img {margin-bottom:3px; border: 1px solid #ccc;}
.img300 {width: 300px; font-size:1em; color:#333; font-weight:normal; margin-top:5px}
.img300 img {margin-bottom:3px; border: 1px solid #ccc;}

/*HIGHLIGHT
---------------------------*/

.hl {background-color:#FFFFCC}


/* IMAGE MAP 
----------------*/

img.image{ display: none; }

dl#services {
	margin: 0;
	padding: 0;
	background: transparent url(images/lorraine-services.gif) top left no-repeat;
width: 760px;	
height: 534px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	left: 118px;
	top: 81px;
}

dd a {border-bottom: none !important; position: absolute; text-decoration: none;}
dd a span {display: none;}
dd a:hover span { 
background-color: #CDDFF3; 
text-indent: 0;  
border: 1px solid #70B4E1;  
vertical-align: top;  
color: #000;  
font-weight: bold;   
position: absolute;  
bottom: 110%;  
margin: 0; 
padding: 5px;
width: 200%;
display: block;
}
 
dd#bi {top: 15px; left: 188px;}
dd#bi a {width: 110px; height: 116px;}
dd#bi a:hover {background-color:transparent;}

dd#ia {top: 8px; left: 365px;} 
dd#ia a {width: 91px; height: 91px;}
dd#ia a:hover {background-color:transparent;}
dd#ia a:hover span {background-color:#FCE5B9; border-color:#FFD478}
 
dd#pfm {top: 19px; left: 477px;}
dd#pfm a {width: 106px; height: 106px;}
dd#pfm a:hover {background-color:transparent;}
dd#pfm a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#bpd {top: 29px; left: 621px;}
dd#bpd a {width: 134px; height: 134px;}
dd#bpd a:hover {background-color:transparent;}
dd#bpd a:hover span {background-color:#FCE5B9; border-color:#FFD478} 
 
dd#ca {top: 169px; left: 592px;}
dd#ca a {width: 125px; height: 125px;} 
dd#ca a:hover {background-color:transparent;}
dd#ca a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#spm {top: 324px; left: 608px;}
dd#spm a {width: 128px; height: 128px;}
dd#spm a:hover {background-color:transparent;}
dd#spm a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#efs {top: 392px; left: 466px;}
dd#efs a {width: 116px; height: 116px;}
dd#efs a:hover {background-color:transparent;}
dd#efs a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#tcm {top: 398px; left: 306px;}
dd#tcm a {width: 129px; height: 129px;}
dd#tcm a:hover {background-color:transparent;}
dd#tcm a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#mr {top: 346px; left: 174px;}
dd#mr a {width: 108px; height: 108px;}
dd#mr a:hover {background-color:transparent;}
dd#mr a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#mpd {top: 249px; left: 0px;}
dd#mpd a {width: 136px; height: 136px;}
dd#mpd a:hover {background-color:transparent;}
dd#mpd a:hover span {background-color:#FCE5B9; border-color:#FFD478}

dd#sf {top: 117px; left: 74px;}
dd#sf a {width: 136px; height: 136px;}
dd#sf a:hover {background-color:transparent;}
dd#sf a:hover span {background-color:#FCE5B9; border-color:#FFD478}