@charset "utf-8";
* {
	margin:0; /* zero out margin */
	padding:0; /* zero out padding */
}
html, body {
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
}
html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {
	overflow:auto;
	padding-bottom: 38px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -38px; /* negative value of footer height */
	height: 38px;
	clear:both;
	background:url(../images/footer.png);
	background-position:center bottom;
	background-repeat:repeat-x;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body {
	background-image: url(../images/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#header {
	width: 100%;
	height:118px;
	padding-top:15px;
	text-align: center;
}
#menu {
	width: 100%;
	height: 40px;
	text-align: center;
}
a.menu {
	color: #ffffff;
	text-decoration:none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
a.menu:hover,a.menu:active {
	color: #b17abd;
}
#content-bg {
	position:relative;
	margin:0 auto 0 auto;
	width: 818px;
	height: 490px;
	background:url(../images/boxshadow.png) no-repeat;
	overflow:hidden;
}
#content {
	position:absolute;
	width: 800px;
	height: 470px;
	top: 7px;
	left: 9px;
	z-index: 1;
	overflow:hidden;
}
#content-html {
	position:absolute;
	width: 316px;
	height: 470px;
	top: 0px;
	left: 0px;
	z-index: 3;
	overflow:hidden;
	background:url(../images/content-gradient-bg.png) repeat-x;
	padding-top:25px;
	padding-left:25px;
}
#content-scroll {
	width: 285px;
	height: 420px;
	overflow:auto;
}
body.gallery #icons {
	padding-top:13px;
}
#icons {
	width: 818px;
	height: 29px;
	margin: 0 auto 0 auto;
	padding-right: 9px;
	text-align: right;
}
li {
	font-size: 12px;
}
#content-html p {
	padding-bottom: 25px;
	color:black;
	text-align:justify;
}
#content-html, #content-html p {
	font-size: 12px;
	line-height: 150%;
}
#content-html p.small-text {
	font-size:10px;
}
#content-html h1,#content-html h2,#content-html h3,#content-html h4 {
	padding-bottom: 25px;
}
#content_editor {
	width: 316px;
	height: 443px;
	background:url(../images/content-gradient-bg.png) repeat-x;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
.purple{
	color: #441a45;
}

#content-scroll p.purple,#content-html p.purple, .purple, a.purple, a.purple:hover, a.purple:active, a,a:hover, a:active {
	color: #441a45;
}
ul , ol {
	margin-left: 25px;
	padding-bottom: 25px;
}
.small-text {
	font-size: 10px;
}