@charset "UTF-8";
/* CSS Document */

body, div, ul, ol, h1, h2, h3, h4, p, blockquote, th, td {

margin: 0;
padding: 0;

}


span {

}


h1, h2, h3, h4, h5, h6 {

font-size: 100%;
color:#FFFFFF; 

}

ol {

list-style: none;

}

ul  {
list-style: none;
}


li {
list-style-type:none;
}

address, caption, cite, code, dfn, em, strong, th, var, b {

font-style: normal;
font-weight: normal;

}

table {

border-collapse: collapse;
border-spacing: 0;

}

fieldset, img {

border: 0;

}

html {

text-align:center;


}

body {
height:100%;
width:100%;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
text-align:center;


}


#container {
height:600px;
width:1000px;
padding-top:10px;
margin:0px auto 0px auto;

}


#logo  {
	height:198px;
	width:206px;
	background-image:url(images/heartlogo.gif);
	position:relative;
	float:left;
	z-index:2;
	
}

#logo span {
	display:none;
}

#logo a, a:hover {
	height:198px;
	width:206px;
	display:block;
	
}


#mdf_bg_logo  {
	height:183px;
	width:706px;
	background-image:url(images/mdf_bg_logo.gif);
	position:relative;
	float:left;
	bottom:5px;
	right:85px;
	z-index:1;
	
}

#mdf_bg_logo span  {
	display:none;
}

/*------------------------------------------------------------------------------------------------------------popout code--------------------------------*/

#menu{

width:900px;

float:left;

clear:left;

}



#menu a{

font:normal 90%/205% tahoma,arial,helvetica,sans-serif;

display:block;

border-width:1px;

border-style:solid;

border-color:#ccc #888 #555 #bbb;

white-space:nowrap;

margin:0;

padding:0 5px;

}



#menu h3{

font:bold 90%/205% tahoma,arial,helvetica,sans-serif;

display:block;

border-width:1px;

border-style:solid;

border-color:#ccc #888 #555 #bbb;

white-space:nowrap;

margin:0;

padding:0 5px;



}



#menu h3{

color:#fff;

background:#000 url(/css/images/expand3.gif) no-repeat 100% 100%;


}



#menu a{

background:#f6921e;

text-decoration:none;

}



#menu a, #menu a:visited{

color:#000;

}



#menu a:hover{

color:#000;

background:#fff;

}



#menu a:active{

color:#fff;

background:#ccc;

}



#menu ul{

list-style:none;

margin:0;

padding:0;

float:left;

width:7.5em;

}



#menu li{
	position:relative;
	width: 7.5em;
	float:left;

}



#menu ul ul{

position:absolute;

z-index:500;

top:auto;

display:none;

width:7.5em;



}



#menu ul ul ul{

top:0;

left:100%;

}



/* Begin non-anchor hover selectors */



/* Enter the more specific element (div) selector

on non-anchor hovers for IE5.x to comply with the

older version of csshover.htc - V1.21.041022. It

improves IE's performance speed to use the older

file and this method */



div#menu h3:hover{

background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;

}



div#menu li:hover{

cursor:pointer;

z-index:100;

}



div#menu li:hover ul ul,

div#menu li li:hover ul ul,

div#menu li li li:hover ul ul,

div#menu li li li li:hover ul ul

{display:none;}



div#menu li:hover ul,

div#menu li li:hover ul,

div#menu li li li:hover ul,

div#menu li li li li:hover ul

{display:block;}



/* End of non-anchor hover selectors */



/* Styling for Expand */



#menu a.x, #menu a.x:visited{

font-weight:normal;

color:#000;

background:#FFF url(/css/images/expand3.gif) no-repeat 100% 100%;

}



#menu a.x:hover{

color:#fff;

background:#000;

width:7.5em;

}



#menu a.x:active{

color:#FFF;

background:#ccc;

}



/* End CSS Popout Menu */





/*--------------------------------------------------------------------------------------------------------------------end popout--------------------------*/


#photo  {
	height:418px;
	width:175px;
	background-image:url(images/mattphoto.jpg);
	float:left;
	position:relative;
	clear:left;
	
}

#photo span  {
	display:none;
	
}


#contentbox  {
	width:626px;
	height:426px;
	background-image:url(images/dreamsite2_15.gif);
	float:left;
	position:relative;
	left:30px;
	
	
}


#window  {
	position:relative;
	top:17px;
	
}