body {
    /*background-image: url(images/background-texture.jpg);
    background-repeat: repeat;*/
    
    background-color: #EBE6C6;
    text-align: center;
    font-family: georgia;
    font-size: 13px;
    overflow: visible;
    color: #333333;
}

div {
    /*border: solid thin red;*/
}

img {
    border-width: 0px;
    /*float: left;*/
}

h1, h2 {
	color: #333333;
	}

a {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-decoration: none;
    color: #333333;
    visited: black;
}

a:hover {

	color: red;
}


#intro_text {
	line-height: 20px;
    width: 220px;
    float: left;
    text-align: left;
    margin-top: 115px;
    margin-left: 25px;
    color: #333333;
    border-color: #996666;
    border-style: solid;
    border-width: 0px;
    padding: 10px;
    background-color:
}

#teacher_intro_text {
	line-height: 20px;
    width: 220px;
    float: left;
    text-align: left;
    /*margin-top: 115px;*/
    
    margin-top: 30px;
    
    margin-left: 25px;
    color: #333333;
    border-color: #996666;
    border-style: solid;
    border-width: 0px;
    padding: 10px;
    background-color:
}


#potter_text {
	line-height: 20px;
    width: 290px;
    float: left;
    text-align: left;
    /*margin-top: 65px;*/
    margin-left: 20px;
    color: #333333;
    border-color: #996666;
    border-style: solid;
    border-width: 0px;
    padding: 10px;
    background-color:
}

#teacher_text {
    line-height: 20px;
    width: 190px;
    float: left;
    text-align: left;
    margin-top: 65px;
    margin-left: 20px;
    color: #333333;
    border-color: #996666;
    border-style: solid;
    border-width: 0px;
    padding: 10px;
    background-color:
}

#content {
	overflow: auto;
    background-image: url("images/content.jpg");
    width: 532px; 
    height:312px;
    float: left;
}

#contact_form {
	clear: left;

}

.order_form {
	margin-left: 10px;
	clear: left;
}

.order_form SPAN {
	font-size: 12px;
}

.orderform_column_1 td {
	width: 90px;
	font-size: 12px;
}

.thanks {
	margin: 20px;
}

#bio_container {
	width: 515px;
	overflow: auto;
	/*background-image: url(images/bio_tammy.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 330px 70px;*/
}

#bio_pic {
	z-index: 8;
	position: relative;
	top: -420px;
	left: 470px;
	float: left;
}

#bio_text {
	line-height: 20px;
	float: left;
	width: 300px;
	text-align: left;
	margin: 15px;
	margin-right: 15px;
}

#philosophy_text {
	line-height: 20px;
	float: left;
	width: 300px;
	text-align: left;
	/*margin: 15px;*/
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 15px;
}

#mailinglist_left {
	margin-left: 15px;
	text-align: left;
	float: left;
	line-height: 28px; 
}

#mailinglist_right {
	margin-left: 15px;
	text-align: left;
	float: left;
	line-height: 28px;
}

#mailinglist_bottom {
	margin-left: 15px;
	text-align: left;
	clear: left;
}

#contact_container {
	background-image: url("images/contact_alien.gif");
	width: 512px;
	height: 312px;
	background-repeat: no-repeat;
	background-position: 340px 50px;
}

#order_container {
	background-image: url("images/order_twins.gif");
	width: 512px;
	height: 612px;
	background-repeat: no-repeat;
	background-position: 230px 20px;
}

#contact_text {
	line-height: 20px;
	float: left;
	width: 440px;
	text-align: left;
	margin: 15px;
}

.top_buttons {
	margin-top: 20px;
	}

.top_buttons A:link {color: #333333; text-decoration: none; padding: 5px; border-style: solid; border-width: 1px; border-color: #333333}
.top_buttons A:visited {color: #333333; text-decoration: none; padding: 5px; border-style: solid; border-width: 1px; border-color: #333333}
.top_buttons A:active {color: #333333; text-decoration: none; padding: 5px}
.top_buttons A:hover { color: #333333; text-decoration: none; padding: 3px; border-style: double; border-width: 3px; border-color: #333333}

.potter_buttons {

	margin: 20px;
	}

#plate {
	position: fixed;
	right: 250;
	margin-top: 10px;
}

#devil {
	margin-top: 80px;
	margin-left: 45px;
	float: left;
	padding-bottom: 30px; 
}

#give {


	z-index: 9;
	position: relative;
	top: 100px;
	/*margin-top: 80px;
	margin-left: 35px;*/
	float: left;
	/*padding-bottom: 30px; */
}

#business {
	margin-top: 65px;
	margin-left: 55px;
	float: left;
	padding-bottom: 30px; 
}

#text_shadow {
	float: left;
	margin: 0px;
}

#text_shadow_potter {
	float: left;
	margin-left: 210px;
}

#top {
    background-image: url("images/top.jpg");
    width: 800px;
    height:85px;
}

#left_navigation {
    background-image: url("images/top_left.jpg");
    width: 244px;
    height:68px;
    float: left; 
}

* html a:hover {
    visibility:visible
}


#potter {
    float: left;
    background-image: url("images/potter-over.jpg");
    background-repeat: no-repeat;
    display: block;
    width: 82px;
    height:68px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#potter a {
    display:block;
    width: 82px;
    height:68px;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}

#potter a:hover img {
    visibility:hidden
}



#teacher {
    float: left;
    background-image: url("images/teacher-over.jpg");
    background-repeat: no-repeat;
    display: block;
    width: 85px;
    height:68px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}
#teacher a {
    display:block;
    width: 85px;
    height:68px;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}

#teacher a:hover img {
    visibility:hidden
}



#contact {
    float: left;
    background-image: url("images/contact-over.jpg");
    background-repeat: no-repeat;
    display: block;
    width: 89px;
    height:68px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}
#contact a {
    display:block;
    width: 89px;
    height:68px;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}

#contact a:hover img {
    visibility:hidden
}

#left_bar1 {
    float: left;
    background-image: url("images/left_bar1.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:52px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#left_bar2 {
    float: left;
    background-image: url("images/left_bar2.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:163px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#bio_nav {
    float: left;
    background-image: url("images/bio-selected.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:31px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#bio_nav a {
 	display:block;
	float: left;
    margin: 0px;
    padding: 0px;
}

#bio_nav a:hover img {
    visibility:hidden
  
}

#gallery_nav {
    float: left;
    background-image: url("images/gallery-selected.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:28px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#gallery_nav a {
 	display:block;
	float: left;
    margin: 0px;
    padding: 0px;
}

#gallery_nav a:hover img {
    visibility:hidden
}

#order_nav {
    float: left;
    background-image: url("images/order-selected.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:38px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#order_nav a {
 	display:block;
	float: left;
    margin: 0px;
    padding: 0px;
}

#order_nav a:hover img {
    visibility:hidden
}


#resume_nav {
    float: left;
    background-image: url("images/resume-selected.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:31px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#resume_nav a {
 	display:block;
	float: left;
    margin: 0px;
    padding: 0px;
}

#resume_nav a:hover img {
    visibility:hidden
}

#philosophy_nav {
    float: left;
    background-image: url("images/philosophy-selected.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:28px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#philosophy_nav a {
 	display:block;
	float: left;
    margin: 0px;
    padding: 0px;
}

#philosophy_nav a:hover img {
    visibility:hidden
}

#student_nav {
    float: left;
    background-image: url("images/student-selected.jpg");
    background-repeat: no-repeat;
	width:135px;
	height:38px;
    margin: 0px; 
    margin-bottom:0px;
    padding: 0px; 
}

#student_nav a {
 	display:block;
	float: left;
    margin: 0px;
    padding: 0px;
}

#student_nav a:hover img {
    visibility:hidden
}



#right_navigation {
    background-image: url("images/top_right.jpg");
    width: 300px;
    height:68px;
    float: left;
}

#left {
    background-image: url("images/left_bar.jpg");
    width: 135px;
    height: 312px;
    float: left;
    clear: left;
}



#right {
    background-image: url("images/right_bar.jpg");
    width: 133px;
    height:312px;
    float: left;    
}

#bottom {
    background-image: url("images/bottom2.jpg");
    width: 800px;
    height:135px;
    float: left;
}

#container {

	
    margin: auto;
    width: 800px;
    height: 600px;
    overflow: hidden;
}




/*		Rob's Stuff  */




table { 	font-family: georgia;
			/*border: solid thin red;*/
			font-size: 10pt;
			
	  }

td { padding: 0px; 
/*
	border: solid thin red;*/

} 

table.info {	
				margin-left: 20px;
				padding: 10px;
				width: 170px;
				border: solid 1px #bb9894; 
				/*height: 175px;*/
				/*background-color: #bb9894;*/
				    
				font-size: 8pt;
				color: #bb9894;
				
				}

img.big { 	
			margin-bottom: 4px;
			padding: 2px;
			vertical-align: top;
			border: solid 4px #bb9894;
		}
		
img.thumb {
			padding-right: 5px;
		}
		
		
#thumbnails {
				padding-top: 20px;
				overflow: auto;
				background-image: url(images/content.jpg);
				width: 532px;
				height: 312px;
				float: left;
			}
#gallery {  
			overflow: auto;
    		background-image: url(images/content.jpg);
			width: 532px;
			height: 312px;
			float: left;
			text-align: center;
			
		 }
#gallery a {
			text-decoration: none;
			visited: black;
		 }
b {
	text-align: center;
}
		
.lefty  { float:  left; }

.righty { float:  right; }
.centery { text-align: center; }
.scroller { 
				text-align: center;
				/*border-top: solid 3px #bb9894;
				border-bottom: solid 3px #bb9894;*/
				background-color: black;
				width: 525px;
    			overflow: auto;	
    			white-space: nowrap; /*Don't let the images wrap to the next line*/
    			height: 66px;
				/*padding-top: 37;*/
		
				
		}
#topgal {
			height: 200px;
		}