@charset "utf-8";
/* CSS Document */

body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bgX1.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;


}

h1 {
	font-size:1.5em;
	color:#9c1412;	
}
h2 {
	color:#0b2719;	
}
h3 {
	color:#9c1412;		
}
.H1R{
	text-align:center;
	font-size:2em;
	color:#9c1412;
	font-weight:bold;
}
.H2G{
	text-align:center;
	font-size:1.5em;
	color:#0b2719;
	font-weight:bold;
}
.H3G{
	text-align:left;
	font-size:1.3em;
	color:#0b2719;
	font-weight:bold;
}
.H4R{
	text-align:left;
	font-size:1em;
	color:#9c1412;
	font-weight:bold;
}
.dessert{
	position: absolute;
	top:20px;
	left:60%;
	
}
a {text-decoration:none}
a:link {color:#9c1412}
a:visited {color:#9c1412}
a:hover {color:#0b2719;}

p.copyright{
	text-align:center;
	font-size:0.9em;
	color:#FFF
}

.oneColElsCtr #container {

	width: 46em;
	
	background: #f4ecdf;
	margin: 70px auto ; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #000000;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}