.toggler { width: 190px; height: 500px; font-family: "Trebuchet MS", verdana, cursive; font-size: 12px; font-weight: normal; margin: 0 auto;  position: relative; overflow:hidden; }
.toggler h3 { margin: 0; padding: 0em; text-align: center; font-size:120%; height: 20px;margin: 0.4em;}
.toggler a { text-decoration: none; font-size:150%; }
#next_frame{cursor: pointer;}
#prev_frame{cursor: text; opacity: 0.1; filter: alpha(opacity=10)}
.button { padding: 1px 1px; margin:0px 25px;}
#picDiv{ width: 400px; position: relative;}
#effect1 { width: 175px; height: auto; padding: 0.4em;  border: solid #CCC 1px ; margin: 5px 0px; background-color:#666666;}
#effect2 { width: 175px; height: auto; padding: 0.4em;  border: solid #CCC 1px; margin: 5px 0px; background-color:#666666;}
img { 
	background-color: #666; 
	border: solid 2px #454545; 
	cursor: pointer; 
	opacity: 1.0; 
	filter: alpha(opacity=100); 
}

#effect1 table{
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin-left:8px;
}
#effect2 table{
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin-left:8px;
}