body {background-color: #FFC; color: black; text-align: center;
      font-size/* */:/**/medium; font-size: /**/medium;
      letter-spacing: 97%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
      font-size: 90%; line-height:1.6em; }

.patlogobox {float: right; width: 250px; padding: 10px 0; color: green; text-align: right; font-size: .8em; line-height: 1.5em;}

img.head {margin-right: 15px;}

#leftcolumn {margin-left: 15px; padding: 10px; width: 16%; background-color: #FFA; float: left; border: 1px solid black; display: block;}

/* Styles for text in wrapper but not in the lists  */

H1 {color: red; line-height: 1.1em;}

#showcasewrapper h2 {font-size: 1.2em; margin-left: 5px; margin-top: 8px;  }
#showcasewrapper a:hover, #showcasewrapper a:focus, #showcasewrapper a:active { text-decoration : none; }

#placeholder {background-color: white; margin: 15px 5px 0 0; text-align: left; border: 1px solid black; float: right; padding: 5px; width: 190px; height: 775px; font-size: .9em; line-height: 1.3em; color: red;}

 
/* The Marching Boxes Code  */
 
ul.showcaseList {padding: 0px; margin: 0px; list-style-type : none; }
 
/* Turning each list item into a box and stacking them sideways 
don't know why bottom margin has to be so big to keep boxes separated*/
 
ul.showcaseList li {width: 165px; height: 160px;
background: white; margin: 0 6px 70px 0; 
float : left; display : inline; }

ul.pic {margin: 0; padding: 0;}

 
/* The hover effect for the list box  */
 
ul.showcaseList li:hover {background: #E7E2DE; } 

.article {font-weight: bold; font-size: 11px;}

 
/* Styles inside the list boxes 
ul.showcaseList h3 {color: black; display : block;}
*/
 
/* these next two style the right side box */

.thebody {text-align: left; border: 1px solid black; position: absolute; right: 5px; padding: 5px; width: 190px; background-color: white; }
 
#showcasewrapper ul.showcaseList p {
font-size : 1em; line-height: 1.6em; font-weight: bold;
padding : 5px; margin: 5px 10px 10px 10px; color: black;}
 

#showcasewrapper {border: 1px solid black; background-color: yellow; width: 76%; float: right; padding: 10px; margin: 0 25px 0 2px;position: relative;}

img {border: 0; padding: 4px;}






