html>body .topRight {
background: url(../shadows/topRight.png) right top no-repeat;
}
/* .topRight needs a width constraint, either a width,float or absolute positioning.
These are applied from the second class name on the .topRight DIV's.*/

html>body .bottomLeft {
background: url(../shadows/bottomLeft.png) no-repeat left bottom;
/* padding = shadow thickness*/
padding-top: 8px;
padding-left: 8px;
}

html>body .shadowBox {
background: url(../shadows/shadow.png) bottom right;
}

html>body .shadowContent {
	position: relative;
	/* left and top = shadow thickness. Because this is a relative-based shift, the box retains its
	exact dimensions without change.*/	
	left: -8px;
	top: -8px;
	/*background-color: #008080;*/
}

.shadowBox img {
	border: 10px solid #fff;
	/* 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. */
	vertical-align: bottom;
}

/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 130px 0 0 450px;
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 .shadowContent {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage {
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 354px;
top: 29px;
}

.textbox .shadowContent {
border: 1px solid #ccc;
background: #e8e8e8;
width: 200px;
height: 210px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .shadowContent is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to
div.inner, div.topRight, or an external wrapper element. */

.linkbox {
position: absolute; 
left: 200px;
top: 129px;
}

.shadowContent {
display: block;
background: url(../Sprachschule_Stevens_English_Training_images/Sprachschule_Stevens_English_Training_BlueBG.png) repeat;
border: 1px solid #ccc;
padding: 3px 5px;
}
