body {
	height: 100%;
	color: #FFFFFF;
	background-color: #340652;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: lighter 1em Verdana, Arial, Helvetica, sans-serif;
}

#pagewrapper { background: #4E1677 url(images/page-elements/pagetop.gif) repeat-x scroll left top; }



/* :::::::::::::::::::::::::::::::::: page heading  */

#longheader {
	margin: 0;
	padding: 0;
	width: 100%;
	height:145px;
	background-image: url(images/page-elements/castle.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#logo { margin-left: 40px; }

#header {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 780px;
	height: 100px;
	text-align: left;
}




/* :::::::::::::::::::::::::::::::::: main navigation bar  */

#navholder {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 780px;
	height: 35px;
	text-align: left;
	text-shadow: -2px -2px 1px #411363;
}
 
#navholder ul{
	margin: 0;
	padding: 0;
	height: 40px;
	list-style-type: none;
	background-image: url(images/page-elements/navback.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top: 2px solid #FFFFFF;
	text-align: center;
	float: left;
}

#navholder li{
	margin: 0;
	padding: 0;
	float: left;
	height: 35px;
}

#navholder  li a {
	margin: 0;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 10px 0 0 0;
	height: 25px;
}

#navholder li a:hover{
	color: #FCD73A;
	background: #3F0D62;
}

#navlast { border-right: 1px solid #360A53; }
#navstart { border-left: 1px solid #903B91; }

#navstart a,
#navmain a,
#navlast a{
	border-left: 1px solid #360A53;
	border-right: 1px solid #903B91;
}
.nav60 { width: 50px; }
.nav70 { width: 75px; }
.nav100 { width: 100px; }

#leftend {
	margin-left: 156px;
	float: left;
}

#rightend{ float: left; }




/* :::::::::::::::::::::::::::::::::: page content  */

#pageholder {
	margin: 0 auto 0 auto;
	padding: 10px 0 40px 0;
	width: 780px;
	text-align: left;
}



/* :::::::::::::::::::::::::::::::::: secondary navigation bar  */

#secondarynav {
	padding: 0px;
	float: left;
	width: 150px;
	margin : 0;
	text-align: right;
}

#secondarynav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#secondarynav li {
	margin: 0 0 3px 0;
	padding: 0px;
	list-style-type: none;
	text-transform: uppercase;
	border-top: 1px solid #B896B4;
	border-bottom: 1px solid #370A4E;
}

#secondarynav li a {
	margin: 0;
	padding: 3px 10px 2px 0;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 0.7em;
	text-decoration: none;
	border-bottom: 10px solid #6E2B85;
	display: block;
	color: #FFFFFF;
	background: #9056A1;
	width: 140px;
}


#secondarynav a:hover {
	border-bottom-color: #F48119;
	color: #F9D837;
	background: #46116B;
}

#secondarynav #activepage a {
	color: #9056A1;
	background-color: #6E2B85;
	border-bottom: 10px solid #58216B;
}

/* :::::::::::::::::::::::::::::::::: page styles  */

#content {
	margin: 0 0 0 160px;
	padding: 0 10px;
	width: 400px;
	font-size: 0.7em;
	float: none;
}

#content h1 {
	color: #FBD236;
	font-size: 1.4em;
	margin: 0px 0px 7px;
	border-bottom: 1px solid #8F59AA;
	padding-bottom: 7px;
}

#content h2 {
	font-size: 1.4em;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
	font-weight: normal;
	color: #99CCFF;
}

#content h3 {
	margin: 0 0 1em 0;
	padding: 0px;
	line-height: 1.3em;
	font-size: 1em;
	color: #FBCB32;
	text-transform: uppercase;
}

#content h4 {
	margin: 0px 0px 1.5em;
	padding: 0px;
	line-height: 1.7em;
	font-size: 1em;
}

#content h4 a {
	color: #99CCFF;
	text-decoration: none;
}

#content h4 a:hover { color: #F79D20; }

h6 {
	text-align: right;
	border-top: 2px dotted #EE670E;
	margin: 4px 0px 0px;
	padding: 4px 0px 0px;
	color: #FFCC00;
}

.question {
	font-weight: bold;
	color: #BF9BCF;
	font-size: 1.2em;
	line-height: 1.5em;
}

#content p {
	margin: 0 0 1em 0;
	padding: 0px;
	line-height: 1.7em;
	font-size: 1em;
}

#content p a {
	color: #FBCB32;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#content p a:hover { color: #FFFFCC; }



/* :::::::::::::::::::::::::::::::::: page footer */

#footer {
	width: 100%;
	margin : 0;
	clear: left;
	padding: 0px;
	font-size: 0.7em;
	height: 60px;
	background: #3E0C60 url(images/page-elements/pagebottom.gif) repeat-x left bottom;
	text-align: center;
	line-height: 1.3em;
	color: #9B65B2;
	text-transform: uppercase;
	border-top: 1px solid #360755;
	_border-top: none;
}

#footer a {
	font-weight: bold;
	color: #CBA5DD;
	text-decoration: none;
}

#footer a:hover { color: #FFCC33; }

#footerholder {
	width: 780px;
	margin: -1px auto 0px;
	padding: 0px;
	text-align: left;
}

#footer p {
	margin: 0 0 0 156px;
	padding: 3px 0px 15px 15px;
	width: 410px;
	background: #4E1677;
	border-right: 1px solid #2E0847;
	border-bottom: 2px solid #2E0847;
	border-left: 1px solid #2E0847;
}
.extrapad   {
	margin: 0 10px 0 0;
	padding: 0;
}


#holder {
	clear: both;
}



/* :::::::::::::::::::::::::::::::::: decorative images  */

#rightimage {
	float:right;
	margin: -75px 0 0 0;
	position: absolute;
	right: 0px;
	background: url(images/girl-jump.png) no-repeat right top;
	_background: url(images/girl-jump.gif) no-repeat right top;
	height: 250px;
	width: 175px; 
	padding: 0px; 
}

#leftimage {
	float:left;
	margin: 10px 0 0 0;
	position: absolute;
	left: 0px;  
}

#mainflatimage {
	margin: 0px 0px 10px;
	padding: 0px;
	border: 2px solid #fff;
}
.pageimage {
	padding: 0px;
	margin-bottom: 15px;
	clear: right;
}

.pageimagemore {
	padding: 0px;
	margin-bottom: 15px;
	margin-top: 10px;
	clear: right;
}


/* :::::::::::::::::::::::::::::::::: General additions to text  */

.treatboldhighlight{
	font-weight: bold;
	color: #FBD236;
}

.treatlarger {
	font-size: 1.3em;
	line-height: 1.2em;
	color: #CCCCFF;
}

.red { color: #FF0000; }

.white { color: #FFFFFF; }


/* :::::::::::::::::::::::::::::::::: Forms and Labels  */

form {
	margin:0;
	padding:0;
}

label {
	color: #0099FF;
	text-transform: uppercase;
	font-size: 0.8em;
	display: block;
	padding: 0px;
	width: 100%;
	margin-bottom: 16px;
}

form input {
	color: #440F68;
	background: #F37F18;
	border: 2px solid #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

label input, label textarea {
	padding: 3px;
	margin-top: 5px;
	border: 1px solid #FBD236;
	clear: both;
	background: #eee;
	color: #400D62;
	font-size: 1.3em;
	display: block;
	width: 100%;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
}

.newsimage {
	margin: 0px 0px 10px;
	padding: 0px;
	border: 2px solid #fff;
}
#padblock p a   {
	background-color: #793A8D;
	padding: 3px;
	margin : 15px 0px;
	display: block;
	width: 100%;
}
.galleryicon {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 2px solid #FFFFFF;
}
.clear {
	clear: both;
}