body { position: relative; background: none; margin: 0; padding: 0 0 25px; border: 0; font: 13px/17px 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif; text-align: left; color: #003;}

#container { margin: 0 auto; padding: 0; border: 1 px solid #666; width: 800px; text-align: left; background: transparent url(images/wrapper.gif) left top repeat-y; }

#container2 { margin: 0 auto; padding: 0; border: 0; width: 800px; text-align: left; background: #fff; }

#container2w { margin: 0 auto; padding: 0; border: 0; width: 800px; text-align: left; background: transparent url(images/colfullwrapper.gif) left top repeat-y; }

#content { width: auto; margin: 0; padding: 0; border: 0; }

#top { position: relative; margin: 0; padding: 0; height: 113px; width: 800px; background: #ffc url(images/nhoflalogo.jpg) left top no-repeat; }

#mast { text-indent:-30000em; }
#mast a {display:block; height:113px; widows:800px; }

#header {position: relative; margin: 0 auto; background: #cfc url(images/Gardenhome.jpg) top left no-repeat; width: 800px; height: 170px; }

/* Main nav */
#navbar { clear: left; width: 800px; height: 40px; padding: 0; margin: 0; border: 0; }

#navbar ul { width: 800px; height: 40px; background: transparent url(images/nhmenubar3.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }

#navbar ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }

#navbar ul li, #navbar a { height: 40px; display: block; }

#navbar ul li a { text-indent: -9999px; text-decoration: none; }

#nav1 { left: 0px; width: 110px; }
#nav2 { left: 110px; width: 125px; }
#nav3 { left: 235px; width: 115px; }
#nav4 { left: 350px; width: 170px; }
#nav5 { left: 520px; width: 140px; }
#nav6 { left: 660px; width: 140px; }

#nav1 a:hover { background: transparent url(images/nhmenubar3.gif) -0px -40px no-repeat; }
#nav2 a:hover { background: transparent url(images/nhmenubar3.gif) -110px -40px no-repeat; }
#nav3 a:hover { background: transparent url(images/nhmenubar3.gif) -235px -40px no-repeat; }
#nav4 a:hover { background: transparent url(images/nhmenubar3.gif) -350px -40px no-repeat; }
#nav5 a:hover { background: transparent url(images/nhmenubar3.gif) -520px -40px no-repeat; }
#nav6 a:hover { background: transparent url(images/nhmenubar3.gif) -660px -40px no-repeat; }

body#home #nav1 {background: transparent url(images/nhmenubar3.gif) -0px -40px no-repeat; }
body#aboutus #nav2 {background: transparent url(images/nhmenubar3.gif) -110px -40px no-repeat; }
body#concerts #nav3 { background: transparent url(images/nhmenubar3.gif) -235px -40px no-repeat; }
body#musicians #nav4 { background: transparent url(images/nhmenubar3.gif) -350px -40px no-repeat; }
body#support #nav5 { background: transparent url(images/nhmenubar3.gif) -520px -40px no-repeat; }
body#contact #nav6 { background: transparent url(images/nhmenubar3.gif) -660px -40px no-repeat; }
/* end nav bar */

/* columns */
#columns {margin: 0; padding: 0; border: 0; text-align: left; width: 800px; position: relative; }

#colleft {width: 160px; float: left; text-align: left; padding: 25px 20px; margin: 0; }
body #colleft { width: 160px; voice-family: "\"}\""; voice-family: inherit; width: 160px; }
html>body #colleft { width: 160px; }
#colleftcontact {width: 160px; float: left; text-align: left; padding: 25px 20px; margin: 20px; background: transparent url(images/nhcrosslogo.jpg) no-repeat; width: 140px; height: 181px; }
#quote { width: 170px; }
#board1 { background: transparent url(images/board1.jpg) width: 150px; height: 250px; }

#colcenter {display: block; padding: 15px 10px; margin-left: 220px;}
body #colcenter { width: 350px; voice-family: "\"}\""; voice-family: inherit; width: 340px; }
html>body #colcenter {width: 340px;}

#colright { left: 600px; position: absolute; top: 0; text-align: left; padding: 15px 20px; }
body #colright { width: 200px; voice-family: "\"}\"";  voice-family: inherit; width: 195px; }
html>body #colright {width: 195px; }

#colfull { width: 650px; margin: 25px 75px; }
#twocol {width: 550px; float:right; padding:20px 0  }

#chapel { background: transparent url(images/nhchapelcross.jpg) top right no-repeat; width: 110px; height: 122px; display: inline; margin: 20px 20px 10px 0; float: left; }
#statue { background: transparent url(images/nhfrontentrance3.jpg) top right no-repeat; width: 340px; height: 208px; display: block: margin-top: 20px; padding-top: 20px; }
#sthcs { background: transparent url(images/sthlogonew.jpg) top right no-repeat; width: 186px; height: 32px; display: block; margin: 0 0 0 -10px; padding: 0; }
#sisters { background: transparent url(images/sisterscare.jpg) top right no-repeat; width: 150px; height: 253px; display: inline; float: right; margin: 10px 0 10px 20px; }
#sisters2 { background: transparent url(images/chapel2.jpg) top right no-repeat; width: 240px; height: 269px; display: inline; float: left; margin: 10px 20px 10px 0;}
#angelghost { background: transparent url(images/angelghost.jpg) top right no-repeat; width: 233px; height: 300px; display: inline; float: right; margin: 10px 0 10px 20px; }
#stthomas { background: transparent url(images/stthomaslogo.jpg) top right no-repeat; width: 235px; height: 65px; display: block; margin: 0; padding: 0; }
#weldon { background: transparent url(images/weldon.jpg) top right no-repeat; width: 120px; height: 178px; float: left; display: inline; margin: 10px 20px 10px 0; }
#lee {background: transparent url(images/lee.jpg) top right no-repeat; width: 120px; height: 180px; float: left; display: inline; margin: 10px 20px 10px 0; }
#hansen { background: transparent url(images/hansen.jpg) top right no-repeat; width: 120px; height: 120px; float: left; display: inline; margin: 10px 20px 10px 0; }
#maksim { background: transparent url(images/maksim.jpg) top right no-repeat; width: 120px; height: 177px; float: left; display: inline; margin: 10px 20px 10px 0; }
#hana { background: transparent url(images/hana.jpg) top right no-repeat; width: 120px; height: 138px; float: left; display: inline; margin: 10px 20px 10px 0; }
#fischer { background: transparent url(images/fischer.jpg) top right no-repeat; width: 120px; height: 148px; float: left; display: inline; margin: 10px 20px 10px 0; }
#sung { background: transparent url(images/sung.jpg) top right no-repeat; width: 120px; height: 181px; float: left; display: inline; margin: 10px 20px 10px 0; }

#announcement { border: 1px solid #333; padding: 10px;}
#announcement h1 { line-height: 150% }
h2.mission { font: bold 18px Arial, Verdana, Helvetica, sans-serif; line-height: 150%; }
/*h2.style1 { background: transparent url(images/statement.jpg) top right no-repeat; width: 179px; height: 38px; display: inline; margin: 0; padding: 0; }

h2.style1 span { display: none; }
*/

#jesus { background: transparent url(images/jesus2.jpg) top right no-repeat; width: 140px; height: 183px; display: inline; margin: 0 20px 20px 0; float: left;}
#victoire { background: transparent url(images/victoire.jpg) top right no-repeat; width: 140px; height: 192px; display: inline; margin: 0 20px 0px 0; float: left; }
#love { background: transparent url(images/cvlove.jpg) top center no-repeat; width: 500px; height: 340px; display: block; margin: 0; }
#compassion { background: transparent url(images/cvcompassion.jpg) top center no-repeat; width: 500px; height: 340px; display: block; margin: 0; }
#patience { background: transparent url(images/cvpatience.jpg) top center no-repeat; width: 500px; height: 340px; display: block; margin: 0; }
#justice { background: transparent url(images/cvjustice.jpg) top center no-repeat; width: 500px; height: 340px; display: block; margin: 0; }
#hospitality { background: transparent url(images/cvhospitality.jpg) top center no-repeat; width: 500px; height: 340px; display: block; margin: 0; }
#respect { background: transparent url(images/cvrespect.jpg) top center no-repeat; width: 500px; height: 340px; display: block; margin: 0; }

p {font: 13px/17px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, Helvetica, sans-serif; }
p.sthcs { font: 15px/18px 'Times New Roman', Times, serif; color: #900;}
p.statement { font: 13px/30px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; }
p.cores { font: italic 19px/28px 'Times New Roman', Times, serif; color: #900; }
p.values { font: italic 16px/24px 'Times New Roman', Times, serif; text-align: center; color: #69f; }
p.values span.dropcap {font: bold italic 18px 'Times New Roman', Times, serif; color: #69f; }
p.newsletter {  font: bold 14px/17px Arial, Verdana, sans-serif; color: #30f;}
p.footer { font: bold 10px Tahoma, Verdana, sans-serif; color: #999; text-align: center; padding: 10px 0;}
p.maintext { font: 13px/24px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, Helvetica, sans-serif; color: #333; }
p.concerts { font: 16px/18px 'Times New Roman', Times, serif; }
p.bio { font: 13px/22px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;}
p.event { font: bold 18px/24px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; }
p.description { font: 15px/20px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; }

a.core { font: bold 20px/24px 'Times New Roman', Times, serif; color: #900; }
a.sthcs {font: bold 13px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, Helvetica, sans-serif; color: #009; text-decoration: underline; }
a.newsletter { font: bold 15px/20px Arial, Verdana, Helvetica, sans-serif; }

#footer {clear: both; width: 800px; margin: 0; color: #003; text-align: center; padding: 10px 0;}
