@charset "UTF-8";
/* -------- basic styling ------ */








* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #fff;
	background-repeat: repeat-y;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	background-image: url(backforwraper.gif);
}
#wrapper {
	position:relative;
	width: 770px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
	left: 0;
	top: 0;
	background-image: url(backforwraper.gif);
	background-repeat: repeat-y;
	background-color: #8EC741;
}
#clear {
	clear:both;
}
/* ------ position container elements ----- */








#header {
	position:relative;
	height: 126px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 770px;
	background-color: #8EC742;
	float: left;
}
#slider {
	position:relative;
	height: 90px;
	width: 430px;
	float: right;
	clear: right;
	text-align: right;
	vertical-align: top;
	background-color: #8EC741;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content {
	position:relative;
	float: left;
	background-repeat: no-repeat;
	right: 0px;
	background-image: url(boy_girl.jpg);
	background-color: #8EC741;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	clear: left;
	width: 770px;
}
#mainnav {
	float:left;
	height: 110px;
	width: 100px;
	margin-left: 5px;
	position: relative;
	left: 3px;
	top: 33px;
	clear: left;
	padding-top: 0px;
}
#mainnav ul {
	list-style: none;
}
#mainnav ul a {
	font-size: 14px;
	text-decoration: none;
	color: #8CC63E;
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-weight: bolder;
	font-style: normal;
	letter-spacing: 0.1em;
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#mainnav ul a:hover {
	background-image:   url(spl_over.gif);
	color: #006633;
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar {
	float:right;
	width: 352px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	display: block;
	z-index: 10;
	visibility: visible;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	word-spacing: 2px;
	letter-spacing: normal;
	vertical-align: super;
	left: 20px;
	clear: right;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 380px;
	margin-bottom: 58px;
	padding-bottom: 0px;
	clip: rect(0px,auto,auto,auto);
	padding-top: 0px;
	background-color: #8EC741;
	background-image: url(images/backforcontact.gif);
}
#sidebar .last a {
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	padding-right: 2px;
	padding-left: 9px;
}
#sidebar .last a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #8EC742;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	padding-right: 2px;
	padding-left: 9px;
}
#welcomeheading {
	background-position: left top;
	background-image: url(welcomeToSite.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 320px;
}
#reflection {
	position:relative;
	width: 418px;
	height: auto;
	float: left;
	background-repeat: repeat-y;
	background-position: 0px 0px;
	right: 0px;
	left: 0px;
	clear: left;
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-top: 10px;
	background-image: url(reflactionback.jpg);
	background-color: #D8EEC0;
	padding-bottom: 35px;
	top: 290px;
	margin-top: 0px;
}
#reflection p {
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 10px;
	margin-top: 1em;
	height: 80px;
}
#reflection .pone {
	background-position: center top;
	color: #666666;
	vertical-align: 20%;
	display: block;
	text-align: center;
	cursor: default;
	margin-right: 35px;
	margin-left: 45px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	width: 300px;
	height: 70px;
	margin-bottom: 8px;
	margin-top: 5px;
	background-image: url(images/backforfeaturedgalery.jpg);
	background-repeat: no-repeat;
	padding-top: 12px;
	font-variant: normal;
	font-style: normal;
}
#reflection .ptwo {
	background-image: url(images/images/logo1.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
	height: 117px;
}
#reflection .pthree {
	background-image: url(images/images/logo2.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
	height: 117px;
}
#reflection .pfore {
	background-image: url(images/images/logo3.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
	height: 117px;
}
#reflection .pfive {
	background-image: url(images/images/logo4.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 200px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .psix {
	background-image: url(images/sm6.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .pseven {
	background-image: url(images/sm7.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .peight {
	background-image: url(images/sm8.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .pnine {
	background-image: url(images/sm9.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .pten {
	background-image: url(images/sm10.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .peleven {
	background-image: url(images/sm11.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .ptwelve {
	background-image: url(images/sm12.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 145px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	margin-right: 40px;
}
#reflection .pthirteen {
	background-image: url(images/sm13.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 120px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	height: 100px;
	padding-bottom: 2px;
}
#reflection .pforteen {
	background-image: url(images/sm14.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 120px;
	color: #666666;
	vertical-align: top;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	height: 100px;
	margin-top: 4px;
	padding-bottom: 2px;
}
#reflection .pfifteen {
	background-image: url(images/sm15.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 125px;
	color: #666666;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	height: 100px;
	margin-top: 4px;
	padding-bottom: 2px;
}
#reflection .psixteen {
	background-color: none;
	background-image: url(images/sm16.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 125px;
	vertical-align: 0%;
	display: block;
	text-indent: 10px;
	text-align: justify;
	cursor: default;
	height: 100px;
	margin-top: 4px;
}
#footer {
	color: #8EC742;
	background-color: #FFFFFF;
	position: relative;
	width: 770px;
	float: left;
	padding-top: 0px;
	visibility: visible;
	height: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: groove;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #EFF0EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	clear: left;
}
#footer p {
	float: right;
	padding-right: 20px;
	color: #577E2B;
	text-decoration: none;
}
#footer p a {
	color: #577E2B;
	text-decoration: none;
}
#linksbuttom {
	color: #FFFFFF;
	background-color: #577E2B;
	position: relative;
	width: 770px;
	float: left;
	padding-top: 0px;
	visibility: visible;
	height: 17px;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: groove;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #EFF0EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	clear: left;
}
#linksbuttom ul {
	list-style: none;
	color: #FFFFFF;
}
#linksbuttom ul li {
	float: left;
	color: #FFFFFF;
	padding-left: 60px;
	display: block;
	vertical-align: middle;
	text-align: center;
}
#linksbuttom ul a {
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.1em;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
#linksbuttom ul a:hover {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	background-color: #BEDD91;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCC00;
}
#contactArea {
	padding: 1em 0 1em 1.2em;
}
#contactArea h1 {
	font: bold 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #d52e36;
}
#contactArea h2 {
	font: 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	color: #028925;
}
#contactArea p {
	font: .9em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom:1em;
}
#contactArea a {
	color: #d52e36;
	text-decoration: none;
	border-bottom: dotted 1px #d52e36;
}
#contactArea a:hover {
	border-bottom-style: solid;
}
#contactArea img {
	float:left;
	padding-right:1em;
}
/* -- Forms styles --*/


























fieldset {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	display: block;
	padding-left: 15px;
}
.submit {
	margin-left: 10px;
}
.clear {
	clear:both;
}
input {
	width: 200px;
	float: right;
	margin-right: 35px;
}
/* reset width for non-text inputs */








input.radio, input.checkbox, input.submit {
	width: auto;
	float: left;
	clear: left;
}
/* contain interior floats */








#docform {
	float:left;
}
#docform p {
	position: relative;
	width: 100%;
}
#docform form {
	width: 540px;
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 10px;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
legend {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	padding: 2px 5px;
	color: #663300;
	margin-bottom: 0px;
	margin-left: -18px;
	margin-top: -2px;
	display: inline;
}
/* display labels next to form elements, add a class for when you want them to stack */








label {
	float:left;
	margin-right: 2em;
}
label.top {
	display:block;
	float: none;
	width: auto;
	clear: left;
	color: #598627;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
}
/*style feedback message */








label .feedback {
	position: absolute;
	margin-left: 6em;
	left: 463px;
	font-weight: bold;
	color:#760000;
	padding: 0 0 5px 20px;
	/* so IE doesn't freak out */








	width: 200px;
	top: 188px;
}
#informationType {
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 3px;
	font-variant: normal;
	float: left;
}
/* display labels inline with checkboxes */








#informationType label, #artistinfo label {
	float:none;
	display:inline;
	padding-left:5px;
}
/* align columns of checkboxes or radio buttons */








div.group1, div.group2, div.group3 {
	float:left;
	width: 280px;
	padding-left: 10px;
}
/* --these styles use attribute selectors and the focus pseudo-selector to style form elements








in DOM compliant browsers. Other browseres (such as IE6 will ignore these








and render the default form */








fieldset[id=personalinfo] {
	height: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-left-color: #9FB97A;
	border-bottom-color: #9DB577;
	border-top-color: #8EC63D;
}
fieldset[id=artistinfo] {
	background: #CCCCCC;
	border: 3px ridge #000000;
}
legend[class=perlegend] {
	background: #CCCC99;
	color: #A3D550;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-top-color: #DADADA;
	border-right-color: #D5D5D5;
	border-left-color: #E6E6E6;
}
legend[class=artlegend] {
	background: #CCC;
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
}
input:focus, textarea:focus {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
.style1 {
	color: #598627
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: blink;
	padding-left: 130px;
	padding-top: 5px;
}