/* WWCRightSideStyle.css */

/*Right side and Top Thumbnail Popup styling */
.thumbnail-graphic { 
							left: -220px;
							text-align : left;
							 }

#left	{float: left; 
		   width:100px;
		   margin: 0;
			text-align: center;
		  }
		  
#left h3 {font: normal .65em "Comic Sans MS", "comic sans", TSCu_Comic, cursive;  
		     color: rgb(255, 204, 102);
		     background-color: inherit;
			  letter-spacing: 0.08em;
			  text-align: center;
			 }	  
	
.parent-holder-left {width: 100px;
				   	  } 
					
.popup-parent-left {position: relative;}	

.popup-parent-left img {display: block;
					   	  }	
						
.popup-parent-left span {display: none;
						 		} /*Used to prevent span from showing when hovering is not taking place*/	
						 
div.popup-parent-left:hover {font-size: 1em;
							 		 } /*Fix for IE bug. IE prevents :hover from changing the display property unless certain other properties are also "changed" in the rule. */	

div.popup-parent-left:hover span.popup-left {display: block;
											  				position: absolute;
											  				top: 100px;
											  				left: 100px;
											 				background: black;
											 				color: inherit;
											 				width: 390px;
														  }		/*	IE6 will not obey the hover rule without the 'element type' (div in this case) being specifically named. Same thing applies to the above rule. */						 									

#right	{float: right; 
		   width: 100px;
		   margin: 0;
			text-align: center;
		  }	

#right h3 {font: normal .65em "Comic Sans MS", "comic sans", TSCu_Comic, cursive;  
		     color: rgb(255, 204, 102);
		     background-color: inherit;
			  letter-spacing: 0.08em;
			  text-align : left;
			 }

.parent-holder {float: right;
				   } /* Or float left or no float*/ 

.popup-parent {position: relative;}

.popup-parent img {display: block;
					   }

.popup-parent span {display: none;
						 } /*Used to prevent span from showing when hovering is not taking place*/

div.popup-parent:hover {font-size: 1em;
							  } /*Fix for IE bug. IE prevents :hover from changing the display property unless certain other properties are also "changed" in the rule. */

div.popup-parent:hover span.popup {display: block;
											  position: absolute;
											  left: -380px;
											  background: black;
											  color: inherit;
											  width: 380px;
											 }		/*	IE6 will not obey the hover rule without the 'element type' (div in this case) being specifically named. Same thing applies to the above rule. */	

.back_nav { clear: both;
				margin-bottom: 10px;
			 }

.back_nav  h2 { font-family: "Comic Sans MS", "comic sans", TSCu_Comic, cursive;
					 font-size: .7em;
					 font-variant: small-caps; }

.back_nav  h2 a { text-decoration: underline; }