/*22 June 2008*/

body {
background: #faf1df url(art/bgd_gradient.png) repeat-x;	
height: auto;
margin: 0; padding: 0;
font: 12px/18px  georgia, times, 'times new roman', serif;
text-align: left;
}

img, a img {
border: 0;
text-decoration: none;
}
a {
text-decoration: none;
font-weight: bold;
color:  #c00;
background: #fef4da;
padding: 0 3px 1px 3px;
}
a:hover {
color:  #fff;
background: #c00;
padding: 0 3px 1px 3px;
}
a:active {
color:  #c00;
background: transparent;
padding: 0 3px 1px 3px;
}
.flt {
float: left;
margin-right: 1em;
}
.flrt {
float: right;
margin-left: 1em;
}
.ctr {
text-align:center;
}


/* Layout */

#wrap {
position: relative;
left: 50%;
width: 800px;
margin: 0 0 5em -400px;
}
#wrap #banner h1 {
font-size: 1.8em;
text-indent: -9999px;
height: 56px;
margin: 0;
padding: 0;
background: url(art/MeandThee_banner_logo2_x458.gif) no-repeat 0 12px;
}

#wrap #banner {
height: 56px;
margin: 12px 0 18px;
padding: 0;
}

#wrap #main {
background: #dcc4bc url(art/chapel-bgd_diffglow-vig2_x800.jpg) no-repeat;
font: 12px/18px georgia, arial, helvetica, sans-serif;
width: 800px;
margin: 0; padding: 0;
padding-bottom: 3em;
height: 1%;
overflow: auto;
}
#wrap #footer {
margin-top: 7em;
text-align: center;
font: 11px/15px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
}

/*type*/

h1,h2,h3,h4,h5,h6 {
font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
line-height:  1.1em;
/*margin: 1.8em 0 .25em .5em;*/
margin: 1.8em 0 .35em 1.45em;
color: #000;
}

h1 {
font-family:  georgia, arial, helvetica, sans-serif;
font-size: 1.9em;
padding: .7em 0 0 0;
margin-bottom: 1em;
margin-left: 1.1em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.5em;
margin-bottom: .75em;
}
h4 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
.zo {
margin-top: 0;
}

p, ul, ol, li {
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
color: #390005;
/*margin: 0 0 1em;*/
margin: 0 1.5em 1em 2em;
}
p.intro {
font-size: 1.08em;
}
#text p.first {
text-indent: 0;
}
.dropcap {
float: left;
display: inline;
width: auto;
margin: 0 0 0 -3px;
padding: 0 1px 0 0;
font: bold 7.5em/.7em Helvetica, Arial, Verdana, sans-serif;	 /*  Firefox places the baseline diff than other browsers */
color: #cdbe9c;
}
small {
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
word-spacing: 1px;
letter-spacing: 1px;
margin-left: 0; /*This adjusts letterfit to dropcap*/
}

#banner p {
font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
color:  #fff;
float:right;
padding-top: 16px;
}
.bold p {	/* to stand out against the bgd pic */
font-weight: bold;
line-height: 1.5;
}

.hilite {
/*background-color: #ece0be;*/
background-color: #FC9;
}

ul { /*with bullets*/
list-style-type: disc;
margin: 1em 0 0 0;
}
ul.plain {
padding: 0;
list-style-type: none;
}
li {
margin: 0 0 0 2em;
list-style-type: none;
padding: 0 0 .4em;
}





/* NAVBAR at bottom*/

/* All elements are floated
    Links are block elements so they display like buttons
    But how do I get all the links to CENTER within the ul?
*/
ul.nav {	
float: left;
width: 100%;
height: 23px;
list-style: none;
font: 11px/11px "Lucida Grande", Lucida, verdana, arial, helvetica, sans-serif;
text-align:center;
text-indent: 0;
margin: 0 0 2em;
padding: 0;
background: #390005 url(art/navbgd.png) repeat-x;
}

ul.nav li {
float: left;
width:  auto;
display: inline;
padding: 0; margin: 0 auto;
border-right: 1px solid #fff;
}

.nav li a {
float: left;
display: block;
width:  auto;
margin: 0 auto;
padding: 5px 3em 8px;
font: 11px/11px  verdana, arial, helvetica, sans-serif; /* line-height determines depth of navbar */
color: #fff;
background: transparent;
text-decoration: none;
}
.nav li a:hover {
width:  auto;
color: #390005;
background: #faf1df;
line-height: 26px;
position: relative;
	padding: 2px 3em 0;  /* so tabs don't jiggle  */
	margin-top: -6px;   /* brings tab up */
	border: 1px solid #cdbe9c;
	border-bottom: 1px solid #faf1df;
}
.nav li a:active {
position: relative;
line-height: 28px;
color: #fff;
background: transparent;
border: 0;
}

.nav li a.selected {
position: relative;
line-height: 28px;
font: bold 12px/12px  verdana, arial, helvetica, sans-serif;
color: #390005;
cursor: default;
background: #faf1df;
border: 1px solid #390005;
border-bottom: 0;
padding: 6px 10px 8px;  /* so tabs don't jiggle - compensates for border widths */
margin-top: -4px;   /* brings tab up */
}
.nav li.first {	/* awful kludgy but more or less works - but NOT in FF2 Win! */
margin-left: 5.5%;
}
.nav li.last {
border: none;
}

/* ------------------------------------- */



/*style variants*/

#vitalinfo #main h3 {
clear: left;
float: left;
width: 152px;
margin: 15px 0 0 0;
padding: 3px 10px 5px 0;
background: #554541;
text-align: right;
font-size: 1.3em;
color: #fff;
}

#vitalinfo #main p {
margin-left: 180px;
width: 480px;
}
#vitalinfo #main p.xld {
margin-top: 26px;
}

#directions #wrap #main, #history #wrap #main {
background: #F5EDD9;
font: 12px/18px georgia, arial, helvetica, sans-serif;
width: 796px;
margin: 0;
padding: 0 0 4em;
border: 2px solid #dcc4bc;
border-bottom: 0;
}



/* History pages */


 /* for pix -- can't see why IE6 doesn't render picture block */
#history #wrap  #rightcol {
display: block;
position: absolute;
top: 380px; left: 580px;
width: 204px;
text-align: center;
background: #000;
padding: 24px 0 0;
margin: 0;
}
#history #wrap  #rightcol img { 
margin-bottom: 50px;
}

#history h1 { 
margin-bottom: .2em;
}


#history #main p,  #history blockquote {
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
color: #390005;
text-indent: 2em;
margin: 0 1.5em 0 2em;
width: 520px;
}
#history #main p.first {
text-indent: 0;
margin-top: 2em;
}
#history #main p.byline {
text-indent: 0;
margin: 0 1.5em 3em 2em;
font-style: italic;
}

/* what press says page */
body#history #main.quotes p {
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
color: #390005;
text-indent: 0;
margin: 3em 0 0 5em;
padding-right: 9em;
}
body#history #main.quotes .quote {
float:left;
width: auto;
font: bold 3em/.8 georgia, times, 'times new roman', serif;
color: #CA8C7E;
padding:0 4px 0;
margin-bottom: 2.15em;
}
body#history #main.quotes p.attrib {
text-align: right;
font-style: italic;
margin-top: .5em;
}
.norm { font-style: normal; }

/* -------------------------*/



ul#sidenav  {
display: inline;
float: right;
width: 200px;
border: 1px solid #dcc4bc;
list-style: none;
margin: 0 1.2em 0 0;
padding: 0;
text-align: center;
}

#sidenav li {
display: inline;
font: 11px/11px "lucida grande", verdana, arial, helvetica, sans-serif;
color: #009;
padding: 0;
margin: 0;
list-style-type: none;
}

/* There's extra crap here for IE Win */
#sidenav li a {
display: block;
height: 23px;
font: 11px/21px "lucida grande", verdana, arial, helvetica, sans-serif;
text-indent: 0;
text-decoration: none;
color: #0d0070;
background: #dad4c0;
border-bottom: 1px solid #aaa;
padding-bottom: 2px;
margin: 0;
}

#sidenav li a:visited {
color: #0d0070;
border-bottom: 1px solid #aaa;
}
#sidenav li a:hover, #sidenav li a.active {
color: #fff;
background: #482e1e;
}
#sidenav li a:active {
color: #0d0070;
border-bottom: 1px solid #aaa;
	background: #dad4c0;
}
#sidenav li a.current {
color: #fff;
font-weight: bold;
background: #482e1e;
height: 25px;
line-height: 23px;
padding: 0;
}