/*

	NAME: 	Patrick Johnson
    COURSE:	CECS 5420.020
    ASSIGNMENT 5
    4/5/2010   


*/



body 		{margin: 0px; font-family: Century Gothic, Arial, Helvetica, sans-serif}
				

h1			{color: black; margin: 0px}

h2			{font-family: Berlin Sans FB, Arial; color: black; background-color: rgb(228,217,137);
				padding-left: 5px; letter-spacing: 7px}
h3			{font-family: Berlin Sans FB, Arial;color: black; background-color: rgb(228,217,137); 
				padding-left: 5px; letter-spacing: 7px; width: 350px}

address		{font-size:12px; text-align:center}

#addr		{font-size:9pt; text-align:center; font-style:italic}


#outer		{background-color: rgb(228,217,137);
				width: 750px; margin-left: 200px}
				
#inner		{background-color: rgb(30,177,185); 
				margin-left: 0px; 
				padding-left: 5px; 
				padding-right: 5px; 
				padding-top: 2px;
				padding-bottom: 5px;
				margin-top: 100px}

a			{display: block} 				
#photobox	{float: right; 
				padding: 5px;
				text-align: center;
				font-size: 8pt; 
				font-style: italic; 
				background-color: white;
				margin: 10px 0px 10px 10px;
				border-top: 1px solid black;
				border-right: 4px solid black; 
				border-bottom: 4px solid black; 
				border-left: 1px solid black}			
		


#links                 
			{position: absolute;
				top: 87px;
				left: 275px;
				width: 612px;
				height: 95px}

#links ul              {list-style-type: none; padding: 0px; margin: 0px}

#links li              {display: inline; float: left; margin-right: 10px}


#table				{margin-left: 200px}


/* The containing box for the gallery. */
#container {
    position:relative;
    width:740px;
    height:265px;
    margin:20px auto 0 auto;
    border:1px solid #aaa;
    }

/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }


							
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(01t.jpg);
    height:50px;
    width:60px;
    }
#container a.slideb {
    background:url(02t.jpg);
    height:50px;
    width:60px;
    }
#container a.slidec {
    background:url(03t.jpg);
    height:50px;
    width:60px;
    }
#container a.slided {
    background:url(04t.jpg);
    height:50px;
    width:60px;
    }
* html #container a.slided {
    width:50px;
    w\idth:60px;
    }
#container a.slidee {
    background:url(05t.jpg);
    height:50px;
    width:60px;
    }
#container a.slidef {
    background:url(06t.jpg);
    height:50px;
    width:60px;
    }
* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#container a.slideg {
    background:url(07t.jpg);
    height:50px;
    width:60px;
    }
#container a.slideh {
    background:url(08t.jpg);
    height:50px;
    width:60px;
    }
#container a.slidei {
    background:url(09t.jpg);
    height:50px;
    width:60px;
    }
#container a.slidej {
    background:url(10t.jpg);
    height:50px;
    width:60px;
    }
#container a.slidek {
    background:url(11t.jpg);
    height:50px;
    width:60px;
    }
* html #container a.slidek {
    width:91px;
    w\idth:93px;
    }
#container a.slidel {
    background:url(12t.jpg);
    height:50px;
    width:60px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px;
    height:386px;
	margin:5px;   
    float:right; 
    }
#container li {
    float:left;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:470px;
    height:255px;
    top:10px;
    left:65px;
    color:#000;
    background:rgb(30,177,185);
    }

#container {
    background:rgb(30,177,185) url(08.jpg) 75px 10px no-repeat;
    }