body 
{
	font-family: Verdana, Arial, Sans-serif;
	margin:0px;
}

a.MenuButton 
{
	display:block;
	width:140px;
	/*height: 20px;*/
	font-size:small;
	border:solid 1px white;
	background-color: rgb(246,213,77);
	margin-top: 2px;
	font-weight: bold;
	text-decoration:none;	
	padding:0px 0px 0px 2px;	
	color: rgb(162,34,36);
}
/*The :hover is a pseudo class that says that when you hover over something with the mouse, apply this style*/	
a.MenuButton:hover
{
	background-color: rgb(250,165,75);
}

div#Header
{
	height:99px;
	background-color: rgb(247,219,110);	
	background-image: url("flower-header-small.jpg");
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: solid 1px rgb(242,170,50);
}
  
div#Menu
{
	padding:5px;
	width:146px;
	background-color: rgb(242,170,50);
	float:left;
}

div#Container
{
	/*background-color: rgb(242,170,50);	*/
	height:98%;
}

div#Content
{
	padding-left: 10px;
	margin-left:156px;
	font-size: smaller;	
	background-color:white;
	height:100%;
	
}

span#Title
{
	position:relative;
	left:10px;
	top:10px;
	font-size:xx-large;
	font-weight:bold;
	color:navy;	
}

span#Subtitle
{
	position:relative;	
	left:10px;
	top:20px;
	font-size:large;
	font-weight:bold;
	color: rgb(162,34,36);
}

span#ContentTitle
{
	font-size:large;
	font-weight:bold;	
}

div#Footer
{
	height:30px;
	background-color:white;
	position:relative;	
	border-top: solid 1px rgb(242,170,50);	
	font-size:x-small;
}

div.clear
{
	clear:both;	
}