/* Example comment in CSS */

body {
	/* border: 2px dashed red; */
	background-color: #FFFFFF; /* White background */
	width: 800px; /* Establish the site width */
	margin: 0px 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 */

#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: 500px;
	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: #F2F444;
	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: #8FC7F7;
	color: #000000;
}

#textbox {
	/* border: 2px dashed cyan; */
	position: absolute;
	top: 0px;
	left: 150px; /* Position to the left of the 150px picture */
	width: 500px;
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	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: 10px;
}

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

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

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

#footer {
	/* border: 2px dashed black; */
	border-bottom: 1px solid #2C73B6;
	height: 25px;
	line-height: 25px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #ADD8E6;
	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;
}