*{
	padding:0;
	margin:0;
	border:none
}

	
/* Basic Layout */

div#left {
	position: fixed;
	background-image:url(images/pattern/bluepattern.gif);
	width:35%;
	top:0;
	bottom:0;
	
}
	
div#right {
	position: fixed;
	width:65%;
	top:0;
	bottom:0;
	left:35%;
	right:65%;
	background-color:#FFFFCC;
	overflow: auto;
}

div#bottom {
	position:fixed;
	bottom:0;
	right:65%;
	width:95px;
	height:118px;
	background-image: url(images/homepage/mailbox.gif);	
	}

div#bottom:hover {
	background-image: url(images/homepage/mailbox2.gif);

}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #993333;
	text-align: right;
	margin-right: 14px;
	margin-top: 14px;
	text-decoration: none;
	}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #993333;
	top: 5px;
	}
	
h3 {font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	margin-left:14px;
	color: #993333;
	top: 5px;
	}

.headmenu  {
	margin-right: 14px;
	text-align:right;
	font-weight: bold;
}
.headmenu a {color:#993333; }
.headmenu a:hover {color:#999333}
	
/* Page Specific */


.homepage {
	background-image:url(images/pattern/bluepattern.gif)
}


	
.bottom2 {
	position:absolute;
	bottom:0;
}


.bottomart, .bottomweb {position:relative;
	top:30px;
	left:10px;
	width: 95%;
	
	
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	}


/* Page Specific css rollovers */



.attic1 {
	width:160px;
	height:70px;
	background-image: url(images/homepage/Attic1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
}


.attic1:hover {
	background-image: url(images/homepage/Attic12.gif);
}

.attic2 {
	width:160px;
	height:70px;
	background-image: url(images/homepage/Attic2.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
}

.attic2:hover {
	background-image: url(images/homepage/Attic22.gif);
}

.attic3 {
	width:160px;
	height:70px;
	background-image: url(images/homepage/Attic3.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
}

.attic3:hover {
	background-image: url(images/homepage/Attic32.gif);
}

.artist {
	width:160px;
	height:190px;
	background-image: url(images/homepage/ArtistWindow1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;}


.artist:hover {
	background-image: url(images/homepage/ArtistWindow2.gif);
}

.child {
	width:160px;
	height:190px;
	background-image: url(images/homepage/ChildWindow1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;}


.child:hover {
	background-image: url(images/homepage/Childwindow2.gif);

}


.web {
	width:160px;
	height:190px;
	background-image: url(images/homepage/Webwindow1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;}


.web:hover {
	background-image: url(images/homepage/Webwindow2.gif);
}

.door {
	width:160px;
	height:280px;
	background-image: url(images/homepage/Door1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;

}

.door:hover {
	background-image: url(images/homepage/Door2.gif);
}

.door:active {
	background-image: url(images/homepage/Door3.gif);
}

.illus {
	width:160px;
	height:190px;
	background-image: url(images/homepage/IllusWindow1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;

}

.illus:hover {
	background-image: url(images/homepage/IllusWindow2.gif);
}

.teach {
	width:160px;
	height:190px;
	background-image: url(images/homepage/TeachWindow1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
}


.teach:hover {
	background-image: url(images/homepage/TeachWindow2.gif);
}



p {padding: 15px}

.headmenu {
		color:#993333; text-align:right; margin-right: 14px;
}

.headmenu a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
	
	
.bottomart .td1 {float: left; width:20%;padding-right:3px;
		 padding-bottom:30px; text-align:center;
}


.bottomart .td2 {float: right; width:78%;padding-left:3px; 
 	text-align: left; margin-top: 5px;
	}

.bottomart .td2 p {padding-top:5px; padding-left:0; margin:0;}
 
.bottomart .td3 {float: left; width:75%; padding-right: 3px; text-align:right; padding-right:3px;font-weight: normal; margin-top:10px; padding-bottom:30px;}


.bottomart .td3 p {padding-top: 5px; padding-right:0; margin:0;}

.bottomart .td4 {float:right; width: 20%; text-align:center; }






.bottomweb .td1 {float: left; width:40%;padding-right:3px;
		text-align: center; margin-top: 5px;
}
	
.bottomweb .td2 {float: right; width:58%;padding-left:3px; padding-top:30px;
 	text-align: left; 
	}
	
.bottomweb .td2 p { padding-top:5px; padding-left:0; margin:0;}

.bottomweb .td3 {float: left; width:58%; padding-right: 3px; text-align:right; font-weight: normal; padding-top: 30px;}

.bottomweb .td3 p { padding-top:5px; padding-right:0; margin:0;}


.bottomweb .td4 {float:right; width: 40%; margin-right: 5px; text-align: center; }

.bottommargin {height:5px; width:100%}

.fullsizeart {
	margin-top: 60px;
	margin-left: 12%;
	margin-bottom: 30px;
	}


.backtoindex {text-align:center; padding-top:20px;}
.backtoindex a {font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color:#993333;
	right:30%}
	
.abouttext {background-color: #FFF;
	width:92%;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;}
	
.abouttext p {margin-bottom:-25px;}
	
.resumehead{
	text-align:center;
	font-weight: bold;
	margin-bottom: -15px;
	margin-top:20px;
}

.rollover {
	height:299px;
	width: 230px;
	background-image: url(images/teacher/Box.jpg);
}

.rollover:hover {
	background-image: url(images/teacher/Box2.jpg);
}


.clear {clear: both;
}