body
{
	height: 100%; /* fix height to 100% for IE */
	max-height: 100%; /* fix height for other browsers */ /*overflow: hidden; /*get rid of scroll bars in IE */
	padding: 0; /*remove padding */
	margin: 0; /* remove margins */
	border: 0; /* remove borders */
	font-size: medium;
	color: #FCF3FC;
	font-family: 'Century Gothic' , Arial;
	padding-left: 1em;
	margin: 5px 0px 0px;
	font-size: small;
	background: url(images/JPetalBackground.jpg) #cc99ff fixed center center;
} 

html { 
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	/*overflow:hidden; /*get rid of scroll bars in IE */
	/* */
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 5px; }



  #navbarTop
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	vertical-align: bottom;
	text-align: right;
	margin-bottom: 7px;
	width: 98%;
	height: 12px;
}

	

#navbarTop ul
{
	margin-top: 1px;
	margin-right: 4px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
	vertical-align: middle;
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	float:right;
}
#navbarTop li
{
	background-repeat: no-repeat;
	background-position: left center;
	width: 99px;
	float: left;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#navbarTop a
{
	float: left;
	overflow: hidden;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#navbarBottom
{
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	vertical-align: baseline;
	text-align: center;
}

	

#navbarBottom ul
{
	margin-top: 1px;
	margin-right: 4px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
	vertical-align: middle;
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#navbarBottom li
{
	background-repeat: no-repeat;
	background-position: left center;
	width: 99px;
	float: left;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#navbarBottom a
{
	float: left;
	overflow: hidden;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
}

  #sidepic
{
	position: absolute;
	top: 85px;
	left: 0.5em;
	width: 5.5em;
	height: 95%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-image: url(images/Peony_SideBar.png);
	padding-top: 15px;
	text-align: center;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: center bottom;
	vertical-align: baseline;
}


  #picbar
{
	position: absolute;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

A:link
{
	color: DeepPink;
	text-decoration: none;
	text-align: right;
}

A:visited
{
	color: DeepPink;
	text-decoration: none;
	text-align: right;
}

A:active
{
	color: deeppink;
	text-decoration: none;
	text-align: right;
}
A:hover
{
	color: #ffffff;
	text-decoration: none;
	background-position: left center;
	background-image: url(images/navicon.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: right;
}

LI
{
	list-style-type: none;
}


#container
{
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	display: block; /* set up as a block */
	height: 70%; /* set height to full page */
	max-height: 70%; /*overflow: auto; /* add scroll bars as required */
	position: relative; /* set up relative positioning so that z-index will work */
	z-index: 3; /* allocate a suitable z-index */
	vertical-align: middle;
	padding-bottom: 10px;
	text-align: center;
	width: 94%;
	background-position: left top;
	background-repeat: repeat;
}

#feature
{
	text-align: center;
	background-repeat: no-repeat;
	background-position: left center;
	border-right: #000033 1px;
	border-top: #000033 1px;
	vertical-align: middle;
	border-left: #000033 1px;
	border-bottom: #0000331px;
	width: 99%;
}

#feature p {

}

#content
{
	display: block; /* set up as a block */
	margin-left: 60%;
	height: 80%; /* set height to full page */
	max-height: 80%;
	position: relative; /* set up relative positioning so that z-index will work */
	z-index: 3; /* allocate a suitable z-index */
	padding-top: 5px;
	width: 40%;
	color: #ff00cc;
}

#maincontent
{
	display: block; /* set up as a block */
	left: 0.5%;
	height: 80%; /* set height to full page */
	max-height: 80%;
	/*overflow: auto; /* add scroll bars as required */
	position: absolute;
	padding-top: 5px;
	width: 58%;
	color: #ffcccc;
}



.pad2 {
display:block;
height:100px; /* height to miss header and footer */
}

#footer
{
	clear: both;
	border-right: medium none;
	left: 0px;
	vertical-align: baseline;
	border-left: medium none;
	width: 100%;
	bottom: 0px;
	padding-top: 5px;
	border-bottom: medium none;
	position: absolute;
	height: 2em;
	text-align: center;
	border-top-width: 1px;
	border-top-color: #003333;
	background-position: 0% 0%;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	padding-left: 50px;
}

#footer p {
	padding-left: 20px;
}
H1
{
	color: #ffcccc;
	background-position: center center;
	background-attachment: fixed;
	background-image: url(images/JPetalBackground.jpg);
	background-repeat: repeat;
}
#MasterContent
{
	border-right: 1px;
	border-top: 1px;
	margin: 2%;
	border-left: 1px;
	width: 96%;
	border-bottom: 1px;
	height: 96%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-position: center center;
	background-image: url(images/PetalBackground.png);
	background-repeat: repeat;
	vertical-align: middle;
	text-align: center;
}