html,body{margin:0;padding:0}
body{font: 80%/1.3 Helvetica, Arial, Geneva, sans-serif;
    text-align: left;background: #fff;padding-bottom:20px;
	background-image: url('images/HPM_filmstrip.jpg'); background-repeat: no-repeat; 
background-position: 5px 120px; 
	}
body.photopage {font: 80%/1.3 Helvetica, Arial, Geneva, sans-serif;
    text-align: left;background: #fff;padding-bottom:20px;}
	
a { color: #0066B3; background: inherit; text-decoration: none;}

h1 { font: bold 2.1em  Lucida Calligraphy, Script MT Bold, Georgia serif, Palatino ,Arial; color: #0066B3 ;style: italic; left-margin: 90px}

h2 { font: bold 1.1em Helvetica, Lucida Sans Unicode, Arial, Geneva, Sans-Serif; padding: 0; margin: 0; }



div#header {width:100%; overflow:hidden;
            background: #072f4e; 
            background-image: url('images/HPM_HeaderBkgBlue2.jpg'); 
            background-repeat: no-repeat;
            background-position: 0px 0px;
          }

div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
div#header h1{padding: 20px 0 20px;color: #fff}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 90%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #a1b7a9; text-decoration:none; color: #333; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
ul#nav a:hover  {background: #fff;color: #066; }
ul#nav li.activelink a,ul#nav li.activelink a:hover  {background: #fff;color: #063}

#right {
	float: left;
	width: 55%;
	padding: 1em;
	margin-bottom: 1.2em;
	margin-left: 144px;
	background: #eee;
	text-align: justify;
}

#left {
	
	float: right;
	width: 25%;
	margin: 0 0 10px 0;
	
}

#left .box {
	
	padding: 1em;
	margin: 0 0 1em 0;
	background : #adc0e0;
	border: 1px solid #93b1e2;
}


#content {
font: 95%/1.3 Geneva, Helvetica, Arial, Sans-Serif;
	margin: 0 auto;
    padding: 10px;
	
    background-color: #fff;
		
}
#content .footer{
font: 75%/1.0 Geneva, Helvetica, Arial, Sans-Serif;
	margin: 0 auto;
    padding: 15px;
	background: #eee;
		
}
#content .rightbox{
font: 75%/1.0 Geneva, Helvetica, Arial, Sans-Serif;
	margin: 0 auto;
    padding: 15px;
		
}

.box h2  { font: bold 1.1em Helvetica, Lucida Sans Unicode, Arial, Sans-Serif; 
          padding: 0; margin: 0;
          background-image: url('images/HPMboxheader.gif') ;}

ul {  padding: 0; margin: 0;}
li { list-style-type: none;}

ul.songlist {list-style-type: circle;}

img.portrait { float: left; border: none; 
      padding: 8px; 
      }
img.logo {  border: none; 
      padding: 8px; vertical-align:text-bottom;
      }
img.mcclogo {  border: #fff solid 2px; 
      padding: 0px;
      }