BODY
{
	background-image: url(body_bg.gif);
	background-repeat: repeat-x; 
}

#photos
{
	text-align:center; 
	font-family: tahoma, arial, sans-serif; 
	letter-spacing:0.05em; 
    position:relative;
    height:396px;
    margin:20px auto 0 auto;
    border:5px solid #aaa;
    background:#fff url(images/hudo1.jpg) 170px 10px no-repeat; 
    }
    
#photos ul { 
	padding:0; 
	margin:0; 
	list-style-type:none; 
}

#photos a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
    
    #photos a.gallery, #photos a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#photos a.slidea {
    background:url(images/hudo1_thumb.jpg);
    height:48px;
    width:64px;
    }
#photos a.slideb {
    background:url(images/hudo2_thumb.jpg);
    height:48px;
    width:64px;
    }
    #photos a.slidec {
    background:url(images/Homework_Thumb.jpg);
    height:48px;
    width:64px;
    }
    
    #photos a.slided {
    background:url(images/HudsonAndTheChickensThumb.jpg);
    height:48px;
    width:64px;
    }
    
    #photos a.slidee {
    background:url(images/Hudson_Bath_Time_Thumb.jpg);
    height:48px;
    width:64px;
    }
    
    #photos a.slidef {
    background:url(images/Hudson_Being_A_Dog_Thumb.jpg);
    height:48px;
    width:64px;
    }
    
    #photos a.slideg {
    background:url(images/Hudson_Coming_Home_Thumb.jpg);
    height:48px;
    width:64px;
    }
    
    #photos a.slideh {
    background:url(images/Hudson_Hard_At_Work_Thumb.jpg);
    height:48px;
    width:64px;
    }
    #photos a.slidei {
    background:url(images/Hudson_The_Chicken_Thumb.jpg);
    height:48px;
    width:64px;
    }
    
    
#photos ul { 
	width:140px; 
	height:70px; 
	margin:5px; 
	float:left; 
	} 
	
#photos li { 
	float:left; 
 } 
 
/* change the thumbnail border color */
#photos a.gallery:hover {
    border:1px solid #fff;
    }
 
 /* styling the :hover span */
#photos a.gallery:hover span {
    position:absolute;
    width:256px;
    height:300px;
    top:10px;
    left:170px;
    color:#000;
    background:#fff;
    }

#col1
{
	float: left;
	width: 50%;
	margin-left: 25%;
	height : 95%;
	display: inline;
	background-color:#FFE4E1;
	border-color: black;
	border-style: solid; 
	border-width: 1px; 

}

#col2
{
	float: left;
	width: 20%;
	margin-left: 3%;
	background-color:Blue;
}

#col3
{
	float: left;
	width: 20%;
	margin-left: 3%;
	background-color:Aqua;
}

#header
{
	margin-bottom:10px;
	background-color:Silver;
	text-align: center;
	height: 10%;
	font:bold;
	
}

#footer
{
	clear:both;
}

#greeting
{
	text-align:center;

}