@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
	}
/*-----basic styling--------*/



/*-----HOME PAGE--------*/


body {
	background-color: #000000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
a:link {
	color: #3e7c01;
	text-decoration: none;
	}
	
a:visited {
	color: #527134;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:active {
	color: #b7cf9f;
	text-decoration: none;
	}
	
#container {
	position: relative;
	width: 800px;
	height: 860px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#clear {
	clear: both;
	}
	
/*------position container elements------*/	

/*-----index PAGE--------*/

#slideshowContainer {
	height: 513px;
	width: 810px;
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: right;	
	}

#skipIntro {
	height: 20px;
	width: 810px;
	text-align: center;
	margin: 0 auto;
	}
/*-----end index PAGE--------*/


/*-----HOME PAGE--------*/

#containerTop {
	position: relative;
	background: #5d8f2c;
	margin: 0px;
	padding: 0px;
	width: 798px;
	clear: right;
	}	
	
	
/*------position container top elements------*/

#topLogo {
	position: relative;
	float: left;
	text-align: left;
	width: 518px;
	height: 114px;
	}
	
	
#topNav {
	float: left;
	width: 280px;
	height: 114px;
	background-color: #5d8f2c;
	}
	
	
#navigationMap {
	float: right;
	width: 280px;
	height: 114px;
	background-color: #5d8f2c;
	}
	
/*------item to use if I need a text nav box at top-----
	
#navigation {
	float: right;
	width: 268px;
	padding-right: 10px;
	padding-top: 40px;
	height: 74px;
	background-color: #5d8f2c;
	line-height: 22px;
	font-size: 11px;
	letter-spacing: 0.04em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #ffffff;
	text-align: right;
	}
/*------end-----*/
	
	
#navigation a:link {
	color: #ffffff;
	text-decoration: none;
	}
	
#navigation a:visited {
	color: #b7cf9f;
	text-decoration: none;
	}
	
#navigation a:hover {
	text-decoration: underline;
	}
	
#navigation a:active {
	color: #fffff;
	text-decoration: none;
	}
/*------end position container top elements------*/
	
#containerImages {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 798px;
	clear: right;
	}
	
#containerText {
	position: relative;
	float: left;
	background-color: #ffffdd; 
	text-align: left;
	width: 798px;
	clear: right;
	}
	
/*------position container text elements------*/

#textCap {
	position: relative;
	float: left;
	width: 48px;
	}
	
#textContent {
	position: relative;
	float: left;
	width: 500px;
	}
	
#textImageSwap {
	position: relative;
	float: left;
	width: 250px;
	}
	
#spacerHome {
	position: relative;
	float: left;
	width: 250px;
	height: 200px;
	}
	
#spacerContact {
	position: relative;
	float: left;
	width: 250px;
	height: 780px;
	}

#spacerWorkshops {
	position: relative;
	float: left;
	width: 250px;
	height: 1170px;
	}
	
#spacerShop {
	position: relative;
	float: left;
	width: 250px;
	height: 3380px;
	}
	
#constantContact {
	position: relative;
	float: left;
	width: 235px;
	height: 140px;
	padding-top: 50px;
	padding-left: 15px;
	vertical-align: bottom;
	}
	
#constantContactHome {
	position: relative;
	float: left;
	width: 235px;
	height: 120px;
	padding-top: 30px;
	padding-left: 15px;
	vertical-align: bottom;
	}

/*------end container text elements------*/
	
	
#containerBottom {
	position: relative;
	float: left;
	background-color: #7ea458;
	margin: 0px;
	padding: 0px;
	width: 798px;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	}
	
#containerBottomLeft {
	position: relative;
	float: left;
	background-color: #7ea458;
	margin: 0px;
	padding-top: 10px;
	padding-left: 0px;
	width: 550px;
	height: 29px;
	text-align: left;
	vertical-align: middle;
	}
	
#containerBottomRight {
	position: relative;
	float: right;
	background-color: #7ea458;
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 39px;
	text-align: left;
	vertical-align: middle;
	}
	
#containerBottomF {
	position: relative;
	background-color: #7ea458;
	float: left;
	margin-top: 5px;
	padding: 0px;
	width: 35px;
	height: 33px;
	vertical-align: middle;
	}
	
#containerBottomText {
	position: relative;
	background-color: #7ea458;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-left: 0px;
	width: 180px;
	height: 28px;
	text-align: left;
	}
	

/*------end container text elements------*/


/*-----end HOME PAGE--------*/




/*----SECOND LEVEL PAGES--------*/


/*-------------workshops page---------------*/

#containerWorkshops {
	position: relative;
	width: 800px;
	height: 2225px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
/*-------------consultations page---------------*/
	
#containerConsultations {
	position: relative;
	width: 800px;
	height: 1100px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#audioContent {
	position: relative;
	width: 400px;
	float: left;
	}
	
#audioIcon {
	position: relative;
	width: 60px;
	float: left;
	}
	
#audioText {
	position: relative;
	width: 330px;
	float: right;
	margin-top:	10px;
	color: #444444;
	}
	
/*-------------publications page---------------*/
	
#containerPublications {
	position: relative;
	width: 800px;
	height: 4280px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#textPubTitle {
	float: left;
	width: 500px;
	}
	

#contentPub1 {
	float: left;
	width: 500px;
	height: 330px;
	}
	
#pubPix1 {
	float: left;
	width: 185px;
	height: 315px;
	padding-top: 15px;
	}
	
#pubText1 {
	float: left;
	width: 315px;
	height: 330px;
	}
	
#contentPub2 {
	float: left;
	width: 500px;
	height: 265px;
	}
	
#pubPix2 {
	float: left;
	width: 185px;
	height: 250px;
	padding-top: 15px;
	}
	
#pubText2 {
	float: left;
	width: 315px;
	height: 265px;
	}
	
#contentPub3 {
	float: left;
	width: 500px;
	height: 210px;
	}
	
#pubPix3 {
	float: left;
	width: 185px;
	height: 195px;
	padding-top: 15px;
	}
	
#pubText3 {
	float: left;
	width: 315px;
	height: 210px;
	}
	
#contentPub4 {
	float: left;
	width: 500px;
	height: 190px;
	}

#pubPix4 {
	float: left;
	width: 185px;
	height: 175px;
	padding-top: 15px;
	}
	
#pubText4 {
	float: left;
	width: 315px;
	height: 190px;
	}
	
#contentPub5 {
	float: left;
	width: 500px;
	height: 375px;
	}

#pubPix5 {
	float: left;
	width: 185px;
	height: 360px;
	padding-top: 15px;
	}
	
#pubText5 {
	float: left;
	width: 315px;
	height: 375px;
	}
	
#contentPub6 {
	float: left;
	width: 500px;
	height: 430px;
	}

#pubPix6 {
	float: left;
	width: 185px;
	height: 415px;
	padding-top: 15px;
	}
	
#pubText6 {
	float: left;
	width: 315px;
	height: 430px;
	}
	
#contentPub7 {
	float: left;
	width: 500px;
	height: 325px;
	}

#pubPix7 {
	float: left;
	width: 185px;
	height: 310px;
	padding-top: 15px;
	}
	
#pubText7 {
	float: left;
	width: 315px;
	height: 325px;
	}
	
#contentPub8 {
	float: left;
	width: 500px;
	height: 475px;
	}
	
#pubPix8 {
	float: left;
	width: 185px;
	height: 460px;
	padding-top: 15px;
	}
	
#pubText8 {
	float: left;
	width: 315px;
	height: 475px;
	}	

#contentPub9 {
	float: left;
	width: 500px;
	height: 420px;
	}

#pubPix9 {
	float: left;
	width: 185px;
	height: 405px;
	padding-top: 15px;
	}
	
#pubText9 {
	float: left;
	width: 315px;
	height: 420px;
	}	

#contentPub10 {
	float: left;
	width: 500px;
	height: 190px;
	}
	
#pubPix10 {
	float: left;
	width: 185px;
	height: 175px;
	padding-top: 15px;
	}
	
#pubText10 {
	float: left;
	width: 315px;
	height: 190px;
	}
	
#contentPub11 {
	float: left;
	width: 500px;
	height: 240px;
	}
	
#pubPix11 {
	float: left;
	width: 185px;
	height: 195px;
	padding-top: 15px;
	}
	
#pubText11 {
	float: left;
	width: 315px;
	height: 240px;
	}
	
#contentPub12 {
	float: left;
	width: 500px;
	height: 250px;
	}
	
#pubPix12 {
	float: left;
	width: 185px;
	height: 195px;
	padding-top: 15px;
	}
	
#pubText12 {
	float: left;
	width: 315px;
	height: 250px;
	}
	
/*-------------contact page---------------*/
	
#containerContact {
	position: relative;
	width: 800px;
	height: 2050px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#containerJoin {
	position: relative;
	width: 800px;
	height: 430px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
	
#textContentContact {
	float: left;
	width: 480px;
	padding-right: 15px;
	}
	
/*-------------gallery directory page---------------*/

#containerGallery {
	position: relative;
	width: 800px;
	height: 1260px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#textContentGalleryIntro {
	width: 500px;
	clear: right;
	}
	
#textContentGalleryPaintings {
	width: 500px;
	height: 165px;
	clear: right;
	}

#paintingsImage {
	float: left;
	width: 150px;
	padding-top: 15px;
	height: 135px;
	}
	
#paintingsText {
	float: left;
	width: 347px;
	height: 160px;
	}

#textContentGalleryPainterly {
	width: 500px;
	height: 230px;
	clear: right;
	}
	
#painterlyImage {
	float: left;
	width: 150px;
	padding-top: 15px;
	height: 205px;
	}
	
#painterlyText {
	float: left;
	width: 347px;
	height: 225px;
	}	
	
#textContentPhotography {
	width: 500px;
	height: 220px;
	}
	
#photographyImage {
	float: left;
	width: 150px;
	padding-top: 15px;
	height: 200px;
	}	
	
#photographyText {
	float: left;
	width: 347px;
	height: 215px;
	}

	
/*-------------individual gallery pages---------------*/

#containerPntlyImages {
	position: relative;
	width: 750px;
	height: 810px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#containerIndImages {
	position: relative;
	width: 750px;
	height: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}	
	
#containerTopGallery {
	position: relative;
	background: #5d8f2c;
	margin: 0px;
	padding: 0px;
	width: 748px;
	clear: right;
	}
	
#topLogoGall {
	position: relative;
	float: left;
	text-align: left;
	width: 468px;
	height: 114px;
	}	
	
#containerTextGall {
	position: relative;
	float: left;
	background-color: #ffffdd; 
	text-align: left;
	width: 748px;
	clear: right;
	}
	
#galleryTextContent {
	position: relative;
	float: left;
	width: 470px;
	}
	
#galleryTitlingNav {
	position: relative;
	float: left;
	width: 450px;
	clear: right;
	}	

#containerGalleryImageStage {
	position: relative;
	float: left;
	width: 450px;
	height: 450px;
	}

#containerGalleryPhotoStage {
	position: relative;
	float: left;
	width: 450px;
	height: 365px;
	}
	
#containerGalleryCaption {
	position: relative;
	float: left;
	width: 450px;
	height: 30px;
	padding-top: 10px;
	color: #444444;
	}
	
#containerPainterlyCaption {
	position: relative;
	float: left;
	width: 450px;
	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #444444;
	}	
	
#textImageSwapGallery {
	position: relative;
	float: left;
	width: 230px;
	}
	
	
#containerBottomGall {
	position: relative;
	float: left;
	background-color: #7ea458;
	margin: 0px;
	padding: 0px;
	width: 748px;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	}
	
#containerBottomLeftGall {
	position: relative;
	float: left;
	background-color: #7ea458;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	width: 485px;
	height: 29px;
	text-align: left;
	vertical-align: middle;
	}
	
#containerBottomRightGall {
	position: relative;
	float: right;
	background-color: #7ea458;
	margin: 0px;
	padding: 0px;
	width: 223px;
	height: 39px;
	text-align: left;
	vertical-align: middle;
	}

	
/*-------------flick pages---------------*/

	
#containerMovie {
	position: relative;
	width: 750px;
	height: 578px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px 5px;
	background-color: #7ea458;
	}
	
#containerTopMovie {
	float: left;
	background: #5d8f2c;
	margin: 0px;
	padding: 0px;
	width: 746px;
	height: 115px;
	clear: right;
	}
	
#containerTextMovie {
	float: left;
	background: #ffffff;
	width: 746px;
	}
	
#movieStage {
	float: left;
	background: #ffffff;
	text-align: center;
	width: 743px;
	clear: right;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#containerFlickNav {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 743px;
	height: 30px;
	text-align: center;
	margin: 0 auto;
	vertical-align: top;
	padding-top: 10px;
	}
	
	
#containerBottomMovie {
	float: left;
	background: #7ea458;
	margin: 0px;
	padding-top: 10px;
	width: 743px;
	height: 30px;
	text-align: center;
	color: #444444;
	}

/*----end basic styling--------*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 21px;
	font-weight: normal;
	font-variant: normal;
	color: #444444;
	text-align: left;
	text-indent: 15px;
	}
	
.firstNoIndent {
	text-indent: 0px;
	}
	
.firstSpaceAbove {
	padding-top: 20px;
	text-indent: 0px;
	}
	
.pageTitle {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #7ea458;
	padding-top: 20px;
	text-indent: 0px;
	}
	
.prevNext {
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #7ea458;
	padding-top: 20px;
	padding-bottom: 10px;
	text-indent: 10px;
	}
	
.bulletedList {
	text-indent: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.bulletedListNoSpaceAbove {
	padding-top: 0px;
	text-indent: 30px;
	padding-bottom: 5px;
	}
	
.bulletedListNoSpaceAfter {
	padding-bottom: 0px;
	text-indent: 30px;
	padding-top: 5px;
	}
	
.navigationFacebook {
	color: #ffffdd;
	font-weight: bold;
	font-size: 12px;
	}	
	
#containerBottom .navigationBottom a:link {
	color: ffffdd;
	}
	
#containerBottomText p.navigationFacebook a:link {
	color: #ffffdd;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	text-indent: 0px;
	}

	
.ital {
	font-style: italic;
	}
	
.bold {
	font-weight: bold;
	}
	
.quotes {
	font-style: italic;
	font-weight: 400;
	color: #000000;
	}
	
.textSubhead {
	font-weight: bold;
	text-indent: 0px;
	padding-top: 10px;
	}
	
.lastSpaceAfter {
	padding-bottom: 20px;
	}
	
.navigationFacebook {
	color: #ffffdd;
	font-weight: bold;
	}	

	
.navigationBottom {
	line-height: 16px;
	padding-top: 10px;
	text-indent: 0px;
	padding-left: 45px;
	font-size: 10px;
	letter-spacing: .05em;
	}
	
	
.navigationBottomBold {
	font-size: 12px;
	font-weight: bold;
	color: #ffffdd;
	}

.navigationMovie {
	line-height: 16px;
	text-indent: 0px;
	font-size: 10px;
	text-align: center;
	letter-spacing: .05em;
	}
	
.navigationMovieBold {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}