/* Moffat Dickson Stylesheet */
/* by KevBod@KevBod.com */
/* created March 2006 */

h1, h2, h3, h4, h5, p, a, ul, ol, table, form {
font-family:Verdana, Arial, sans-serif, Helvetica;
}
	
body         { background-color: #fff; background-image: 
               url(images/flower_bg2.jpg); 
               background-repeat: no-repeat; background-attachment: fixed; 
               margin-left: 4em; margin-right: 4em; margin-top: 1em; 
               margin-bottom: 1em; background-position: 60% 3em }
#header      { position: relative; height: 5em; background-image: 
               url(images/mdlogo72.jpeg); 
               background-repeat: no-repeat; background-attachment: scroll; 
               border-bottom: 1px solid #888; background-position: top right }
#header h2   { position: absolute; right: 0; width: 286px; background-image: 
               url(images/mdlogo72.jpeg); 
               background-repeat: no-repeat; overflow: hidden; height: 0; 
               voice-family: inherit; margin-top: 0; padding-top: 44px }
#header img {
  display:none;
}

#header #menu a, #header #menu a:visited {
  display:block;
  position:relative;
  font-size:80%;
  text-decoration:none;
  text-align:left;
  background-color:#fff; 
  color:#888;
  width:8em; 
  padding:0.15em 0.15em 0.15em 1em;
  }

#header #menu a span, #header #menu a:visited span {
  position:absolute;
  top:3px;
  width:0;
  height:0;
  overflow:hidden;
}

#header #menu a span.larrow, #header #menu a:visited span.larrow {
  left:0;
  border-left:6px solid #ccc;
  border-top:6px solid #fff;
  border-bottom:6px solid #fff;
}

#header #menu a span.rarrow, #header #menu a:visited span.rarrow {
  right:0;
}

#header #menu a.here, #header #menu a.here:visited, #header #menu a:hover  {
  background:transparent;
  color:#000;
} 

#header #menu a:hover span.larrow, #header #menu a:hover span.rarrow, #header #menu a.here span.larrow {
  border-left:6px solid #c00;
  border-top:6px solid #fff;
  border-bottom:6px solid #fff;
}


#leftCol{
 width: 0em; height: 400px; background-color: left; 
 background-image: url(images/collage.jpg);
 background-repeat: repeat-y; background-attachment: scroll; 
 margin-top: 0.5em; margin-bottom: 0.5em; background-position: 
 top;
}

#main {
  position:relative;
  top:-400px;
  margin-left:1.5em;
 /* padding-top:0.5em; */
  color:#000;
  background:transparent;
}
* html #main {
  height:1%;
}

#main h4, #main h5 {color:#222;}

#main h5 {
  margin-bottom:0;
  padding-bottom:0;
}

#main p, #main ul {font-size:80%;color:#333;}

#main p.first {
  margin-top:0;
  padding-top:0;
}

#main li {
  padding-bottom:0.7em;
}

#footer {
position:relative;
top:-350px;
height:7em;
border-top:1px solid #888;
padding-top:0.8em;
padding-bottom:0.8em;
color:#000;
text-align:left;
font-family:Arial, sans-serif;
font-size:0.6em;
}

* html #footer {
width:98%;
w\idth:98%;
}

#footer a, footer a:link, footer a:visited {
color:#888;
text-decoration:none;
}
#footer a:hover {
  color:#c0c;
}
#footer .kevbod {
  position:absolute;bottom:1em;right:1em;
}

#footer .webmail {
  position:absolute;top:0.5em;right:1em;
}



.clear {
 height:0px;
 font-size:0px;
 margin:0;
 padding:0;
 clear:both;
}
p.imgRight {
float: right;
font-size: 0.50em;
text-align: center;
color: #7d6340;
padding:0.25em 0.25em 0.25em 1.25em;
}

p.imgLeft {
float: left;
font-size: 0.50em;
text-align: center;
color: #7d6340;
padding: 0.25em 1.25em 0.25em 0.25em;
}

p.imgRight img, p.imgLeft img {
display: block;
}

a, a:visited {color:#00f }
a:hover {color:#555;}