/* CSS Document */
html {
	min-height:100%;
    margin-bottom:1px;
}
body {
	margin: 0px;
	padding: 0px;
	background: #990304 url(assets/body_bg5.jpg) 149px;
	font-size: 70%;
}
#header {
	width: 100%;
	text-align: center;
	position: relative;
	background: #061C4E url(assets/hdr_bachground7.png) repeat-x 5px;
	padding: 0;
	margin: 0px;
	height: 145px;
}

#header h1 {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}
#header h2 {
	font: 900 30px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	position: relative;
	margin: 0em;
	padding: 0px;
	top: -30px;
}
#subhdr {
	background: #0073B2 url(assets/subhdr_bachground.jpg) repeat-x bottom;
	height: 3em;
	position: relative;
	padding-top: 5px;
	text-align: center;
	border-top: thin solid #666666;
	margin-top: 0px;
}

#subhdr p {
	color: #CCF4FF;
	width: 50em;
	letter-spacing: 2px;
	background: #0073B2;
	margin: 0px auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	font-weight: bold;
}

/* Heade text with Image Replacement */

.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
} 
	  
#myh1, #myh1 span{
	height:130px;
	width:645px;
	background: url(assets/h2h_web_hdr1.jpg);
	margin-right: auto;
	margin-left: auto;
} 


#content {
	color: #333333;
	background: #FFFFFF;
	width: 50em;
	margin-right: auto;
	margin-left: auto;
	font: small Tahoma, verdana, sans-serif;
	border-right: 5px double #3A0101;
	border-bottom: 5px double #3A0101;
	margin-top: -1px;
	height: 100%;
}
.article {
	margin-left: 25px;
	padding: 1em 2em 2em 40px;
}

#content h1, #content h2, #content h3 {
	color: #9D8A47;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content h1 {
	font-size: 2em;
	color: #A2904D;
}
#content p {
	color: #666666;
}
#content h1 + p, #content h3 + ul {
	margin-top: -1.3em;
}
#content ul {
	color: #666666;
}
.menu {
	list-style:none;
	padding:29px 0px 29px 0px;
	margin:0 0 0 0px;
	width:25px;
	border-top:1px solid #593;
	border-bottom:1px solid #593;
	float: left;
	background: url(assets/body_bg5.jpg) 150px;
}
.menu li {display:block; width:25px; margin-bottom:-29px;}
.menu li a {text-decoration:none; color:#fff; font-size:11px; line-height:10px;}
.menu li a em {display:block; width:25px; height:29px; background:url(assets/vertical.gif) left top; font-style:normal;}
.menu li a b {display:block; width:15px; padding:0 3px 29px 7px; text-align:center; text-decoration:none; background:url(assets/vertical.gif) left bottom; color:#fff;}

.menu li a:hover {border:0; position:relative; z-index:0; cursor:pointer;}
.menu li a:hover em {background-position: center top;}
.menu li a:hover b {background-position: center bottom; color:#660;}

#home .menu li a.hom, #home .menu li a:hover.hom, #about .menu li a.abo, #about .menu li a:hover.abo,
#stories .menu li a.sto, #stories .menu li a:hover.sto, #gallery .menu li a.gal, #gallery .menu li a:hover.gal
	{border:0; position:relative; z-index:0; cursor:default;}
	
#home .menu li a.hom em, #home .menu li a:hover.hom em, #about .menu li a.abo em, #about .menu li a:hover.abo em,
#stories li a.sto em, #stories .menu li  a:hover.sto em, #gallery .menu li a.gal em, #gallery .menu li a:hover.gal em
	{background-position: right top;}
	
#home li a.hom b, #home .menu li  a:hover.hom b, #about li a.abo b, #about .menu li  a:hover.abo b,
#stories li a.sto b, #stories .menu li  a:hover.sto b, #gallery li a.gal b, #gallery .menu li  a:hover.gal b
	{background-position: right bottom; color:#242;}


#contact .menu li a.con, #contact .menu li a:hover.con {
	border:0; position:relative; z-index:0; cursor:default;
}
#contact .menu li a.con em, #contact .menu li a:hover.con em {
	background-position: right top;
}
#contact li a.con b, #contact .menu li  a:hover.con b {
	background-position: right bottom; color:#242;}




#footer {
	padding: 10px;
	background: #0073B2;
	border-top: medium solid #9A8744;
	margin-top: 10px;
	height: 1%;
}
#footer p {
	padding-left: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 500;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
}
#footer a {
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
}

#footer a:hover {
	color: #C7B576;
	border-bottom: 1px dashed #C7B576;
}

#footer h1 {
	font-size: 0.82em;
	color: #FFFFFF;
	width: 52em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: normal;
}

h6{
	color: #FFFFFF;
	font-size: 1em;
}
.left {
	float: left;
	padding: 5px 5px 40px;
	margin-right: 20px;
}

.right {
	float: right;
	padding: 5px;
	margin-right: 10px;
	margin-left: 20px;
}

.border {
	border: thin solid #333333;
	background: #FFFFFF;
	text-align: center;
}

.article li {
	margin-bottom: 1em;
}
.signature {
	position: relative;
	left: 50%;
	width: 45%;
	border-style: none;
}
#rsvp {
	position: absolute;
	top: -.5em;
	right: 1em;
	background: #FFFFFF;
	margin-top: 10px;
	padding: 0px 5px 3px;
	border-top: thin solid #746634;
	border-right: thin solid #9D8A47;
	border-bottom: thin solid #746634;
	border-left: thin solid #746634;
}
.smaller {
	font-size: smaller;
}
.left .border {
	width: 270px;
}
.clear {
	clear: both;
}