/* Main elements */

body { width: 624px; height: 100%; margin: 8px auto; line-height: 2em; 
	   font-family: "Maiandra GD",Georgia,serif; color: #000000; }

@media screen {
	body { margin: 1em auto; padding: 0; background: #660000 repeat url(images/pattern.gif); }

	#mainsite {
		width: 100%; margin: 0 auto; padding: 1em; border: 2px solid #000000;
		background: url(images/overlay.png);
	}
	
	#content { margin: 0 12px 1em 12px; padding: 0; }
}


@media print {
	body { width: 6.5in; margin: 0 auto; padding: 0; background: transparent; text-align: center; }

	#mainsite {
		width: 100%; margin: 0; padding: 0;
		background-color: #FFFFFF; border: 0px none;
	}

	#content { margin: 0; padding: 0; width: 100%; }
}


#header		{ width: 100%; background: url(images/grannyssquare-web1.png) no-repeat; }
#header2	{ width: 100%; background: url(images/grannyssquare-web2.png) no-repeat; }

#footer		{ width: 100%; clear: both;
			  text-align: center; margin: 0; padding: 0; }

/* Shared styles */
.l2, .r2	{ float: left; text-align: left; width: 49%;
			  background: transparent; padding: 0 0 0.5em 0; }

.title		{ font: 150% "Amaze",script; color: #660000; padding: 0.2em 0 0.5em 0; }
.bold		{ font-weight: bold; }
.italic		{ font-style: italic; }
.small		{ font-size: 80%; }
.maroon		{ color: #660000; }
.help		{ cursor: help; }

/* Font definitions */
@font-face { font-family: Amaze; panose-1: 2 11 5 0 0 0 0 0 0 0; }
@font-face { font-family: "Maiandra GD"; panose-1: 2 14 5 2 3 3 8 2 2 4; }

/* HTML overrides */
img			{ border: 0; }

a			{ font: inherit; font-weight: bold; text-decoration: none; color: #006600; }
a:hover		{ text-decoration: underline; }

p			{ margin: 0; padding-bottom: 12px; }

ul			{ margin: 0; padding: 0; list-style-type: none; }
li			{ font-size: 14pt; line-height: 1.2em; padding-bottom: 0.8em; padding-left: 32px; background:transparent url(images/paw.png) no-repeat 0 -3px; }

hr			{ height: 1px; color: #FFFFFF; background-color: #FF0000;
			  margin: 0; padding: 0; border: 0; clear: both; }