/* Example comment in CSS */

body {
	/* border: 2px dashed red; */
	background-color: #FFFFFF; /* White background */
	width: 800px; /* Establish the site width */
	margin: 0px auto 20px auto; /* Firefox trick in CSS to center. Top+Bottom Left+Right. */
	text-align: center; /* IE trick in CSS to center. Top+Bottom Left+Right. */
	padding: 0px;
	background-image: url(images/background.jpg);
}

/* Note: For DIVs you need to put a # before the selector */

a.hand {
cursor: pointer;
cursor: hand;
} 

#bodytub{
	/* border: 2px dashed black; */
	border-top: 1px solid #2C73B6;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	width: 800px;
	text-align: left;
}

#header {
	/* border: 2px dashed green; */
	height: 100px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#contenttub {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 575px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-home {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 9860px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-venue {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 2000px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-weddingparty {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 1315px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-guestlist {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 1175px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-dresscode {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 895px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-gifts {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 620px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-photos {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 990px;
	background-color: #CCECF4;
	text-align: left;
}

#contenttub-movies {
	/* border: 2px dashed yellow; */
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 780px;
	background-color: #CCECF4;
	text-align: left;
}

#navmenu {
	/* border: 2px dashed blue; */
	position: absolute;
	top: 10px;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#navmenu ul {
	/* border: 2px dashed maroon; */
	margin: 0px; /* Debug tip - This prevents a nasty spacing problem in Firefox */
	padding: 0px; /* Debug tip - This prevents a nasty spacing problem in Firefox */
	text-align: center;
}

#navmenu ul li {
	/* border: 2px dashed white; */
	margin: 0px auto;
	margin-bottom: 10px;
	width: 130px;
	line-height: 40px;
	list-style-type: none; /* Remove bullets */
	background-color: #D1E387;
	font-family: Verdana, Tahoma, sans-serif;
}

#navmenu ul li a {
	border: 1px solid #2C73B6;
	display: block; /* Make the whole button a link */
	text-decoration: none; /* Remove the underline, default in browsers for links */
	font-size: 15px;
	color: #2C73B6;
}

#navmenu ul li  a:hover{
	background-color: #C4E076;
	color: #000000;
}

#textbox {
	/* border: 2px dashed cyan; */
	position: absolute;
	top: 0px;
	left: 150px; /* Position to the left of the 150px picture */
	width: 490px;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	text-align: justify; /* Tip: Jusify looks better than align: left */
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 13px;
}

#textbox p {
	margin: 0px;  /* Debug tip - This prevents a nasty spacing problem in Firefox */
	margin-right: 15px;
	margin-left: 10px;
}

#textbox p.bold {
	font-weight: bold;
}

#textbox p.italic {
	font-style: italic;
}

#textbox p.signature {
	text-align: right;
}

#textbox p.right {
	text-align: right;
}

#textbox p.left {
	text-align: left;
}

#textbox p.justify {
	text-align: justify;
}

#newlyweds{
	/* border: 2px dashed blue; */
	position: relative;
	top: 0px;
	left: 0px;
	width: 486px;
	height: 330px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/newlyweds.jpg);
	background-repeat: no-repeat;
}

#leaves{
	/* border: 2px dashed red; */
	position: relative;
	top: 0px;
	left: 20px;
	width: 445px;
	height: 67px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/leaves.png);
	background-repeat: no-repeat;
}

#venues{
	/* border: 2px dashed red; */
	position: relative;
	top: 10px;
	left: 10px;
	width: 350px;
	height: 769px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/venues.jpg);
	background-repeat: no-repeat;
}

#rosecliff{
	/* border: 2px dashed red; */
	position: relative;
	top: 5px;
	left: 75px;
	width: 349px;
	height: 295px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/rosecliff.jpg);
	background-repeat: no-repeat;
}

#weddingparty0{
	/* border: 2px dashed red; */
	position: absolute;
	top: 10px;
	left: 8px;
	width: 465px;
	height: 99px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/weddingparty0.jpg);
	background-repeat: no-repeat;
}

#weddingparty1{
	/* border: 2px dashed red; */
	position: absolute;
	top: 109px;
	left: 8px;
	width: 465px;
	height: 390px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/weddingparty1.jpg);
	background-repeat: no-repeat;
}

#weddingparty2{
	/* border: 2px dashed red; */
	position: absolute;
	top: 499px;
	left: 8px;
	width: 465px;
	height: 338px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/weddingparty2.jpg);
	background-repeat: no-repeat;
}

#weddingparty3{
	/* border: 2px dashed red; */
	position: absolute;
	top: 837px;
	left: 8px;
	width: 465px;
	height: 421px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/weddingparty3.jpg);
	background-repeat: no-repeat;
}

#guestlist{
	/* border: 2px dashed red; */
	position: relative;
	top: 0px;
	left: 35px;
	width: 410px;
	height: 971px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/guestlist.png);
	background-repeat: no-repeat;
}

#tux{
	/* border: 2px dashed red; */
	position: relative;
	top: 0px;
	left: 53px;
	width: 391px;
	height: 184px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/tux.jpg);
	background-repeat: no-repeat;
}

#giftreg{
	/* border: 2px dashed red; */
	position: relative;
	top: 0px;
	left: 0px;
	width: 238px;
	height: 88px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/logo-amazon.jpg);
	background-repeat: no-repeat;
}

#amazon{
	/* border: 2px dashed red; */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 238px;
	height: 88px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/logo-amazon.jpg);
	background-repeat: no-repeat;
}

#johnlewis{
	/* border: 2px dashed red; */
	position: absolute;
	top: 0px;
	left: 250px;
	width: 220px;
	height: 88px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/logo-johnlewis.jpg);
	background-repeat: no-repeat;
}

#video02{
	/* border: 2px dashed red; */
	position: relative;
	top: 10px;
	left: 10px;
	padding: 0px;
	margin: 0px;
}

#video01{
	/* border: 2px dashed red; */
	position: relative;
	top: 10px;
	left: 10px;
	padding: 0px;
	margin: 0px;
}

#picture {
	/* border: 2px dashed magenta; */
	position: absolute;
	top: 0px;
	left: 650px; /* Note: Positioning from the right */
	width: 150px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/flower.jpg);
	background-repeat: no-repeat;
}

#guestbook {
	/* border: 2px dashed magenta; */
	position: absolute;
	top: 209px;
	right: 8px; /* Note: Positioning from the right */
	width: 135px;
	height: 56px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/guestbook.jpg);
	background-repeat: no-repeat;
}

#footer {
	/* border: 2px dashed black; */
	border-bottom: 1px solid #2C73B6;
	height: 25px;
	line-height: 25px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #D1E387;
	font-size: 10px;
}

#footer p {
	margin: 0px;  /* Debug tip - This prevents a nasty spacing problem in Firefox */
	text-align: center;
	color: #2C73B6;
}

#footer a {
	text-decoration: none;
	color: #2C73B6;
}