H1 { font-size : 14px; 
     font-face : verdana; 
	 font-family : verdana,arial,helvetica,sans-serif; 
	 font-weight : bold; color : Black; } 
	 
	 
H3 { font-size : 11px; 
	 font-face : verdana; 
     font-family : verdana,arial,helvetica,sans-serif; 
	 font-weight : normal; } 

	 
	 
 I { font-size : 12px; 
     font-face : verdana; 
     font-family : verdana,arial,helvetica,sans-serif; 
	 color : #000066; } 
	 
BODY { font-size : 12px; 
	   font-face : verdana; 
	   font-family : verdana,arial,helvetica,sans-serif; 
       color : white; } 
	   
 P { font-size : 12px; 
     font-face : verdana; 
	 font-family : verdana,arial,helvetica,sans-serif; 
     color : #ffffff; } 

H5 { font-size : 12px; 
     font-face : verdana; 
	 font-family : verdana,arial,helvetica,sans-serif; 
     color : #222222; } 


	 
UL { font-size : 12px; 
     font-face : verdana; 
	 font-family : verdana,arial,helvetica,sans-serif; 
     color : #000066; } 
	 
TABLE { font-size : 12px; 
        font-face : verdana; 
		font-family : verdana,arial,helvetica,sans-serif; 
        color : #000066; } 
		
TD { font-size : 12px; 
     font-face : verdana; 
	 font-family : verdana,arial,helvetica,sans-serif; 
     color : #000066; } 
	 
TH  { font-size : 11px; 
      font-face : verdana; 
	  font-family : verdana,arial,helvetica,sans-serif; 
      font-weight : bold; color : white; background-color : #000066; }
	   
TH A:link  { text-decoration: none; color: #666666;}
TH A:active { text-decoration: none;}
TH A:visited { text-decoration: none;}
TH A:hover  { text-decoration: none; color: #000000; background-color: #9999ff;}  
	 
A:Link { color : orange; 
         text-decoration : None; } 
		 
A:Visited { color : orange; text-decoration : None; } 

A:Active { color : Black; text-decoration : None; } 

A:Hover { text-decoration : underline; color: orange; } 




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: 190px; 
/*position where enlarged image should offset horizontally */

}



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
    cursor: default;
	list-style: none;
	}
	
	.hoverbox a
	{
	    cursor: default;
	    }
	    
	    .hoverbox a .preview
	    {
		display: none;
		}
		
		.hoverbox a:hover .preview
		{
		    display: block;
			position: absolute;
			    top: -250px;
				left: -20px;
				    z-index: 1;
				    }
				    
				    .hoverbox img
				    {
				    /*	background: transparent;
					border-color: #aaa #ccc #ddd #bbb;
					*/	border-style: solid;
					    border-width: 0px;
						color: inherit;
						    padding: 0px;
							vertical-align: top;
							    width: 160px;
							    /*
							    was width 100
								height: 75px;
								*/
								}
								
								.hoverbox li
								{
								    background: transparent;
									border-color: #ddd #bbb #aaa #ccc;
									    border-style: solid;
										border-width: 0px;
										    color: inherit;
											display: inline;
											    float: left;
												margin: 0px;
												    padding: 0px;
													position: relative;
													}
													
													.hoverbox .preview
													{
													    border-color: #000;
														width: 600px;
														/*
														    height: 150px;
														    */
														    }															    }			  
														    
/* =Hoverbox Code2
----------------------------------------------------------------------*/

.hoverbox2
{
    cursor: default;
	list-style: none;
	}
	
	.hoverbox2 a
	{
	    cursor: default;
	    }
	    
	    .hoverbox2 a .preview
	    {
		display: none;
		}
		
		.hoverbox2 a:hover .preview
		{
		    display: block;
			position: absolute;
			    top: 170px;
				left: 60px;
				    z-index: 1;
				    }
				    
				    .hoverbox2 img
				    {
				    /*	background: transparent;
					border-color: #aaa #ccc #ddd #bbb;
					*/	border-style: solid;
					    border-width: 0px;
						color: inherit;
						    padding: 0px;
							vertical-align: top;
							    width: 160px;
							    /*
							    was width 100
								height: 75px;
								*/
								}
								
								.hoverbox2 li
								{
								    background: transparent;
									border-color: #ddd #bbb #aaa #ccc;
									    border-style: solid;
										border-width: 0px;
										    color: inherit;
											display: inline;
											    float: left;
												margin: 0px;
												    padding: 0px;
													position: relative;
													}
													
													.hoverbox2 .preview
													{
													    border-color: #000;
														width: 400px;
														/*
														    height: 150px;
														    */
														    }															    }