body
{
	background-color: #E5ECE7;
	font-color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: normal;
}

.border
{
	border: solid 1px #12563D
}

a
{
	
	font-style: normal;
	font-decoration: none;
	text-decoration: none;
	color: #12563D;
}

a:hover
{
	font-weight: bold;

}

p {
	margin: 0;
	padding: 0 0 1.5em 0
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	color: #12563D;
	margin: 0;
	padding:  0 0 1em 0
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: normal;
	color: #12563D;
	margin: 0;
	padding:  .5em 0 .5em 0
}

.container
{ 
	margin-left: auto;
	margin-right: auto;
}

.container2
{ 
	text-align: center;

}

.weddingleft
{ 
	width:420px;
	font-color:#333333;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height:1.5em;
	font-style: normal;
	padding:5px;
}

.weddingright
{ 
	width:210px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height:2em;
	font-style: normal;
	margin-top:30px;
	padding: 0 0 0 20px;
}

.weddingright a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height:2em;
	font-style: normal;
	font-decoration: none;
	text-decoration: none;
	color: #12563D;
}

.weddingright a:hover
{
	font-weight: bold;

}

.menu
{
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 2px
}

.menu a
{
	font-size: .9em;
	line-height:1.8em;
	font-style: normal;
	font-decoration: none;
	text-decoration: none;
	color: #12563D;
}


.gallerycontainer{
	position: relative;
	height: 310px;
	width: 341px;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #12563D;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 3px;
left: -900px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

li {
padding-bottom: 10px;
}