/* Typography
---------------------------------------------------------------------------------
*/
body {
 text-align: center;
 color: #fff;
 font: 18px Helvetica, arial, sans-serif;
 background: #3b86ab url(img/bg.jpg) top center repeat;
 }
a, a:link, a:active{
 color: #f5d212;
 background: transparent;
 text-decoration: none;
 font-weight: normal;
 }
	a:hover {
	 background: #12416e url(img/bg-link.jpg) center center repeat;
	 }

	h1, h2{
	 padding: 0;
	 margin: 0;
	 display: block;
	 text-indent: -9999px;
	 }
		h1 {
		 width: 680px;
		 height: 241px;
		 background: transparent url(img/h1-masthead.jpg) top center no-repeat;
		 }
		h2 {
		 width: 330px;
		 height: 22px;
		 margin: 0 0 10px 0;
		 }
			h2#who {
			 background: transparent url(img/h2-who.png) top center no-repeat;
			 }
			h2#when{
			 background: transparent url(img/h2-when.png) top center no-repeat;
			 }
			h2#what{
			 background: transparent url(img/h2-what.png) top center no-repeat;
			 width: 680px;
			 height: 27px;
			 margin: 0 0 7px 0;
			 }
			h2#rsvp{
			 background: transparent;
			 width: 680px;
			 height: 121px;
			 margin: 0 0 7px 0;
			 text-indent: 0;
			 }
				h2#rsvp a {
				 background: transparent url(img/h2-rsvp.png) top center no-repeat;
				 width: 680px;
				 height: 121px;
				 text-indent: -9999px;
				 display: block;
				 }

	
p {
 line-height: 24px;
 margin: 0 0 30px 0;
 }
img {
 margin: 0 0 30px 0;
 }
small {
 font: 10px Arial, sans serif;
 line-height: 14px;
 }
ol, ul {
 width: 330px;
 list-style: none;
 border-top: 1px solid #78c8ea;
 padding: 2px 0 0 0;
 margin: 0 0 30px 0;
 }
	ul li {
	 padding: 5px 0 0 20px;
	 border-bottom: 1px solid #78c8ea;
	 margin: 5px 0 0 0;
	 background: transparent url(img/bul-yellow.png) center left no-repeat;
	 }
			ul li.even {
			background: transparent url(img/bul-red.png) center left no-repeat;
			}

.amp {
 font-family: Book Antiqua, georgia, serif;
 font-weight: bold;
 font-style: italic;
 }
 
/* Page Content
---------------------------------------------------------------------------------
*/

#masthead-wrapper {
 text-align: center;
 width: 100%;
 background: #12416e url(img/bg-masthead.jpg) top center repeat-x;
 margin: 0 auto;
 }
	#masthead {
	 text-align: left;
	 width: 680px;
	 height: 266px;
	 margin: 0 auto;
	 padding: 24px 0 0 0;
	 }

#content-wrapper {
 text-align: center;
 width: 100%;
 padding: 30px 0 0 0;
 background: transparent;
 margin: 0 auto;
 }
	#content {
	 text-align: left;
	 width: 680px;
	 margin: 0 auto;
	 }

	.col-left {
	 width: 330px;
	 float: left;
	 margin: 0 20px 0 0;
	 }
	.col-right {
	 width: 330px;
	 float: left;
	 }
#footer {
 padding: 37px 0 30px 0;
 background: transparent url(img/hr-double.png) top center repeat-x;
 }