body 	{
		background:rgb(96, 97, 102);
		margin-top:0px;
		background-image:url(../images/bkground.gif);
		background-repeat:repeat-x;
		}	

#fixgap {
		float: left;
		height: 0;
		}

#frame {
		width:1000px;
		margin-right:auto;
		margin-left:auto;
		margin-top:auto;
		padding:0px;
		text-align:left;
		background:rgb(96, 97, 102);
		}
		
	#left {
		width:50px;
		padding:0px;
		float:left;
		}
		
	#navmenu {
		width:200px;
		padding:0px;
		float:left;
		}
		
	#main {
		width:550px;
		padding:0px;
		float:left;
		}
		
	#mainvert {
		width:390px;
		padding:0px;
		float:left;
		}
		
	#right {
		width:200px;
		padding:0px;
		margin-top:100px;
		float:left;
		}
		
#footer	{
		clear:both;
		text-align:center;
		padding:10px;
		}

html>body .outerpair1 {
background: url(images/upperrightshadow.png) no-repeat right top;
} 

html>body .outerpair2 {
background: url(images/lowerleftshadow.png) no-repeat left bottom;
padding-top: 15px;
padding-left: 15px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


html>body .shadowbox {
background: url(images/dropshadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


html>body .innerbox {
position: relative;
left: -15px;
top: -15px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 0px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/ 

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 10px 0 0 10px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */ 
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox { 
display: block; 
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}