h1 {
	font-size: 150% ;
}
body {
	text-align: center;
	margin:0px;
	font-size: 80%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	padding: 0;
	background-color: #FFFFFF;
}
div#maincont {
	text-align: left;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}
#skipmenu {
	font-size: 10%;
}
#skipmenu img {
	border: none;
	height: 1px;
	width: 1px;
}
div.leftCont {
	width: 210px;
	float: left;
}
div.rightCont {
	margin-left: 220px;
}
div.menuContTop {
	margin-top: 6px;
	width: 770px;
	text-align: center;
}
div.menuCont {
	width: 770px;
	text-align: center;
}
div.rightAlign {
	text-align: right;
}
div.clearBoth {
	clear: both;
}
div.textCont {
	width: 470px;
	float: left;
}
div.imgCont {
	width: 250px;
	float:right;
	margin: 0 0 10px 10px;
}
img.wedding {
	margin: 15px 20px;
}
img.singleText {
	margin: 15px 12px;
}
div.sigleTextCont {
	float: left;
	width: 480px;
	margin-top: 20px;
}
div.archiveLeft {
	float: left;
	width: 375px;
	margin-right: 10px;
}
div.archiveRight {
	float: right;
	width: 375px;
}
div#archiveCont {
	text-align: justify;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.redText {
	color: #FF0000;
	}
div.mailLeftCont {
	width: 215px;
	float: left;
}
div.mailRightCont {
	margin-left: 225px;
}
/* Menus */
#pointermenu{
border-top: 7px solid black; /*optional border across top*/
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
background: black url(../images/leftround.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover {
color: white;
background-color: darkred;
} 

#pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background: url(../images/pointer.gif) bottom center no-repeat;
background-color: darkred;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(../images/rightround.gif) bottom right no-repeat; /*optional right round corner*/
}

.bevelmenu{
font: bold 12px arial;
padding: 5px 0;
margin: 0;
width: 100%;
background-color: #FFF;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: darkred;
background-color: #FFF;
border: 2px solid #FFF2BF;
}
.bevelmenu li a#selected1 {
color: white;
background-color: darkred;
border-style: outset;
}

.bevelmenu li a:hover{
color: white;
background-color: darkred;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
caption {
	font-size: 120%;
	font-weight: bold;
}