
 /* Styles the body. */
body{
}

#holder{
}



 /* Styles the h1 header tag. */
#header h1{
	font: bold 2em/300% Georgia, serif;
	color: #000000;
	margin: 0;
	padding: 0 .7em 0;
	text-align: center;
}



 /* Box which holds the content and aligns it to the left. */
#content{
	/*position: relative;*/
	padding: 20px;
        background: #ffffff;
	width: 500px;
}

 /* Styles the h3 header tag. */
#content h3{
	font: 1.4em/100% georgia, Sans-Serif;
	color: black;
	margin: 0;
	padding: 10px 5px 0 0;

}

 /* Styles the p-tag (the paragraphs). */
#content p{
	font: .8em/150% georgia, Sans-Serif;
	text-align: justify; /* You can also use: justify, center and right. Try them! */
	margin: 0;
	padding: 10px 5px 1em 5px;
}

#content p img.floatleft{
	float: left;
	margin: 0 13px 5px 0;
	border: 5px black solid;
}

 /* Styles quotes displayed as block-elements. */
#content p.blockquote{
	margin: 0 5px 0 20px;
	padding: 6px;
	font: .7em georgia, Sans-serif;
	border-left: 1px black dashed;
	background: white;
	text-align: justify;
}

#content p.blockquote:hover{
	border-left: 1px black dashed;
	background: #CCCC99;
}

 /* Puts > Quote: " < in front of everything inside the quote, so you don't have to! */
#content p.blockquote:before{
	content: "Quote: " open-quote;
	font-weight: bold;
	font-style: italic;
}

 /* Puts a > " < after the quote. */
#content p.blockquote:after{
	content: close-quote;
	font-weight: bold;
	font-style: italic;
}


#menu{
display: none;
}


#submenu{
display: none;
}




#footer{display: none; }




 