body {background: #CcC url("rose-background-01.gif") 0 0 no-repeat fixed;}
div#content {background: #FCC}
div#content {
	position: absolute;
	top: 10px;
	left: 200px;
	right: 10px;
	color: #000;
	font: 12px Verdana, sans-serif;
	padding: 10px;
	z-index: 1;
	border-color: #0F6;
	height: auto;
}
div#content p {
	margin:5px 5px 5px 5px;
	text-align: justify;
}
div#content h1 {
	margin-bottom: 0.25em;
	padding: 5px 10px 5px;
	text-align: right;
	height: 50px;
	background: #C99;
	color: #FFF;
	vertical-align: middle;
	white-space: normal
}
div#content h2 {margin:10px 10px 10px 10px; text-align:center; font: Bold 16px Georgia, "Times New Roman", Times, serif;}
div#content h3 {margin:5px 5px 5px 5px; text-align:center; font: bold 14px Georgia, "Times New Roman", Times, serif;}
div#content h4 {margin:5px 5px 5px 5px; text-align:center; font: bold 12px Georgia, "Times New Roman", Times, serif;}
div#content h5 {margin:5px 5px 5px 5px; color:#B22E2F; text-align:center; font: bold italic 12px Georgia, "Times New Roman", Times, serif;}
div#content h6 {margin:10px 10px 10px 10px; text-align:center; color:#CC0000; font: Bold 16px Georgia, "Times New Roman", Times, serif;}

div#content a:link {
	color: green;
}
div#content a:visited {
	color: blue;
}
div#content a:link:hover {
	color: red;
}
div#content a:visited:hover {

}

div#content1 {background: #FCC}
div#content1 {
	position: absolute;
	top: 115px;
	left: 196px;
	right: 10px;
	color: #000;
	font: 12px Verdana, sans-serif;
	padding: 10px;
}
div#content1 p {margin:5px 5px 5px 5px}
div#content1 h1 {margin-bottom: 0.25em; padding: 5px 10px 5px; text-align: right; height: 50px; background: #C99; color: #FFF; vertical-align: middle; white-space: normal; font: 18px Georgia, "Times New Roman", Times, serif}
div#content1 h2 {margin:10px 10px 10px 10px; text-align:center; font: Bold 16px Georgia, "Times New Roman", Times, serif;}
div#content1 h3 {margin:5px 5px 5px 5px; text-align:center; font: bold 14px Georgia, "Times New Roman", Times, serif;}
div#content1 h4 {margin:5px 5px 5px 5px; text-align:center; font: bold 12px Georgia, "Times New Roman", Times, serif;}
div#content1 h5 {margin:5px 5px 5px 5px; color:#B22E2F text-align:center; font: bold italic 12px Georgia, "Times New Roman", Times, serif;}

div#banner {
	position:absolute;
	top:15px;
	left: 250px;
	height:100px;
	background-color: #FFFF33;
	font: 12px Arial, sans-serif;
}
div#banner p {margin: 0 1em 1em; text-align:justify}
div#banner h1 {margin-bottom: 0.25em; padding: 5px 10px 5px; text-align:center; height: 40px; background: #0F6; color: #F00; vertical-align: middle; white-space: normal; font: 36px Arial, sans-serif}
div#banner h2 {margin:2px 10px 5px 10px; text-align:center; font: Bold 18px Arial, sans-serif}
div#banner h3 {margin:2px 10px 5px 10px; text-align:center; font: Bold 14px Arial, sans-serif}

div#links {
	position: absolute;
	top: 161px;
	left: 0;
	width: 190px;
	height: 250px;
	font: 12px Verdana, sans-serif;
}
div#links a {background: transparent}
div#links a {
	display: block;
	text-align: center;
	font: bold 1em sans-serif;
	margin: 0 0 2px;
	border-width: 0;
	text-decoration: none;
	color: #B22E2F;
	padding: 2px 10px;
}
div#links a:hover {color: #411; background: transparent }
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 200px; left: 5px; width: 180px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; ;
   font: 10px Verdana, sans-serif; text-align: center;}

body {position: relative; margin: 0; padding: 0;}

img.curve1 {float: left; clear: left; margin: -10px 1em 0 -10px;}
img.curve {float: left; clear: left; margin: 0 1em 0 -10px;}

div#playsub {display:block; text-align:center; font:"Monotype Corsiva", "Script MT Bold", Script, serif}
div#playsub {
	position: absolute;
	top: 423px;
	width: 200px;
	height: 124px;
	left: 0;
}
div#playsub a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #411;}
div#playsub a:hover {color: #F9C;}

div#member {display:block; text-align:center; font:"Monotype Corsiva", "Script MT Bold", Script, serif}
div#member {
	position: absolute;
	top: 423px;
	width: 200px;
	height: 170px;
	left: 0;
}
div#member a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #411;}
div#member a:hover {color: #F9C;}

div#sponsors {display:block; text-align:center; font:"Monotype Corsiva", "Script MT Bold", Script, serif}
div#sponsors {
	position: absolute;
	top: 445px;
	left: -3px;
	width: 200px;
	height: 110px
}

div#contact {display:block; font: Arial, sans-serif}
div#contact {
	position:absolute;
	top: 629px;
	left: -4px;
	width: 200px;
	height: 150px;
	background-color:#CCCCCC
}
div#contact p {margin: 0 1em 1em; text-align:center}
div#contact h2 {margin: 5px 10px 2px 10px; text-align:center; font: Bold 16px Arial, sans-serif}
div#contact h3 {margin:5px 5px 2px 5px; text-align:center; font:14px Arial, sans-serif}



div#associate {display:block; font: Georgia, "Times New Roman", Times, serif}
div#associate {
	position:relative;
	bottom: -100px;
	left: 150px;
	width: 400px;
	background-color:#FCC;
	z-index: 0;
}

div#image1 {float: right; padding: 5px; margin: 5px; background: #FCC; width: 200px; }
	
h1 {margin-bottom: 0.25em; padding: 5px 10px 5px; text-align: right; height: 50px; background: #C99; color: #FFF; vertical-align: middle; white-space: normal; font: 18px Georgia, "Times New Roman", Times, serif}
h2 {margin:5px 5px 5px 5px; text-align:center; font: Bold 16px Georgia, "Times New Roman", Times, serif;}
h3 {margin:5px 5px 5px 5px; font:14px Georgia, "Times New Roman", Times, serif;}
h4 {margin:2px 2px 2px 2px; font:12px Georgia, "Times New Roman", Times, serif;}

dt {
	font-weight: bold;
	text-align: center;
}
dd {margin-bottom: 0.66em;}

code, pre {color: #000; font: 110% monospace;}

.fp_highlight {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #F00;
}

#gallery {
	width:825px;
	height:625px;
	position:absolute;
	border:2px solid #ddd;
	-o-border-radius: 12px;
	-icab-border-radius: 12px;
	-khtml-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background:#fcc;
	top:130px;
	left: 50px;
}
#gallery ul {
	list-style:none;
	padding:5px;
	margin:0;
	width:190px;
	float:left;
	height:540px;
	overflow:auto;
}
#gallery ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	float:left; 
	margin:0 4px 4px 0; 
	border:1px solid #444; 
	cursor:pointer;
}
#gallery ul li img {
	display:block; 
	width:50px; 
	height:50px;
}
#gallery ul li span {
	display:none; 
	position:absolute; 
	left:5px; 
	top:550px; 
	width:200px;
	font-family:verdana, arial, sans-serif; 
	color:#06a; 
	font-size:11px; 
	line-height:15px; 
	text-align:justify;
}
#gallery ul li span b {color:#444;}

#gallery ul li.off {display:none;}

#gallery ul li.click {
	border-color:#fc0; 
	background:#f8f8f8; 
	cursor:default;
}

#gallery ul li.click i {
	position:absolute;
	left:205px;
	top:4px;
	width:450px;
	height:450px;
}

#gallery ul li.click i img {
	margin:5px 5px 5px 5px;
	width:auto;
	height:auto;
	border:1px solid #fcc;
	padding: 5px 5px 5px 5px;
}

#gallery ul li.click span {display:block;}

#button {
	top:700px;
	position: absolute;
	left: 50px;
}