html {
height:100%; max-height:100%; padding:0; margin:0; border:0; font-size:73%; 
font-family: georgia, "trebuchet ms", tahoma, verdana, arial, sans-serif; 
background:#b6b6b6 url(bg_grunge.png) 0px 20px no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
a{ color:#C8DCE5; letter-spacing:-1px; font-family: "trebuchet ms";}
p { margin: 7px 10px 0 10px; font-size: 8pt;}			
h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:210px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:20px; background: /*url(topclown.jpg)*/ #b6b6b6; font-size:1em; z-index:5; color:#e9e9e9;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:20px; background: #b6b6b6/*transparent*/; color:#e9e9e9; text-align:right; font-size:1em; z-index:4;}
/* #main {padding:0px; bottom:0px; display:block; width:900px;} */

#left {position:fixed; left:0; top:0; height:100%; width:230px; background: transparent/*#fff*/; background-position:0 20px;; font-size:1em; color:#fff;z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:20px; float:left;}
.pad2 {display:block; height:20px;}

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}



/*---------------------------*/
			.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin: 7px; 
				float:left; 
				/*background:#161613; */
				border: solid 2px #a7a7a7; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					/*padding: 0 10px; */
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #2a2a2a; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0px;
 				}