body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#f8faf1;
	color:#102536;
}

#HCFLogoPanel {background-color:#a3b8d1; height:45px; width:auto; }
 
#GalleryInstructions {visibility:inherit; }
#GalleryInstructions h1 {margin:0; padding-left:10px; color:#083785; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style: normal;
font-size: 2em;  text-transform:uppercase; }
#GalleryInstructions h2 {margin:0; padding-left:10px; color:#083785; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style: normal;
font-size: 1em;}
#THwrapper {position:absolute; top:60px; left:50px; visibility:visible;}
#PhotoWrapper {visibility:inherit; position:relative; top:20px;}

.figure {
	float: left;
	width: 210px;
    height: 220px;
	margin: 0 10px 20px 10px;
}

.photo {background: url(../images/THdrop_shadow.gif) no-repeat right bottom;}

.photo img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left:-5px;
}

.photoPortrait {background: url(../images/THdrop_shadow_P.gif) no-repeat right bottom;}

.photoPortrait img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left:60px;
}

#HRwrapper {position:absolute; top:70px; left:150px; visibility:hidden; }

.HRfigure {
 	width: 750px;
	margin: 0 10px 20px 10px;
    left:400px;
    top:50px;
}

.HRphoto {background: url(../images/DISdrop_shadow.gif) no-repeat right bottom;}

.HRphoto img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 10px;
	position: relative;
	top: -12px;
	left:101px;
}


.HRphotoPortrait {background: url(../images/DISdrop_shadow_P.gif) no-repeat right bottom;}

.HRphotoPortrait img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 10px;
	position: relative;
	top: -8px;
	left:310px;
}


.txtDisplay {text-transform:uppercase;
		   	 font-family: Tahoma,Verdana,Arial,sans-serif;
		   	 color:#000;
		   	 font-weight:bolder;			 
			 }

.THsize {font-size:1em;
		 text-align:center;
		 width:200px;
		 }

.THsizePortrait {font-size:1em;
		        text-align: center;
		        width:133px;
		        }
					 
.HRsize {font-size:1.8em;
		 text-align:center;
		 width:45em;
		 }

					 
.HRsizePortrait {font-size:1.8em;
		 text-align:center;
		 width:45em;
		 }			 

#ErrorWrapper {position: absolute;
               top:100px;
               left:100px;
               font-size:3em;
               font-weight: bold;
               }


#FloatMenu { position:absolute;
 		     visibility:hidden;
		     top:150px;
		 	 left:80px; 
			 background-color:#f8faf1;
			 width:14em;
			 height:20.5em;
			 border: 4px groove #a2a1a1;

 		   }
 
.borderdraw { border-style: solid; width: 0; height: 0; line-height: 0; } 

.rightarrow { border-width: 1.8em 1.8em 1.8em 1.8em; border-color: #f8faf1 #f8faf1 #f8faf1 #000000; } 
.leftarrow { border-width: 1.8em 1.8em 1.8em 1.8em; border-color: #f8faf1 #000000 #f8faf1 #f8faf1; } 

	  

.Box1 {
	   width:8em;
	   height:2em;
	   border:none;
	   padding-top:5px;
	   display:block;
	   }	

.Box2 {
	   width:8em;
	   height:3em;
	   border:none;
	   padding-top:5px;
	   display:block;
	   }	
	   
.txtBoxStyle {
	 	   background-color:#000000;
	 	   color:#fff;
	 	   text-align:center;
		   text-decoration:none;
		   font-weight:bold;
	 	   font-size:1em;	 
		   }	
		 
.spacerBox {
	 	    width:8em;
	    	height:2em;
	 		border:none;
	 		background-color:#f8faf1;
		   }		 
		
#Tbox {position:relative; left:20px; top:7px;}

#Cbox, #Sbox {position:relative; left:20px;}
		
#FloatMenu a:hover {color:#ff0000; }