/* general style */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0em;
	padding-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	background-color: #000000;
}
p {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.class1 A:link {text-decoration: none; color: white;}
.class1 A:visited {text-decoration: none; color: white;}
.class1 A:active {text-decoration: none; color: white;}
.class1 A:hover {color: yellow;	text-decoration: none;}

.class2 {
	color: #FA0902;
	font-size: 24px;
	font-weight: bold;
}

.class3 {
	color: #2616FF;
	font-size: 24px;
	font-weight: bold;
}

.class4 {
	color: #58FF0F;
	font-size: 24px;
	font-weight: bold;
}

.class5 {
	color: #BD2AFE;
	font-size: 24px;
	font-weight: bold;
}

.class6 {
	color: #FFFF00;
}

.BlackBanner {
	width: 100%;
	height: 140px;
	background: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
}
.RedBanner {
	width: 100%;
	height: 2px;
	background: #FF0000;
	position: absolute;
	left: 4px;
	top: 145px;
}


td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


#Container {
	width: 1024px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 900px;
	z-index: 1;
}

#Boathouse {
	position:absolute;
	left:26px;
	top:18px;
	width:120px;
	height:160px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	border: 3px ridge #FFFFFF;
}

#Banner {
	position:absolute;
	left:175px;
	top:10px;
	width:800px;
	height:89px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	border: 0px none #000000;
}

#Welcome {
	position:absolute;
	left:180px;
	top:100px;
	width:842px;
	height:35px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-family: "Comic Sans MS";
	font-size: 18px;
	color: #FFFFFF;
}

#www {
	position:absolute;
	left:748px;
	top:80px;
	width:200px;
	height:20px;
	z-index:20;
	font-size: 14px;
	padding: 2px;
	font-family: "Comic Sans MS";
	font-style: normal;
	color: #FFFFFF;
}

/* index.html style */

#Text {
	position:absolute;
	left:246px;
	top:337px;
	width:729px;
	height:43px;
	z-index:2;
	font-size: 16px;
	padding: 10px;
	font-family: "Comic Sans MS";
	font-style: normal;
}

#Presenting {
	position:absolute;
	left:230px;
	top:165px;
	width:650px;
	height:83px;
	z-index:17;
	font-family: "Comic Sans MS";
	font-size: 24px;
	color: #FFFFFF;
}

#Address {
	position:absolute;
	left:2px;
	top:820px;
	width:1020px;
	height:18px;
	z-index:4;
	font-size: 12px;
	font-family: "Comic Sans MS";
	color: #FFFFFF;
}


div#image1 {
	position: absolute;
	top: 260px;
	left: 240px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image1 a {
	display: block;
	color: #000000;
   }
div#image1 a:hover {
	color: #FFFF00;
   }

div#image1 a span {		display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/casual_thoughts.jpg);
	background-repeat: no-repeat;
	}
div#image1 a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/casual_thoughts.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image2 {
	position: absolute;
	top: 260px;
	left: 314px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image2 a {
	display: block;
	color: #000000;
   }
div#image2 a:hover {
	color: #FFFF00;
   }

div#image2 a span {display: none;}
div#image2 a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 176px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/dorothy.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image3 {
	position: absolute;
	top: 260px;
	left: 388px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image3 a {
	display: block;
	color: #000000;
   }
div#image3 a:hover {
	color: #FFFF00;
   }

div#image3 a span {display: none;}
div#image3 a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 102px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/angel_of_acceptance.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image4 {
	position: absolute;
	top: 334px;
	left: 240px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image4 a {
	display: block;
	color: #000000;
   }
div#image4 a:hover {
	color: #FFFF00;
   }

div#image4 a span {display: none;}
div#image4 a:hover span {
	display: block;
	position: absolute;
	top: -74px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/fishnet_fandango.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image5 {
	position: absolute;
	top: 334px;
	left: 314px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image5 a {
	display: block;
	color: #000000;
   }
div#image5 a:hover {
	color: #FFFF00;
   }

div#image5 a span {display: none;}
div#image5 a:hover span {
	display: block;
	position: absolute;
	top: -74px;
	left: 176px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/gazing.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image6 {
	position: absolute;
	top: 334px;
	left: 388px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image6 a {
	display: block;
	color: #000000;
   }
div#image6 a:hover {
	color: #FFFF00;
   }

div#image6 a span {display: none;}
div#image6 a:hover span {
	display: block;
	position: absolute;
	top: -74px;
	left: 102px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/full_moon.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image7 {
	position: absolute;
	top: 408px;
	left: 240px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image7 a {
	display: block;
	color: #000000;
   }
div#image7 a:hover {
	color: #FFFF00;
   }

div#image7 a span {display: none;}
div#image7 a:hover span {
	display: block;
	position: absolute;
	top: -148px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/board_meeting_400.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image8 {
	position: absolute;
	top: 408px;
	left: 314px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image8 a {
	display: block;
	color: #000000;
   }
div#image8 a:hover {
	color: #FFFF00;
   }

div#image8 a span {display: none;}
div#image8 a:hover span {
	display: block;
	position: absolute;
	top: -148px;
	left: 176px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/out_400.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image9 {
	position: absolute;
	top: 408px;
	left: 388px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image9 a {
	display: block;
	color: #000000;
   }
div#image9 a:hover {
	color: #FFFF00;
   }

div#image9 a span {display: none;}
div#image9 a:hover span {
	display: block;
	position: absolute;
	top: -148px;
	left: 102px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/stern_stance.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image10 {
	position: absolute;
	top: 482px;
	left: 240px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image10 a {
	display: block;
	color: #000000;
   }
div#image10 a:hover {
	color: #FFFF00;
   }

div#image10 a span {display: none;}
div#image10 a:hover span {
	display: block;
	position: absolute;
	top: -222px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/Dick_M._Goode.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image11 {
	position: absolute;
	top: 482px;
	left: 314px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image11 a {
	display: block;
	color: #000000;
   }
div#image11 a:hover {
	color: #FFFF00;
   }

div#image11 a span {display: none;}
div#image11 a:hover span {
	display: block;
	position: absolute;
	top: -222px;
	left: 176px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/whats_cooking.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image12 {
	position: absolute;
	top: 482px;
	left: 388px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image12 a {
	display: block;
	color: #000000;
   }
div#image12 a:hover {
	color: #FFFF00;
   }

div#image12 a span {display: none;}
div#image12 a:hover span {
	display: block;
	position: absolute;
	top: -222px;
	left: 102px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/cat_cook.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image13 {
	position: absolute;
	top: 556px;
	left: 240px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image13 a {
	display: block;
	color: #000000;
   }
div#image13 a:hover {
	color: #FFFF00;
   }

div#image13 a span {display: none;}
div#image13 a:hover span {
	display: block;
	position: absolute;
	top: -296px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/starbucks_w.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image14 {
	position: absolute;
	top: 556px;
	left: 314px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image14 a {
	display: block;
	color: #000000;
   }
div#image14 a:hover {
	color: #FFFF00;
   }

div#image14 a span {display: none;}
div#image14 a:hover span {
	display: block;
	position: absolute;
	top: -296px;
	left: 176px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/lamb.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image15 {
	position: absolute;
	top: 556px;
	left: 388px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image15 a {
	display: block;
	color: #000000;
   }
div#image15 a:hover {
	color: #FFFF00;
   }

div#image15 a span {display: none;}
div#image15 a:hover span {
	display: block;
	position: absolute;
	top: -296px;
	left: 102px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/waiting_to_dance.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image16 {
	position: absolute;
	top: 630px;
	left: 240px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image16 a {
	display: block;
	color: #000000;
   }
div#image16 a:hover {
	color: #FFFF00;
   }

div#image16 a span {display: none;}
div#image16 a:hover span {
	display: block;
	position: absolute;
	top: -370px;
	left: 250px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/Catching__Bugs_5x5.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image17 {
	position: absolute;
	top: 630px;
	left: 314px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image17 a {
	display: block;
	color: #000000;
   }
div#image17 a:hover {
	color: #FFFF00;
   }

div#image17 a span {display: none;}
div#image17 a:hover span {
	display: block;
	position: absolute;
	top: -370px;
	left: 176px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/gaga.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

div#image18 {
	position: absolute;
	top: 630px;
	left: 388px;
	width: 70px;
	height: 70px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

div#image18 a {
	display: block;
	color: #000000;
   }
div#image18 a:hover {
	color: #FFFF00;
   }

div#image18 a span {display: none;}
div#image18 a:hover span {
	display: block;
	position: absolute;
	top: -370px;
	left: 102px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	height: 560px;
	background-image: url(../gallery/Waffle.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

/* about.html style */

#ArtistText {
	position:absolute;
	left:205px;
	top:430px;
	width:200px;
	height:306px;
	z-index:22;
	font-size: 12px;
	font-family: "Comic Sans MS";
	font-style: normal;
	color: #FFFFFF;
}

#AboutText {
	position:absolute;
	left:425px;
	top:220px;
	width:600px;
	height:771px;
	z-index:22;
	font-size: 14px;
	font-family: "Comic Sans MS";
	font-style: normal;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#Laura {
	position:absolute;
	left:205px;
	top:220px;
	width:170px;
	height:209px;
	z-index:22;
}

/* paintings.html style */

#Painting {
	position:absolute;
	left:170px;
	top:260px;
	width:600px;
	height:800px;
	z-index:5;
	border: thin none #000000;
}

#TitleText {
	position:absolute;
	left:170px;
	top:220px;
	width:600px;
	height:40px;
	z-index:22;
	font-size: 24px;
	font-family: "Comic Sans MS";
	font-style: normal;
	color: #FFFFFF;
}

#DescriptionText {
	position:absolute;
	left:780px;
	top:140px;
	width:226px;
	height:860px;
	z-index:22;
	font-size: 18px;
	font-family: "Comic Sans MS";
	font-style: normal;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 120px;
}

/* paintings.html navigations buttons style */

#Previous {
	position:absolute;
	left:370px;
	top:185px;
	width:100px;
	height:20px;
	z-index:23;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

#Next {
	position:absolute;
	left:470px;
	top:185px;
	width:100px;
	height:20px;
	z-index:24;
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

/* navigation bar red style */

div#linksred {position: absolute; top: 260px; left: 20px; width: 150px; height: 71px; font-size: 22px; font-family: "Comic Sans MS"; z-index: 100;}

div#linksred a {display: block; text-align: center; font: Comic Sans MS; 
   padding: 20px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #fff;
   }
div#linksred a:hover {
	color: #FFFF00;
	background-image: url(../images/splash%20red.jpg);
   }

div#linksred a span {display: none;}
div#linksred a:hover span {display: block;
   position: absolute; top: 300px; left: 0px; width: 125px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #FFFFFF; background: black;
   font-size: 18px; font-family: "Comic Sans MS"; text-align: center;}

/* navigation bar blue style */

div#linksblue {position: absolute; top: 334px; left: 20px; width: 150px; height: 71px; font-size: 22px; font-family: "Comic Sans MS"; z-index: 100;}

div#linksblue a {display: block; text-align: center; font: Comic Sans MS; 
   padding: 20px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #fff;
   }
div#linksblue a:hover {
	color: #FFFF00;
	background-image: url(../images/splash%20blue.jpg);
   }

div#linksblue a span {display: none;}
div#linksblue a:hover span {display: block;
   position: absolute; top: 226px; left: 0px; width: 125px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #FFFFFF; background: black;
   font-size: 18px; font-family: "Comic Sans MS"; text-align: center;}

/* navigation bar green style */

div#linksgreen {position: absolute; top: 408px; left: 20px; width: 150px; height: 71px; font-size: 22px; font-family: "Comic Sans MS"; z-index: 100;}

div#linksgreen a {display: block; text-align: center; font: Comic Sans MS; 
   padding: 20px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #fff;
   }
div#linksgreen a:hover {
	color: #FFFF00;
	background-image: url(../images/splash%20green.jpg);
   }

div#linksgreen a span {display: none;}
div#linksgreen a:hover span {display: block;
   position: absolute; top: 152px; left: 0px; width: 125px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #FFFFFF; background: black;
   font-size: 18px; font-family: "Comic Sans MS"; text-align: center;}

/* navigation bar purple style */

div#linkspurple {position: absolute; top: 482px; left: 20px; width: 150px; height: 71px; font-size: 22px; font-family: "Comic Sans MS"; z-index: 100;}

div#linkspurple a {display: block; text-align: center; font: Comic Sans MS; 
   padding: 20px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #fff;
   }
div#linkspurple a:hover {
	color: #FFFF00;
	background-image: url(../images/splash%20purple.jpg);
   }

div#linkspurple a span {display: none;}
div#linkspurple a:hover span {display: block;
   position: absolute; top: 78px; left: 0px; width: 125px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #FFFFFF; background: black;
   font-size: 18px; font-family: "Comic Sans MS"; text-align: center;}

/* contact php form style */

#contactform {
	position:absolute;
	left:256px;
	top:270px;
	width:650px;
	height:650px;
	z-index:17;
	color: #FFFFFF;
	text-align: center;
}