/*general idea*/
html,body{margin:0;padding:0; background: #fff;}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}

/*header*/
div#header{width:100%;overflow:hidden; margin-bottom: 3px;
}

/*menu*/
#menu {
	width:770px;margin:-20px 0px 15px 0px;padding:0;
	overflow: hidden; 
	text-align:left; background-color:#ffffff;
}
ul#nav,ul#nav li{list-style-type:none; margin-right: 170px}
ul#nav{float:none; margin-left:120px;
	font:normal normal 95% "Trebuchet MS",Arial,sans-serif;
}
ul#nav li{float:left;margin-left: 3px; margin-right: 3px; text-align: center;}
ul#nav a{float:left;width: 95px;padding: 2px 1px 3px 0;background:#EEEEEE;
	text-decoration:none;color: #330000;
	margin-bottom: -11px;
	width:100px;
	height:26px;
	}
ul#nav a:hover{background: #ff6600; font-size:larger;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #ff6600;}


/*body*/
div#container{
	width:770px;margin:0 auto 10px;
	padding:20px 0 10px;text-align:left;
	background:#ffffff;
}
div#content{float:left;display:inline;width:770px;margin: 0 10px 0 10px;}
div#content p{
	margin: 5px 0px 10px 0px; padding: 0 50px 0 20px;
}
div#content h3.h3_header{
	width: 160px;
	padding: 0px 0px 0px 10px;
	background-color:#4CADD4;
	font-family: "Comic Sans MS";;
}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:770px;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px; height:70px;margin-right:10px;padding: 10px 0}
li#mission{background: #ff9900}
li#services{background: #7FFFD4;}
ul#intro li#more{margin-right:0;background: #009900;}
ul#intro li#hum{background: #f3cf00; margin-left: 10px;}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{ padding-bottom:3px;color: #FFF; font-family:"Comic Sans MS";}

/*start of the hover*/
#siteInfo{
margin:0;
padding:0;
width:300px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;
height:300px;
}

#siteInfo a{
display:block;
font-weight:normal;
text-decoration:none;
}
#siteInfo ul{
overflow: hidden;
margin:0;
padding:0;
}
#siteInfo li{
margin:0;
padding:0;
list-style-type:none;
border-top:1px solid #E5E5E5;
width:340px;
}
#siteInfo li a{
width:325px;
padding:5px 0 0 15px;
display:block;
color:#B02B2C;
height:25px;
}
#siteInfo li a.closed{
color:#73880A !important;
background-color:#CDEB8B !important;
}

#siteInfo li li{
padding:0 5px 0 5px;
height:175px;
width:350px;
}

#siteInfo li ul{
	width:338px;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #e5e5e5;
}

#siteInfo li a.opened{
background-color:#CDEB8B;
color:#B02B2C;
font-size:x-large;
}
#siteInfo li.firstitem a.opened{
color:#B02B2C;
font-size:x-large;
}
#siteInfo li.lastitem li{
margin-bottom:+20px;
}
#siteInfo li.lastitem ul{
background-color:#ffffff;
border-bottom:1px solid #E5E5E5;
padding-bottom:10px;
}

#hoverInfo{
float:left; 
width: 350px; height: 300px;
background-color: rgb(255, 255, 255);
}
/*end of the hover  */

/*start of family birthdays*/
#familyBirthdays{
  float:right;
  background-color: rgb(255,255,255);
}
/*end of family birthdays*/

/*start of music*/
#music{
	float:left;
	top:700px;
}

.firstItem{
	float:left;
	width:350px; 
	height:340px;
	background-color:#E5E5E5;
}

.secondItem{
	float:right;
	width:350px; 
	height:340px;
	background-color:#E5E5E5;
}
/*end of music*/

/*footer*/
div#footer{clear:both;width:750px;margin:0 10px 0;padding: 50px 0;
    background: #fff;color: #000000;text-align:center;
	
	}
div#footer p{margin:0}