/* a 4-sided shadow, with a 2-sided shadow plus 2px "outerglow" all around */

.shadow-1 {
	position:absolute;	/* to make box "shrink-to-fit" around all divs in the group*/
	padding-top:70px;
	padding-left:70px;
	}

.corner-tr {
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	background:url("full_2sided_shadow.png") right top no-repeat;
	}

.corner-bl {
	position:absolute;
	left:0px;
	bottom:0px;
	width:70px;
	height:70px;
	background:url("full_2sided_shadow.png") left bottom no-repeat;
	}

.shadow-2 {
	background:url("full_2sided_shadow.png") right bottom no-repeat;
	}

.shadow-3 {
	position:relative;
	left:-70px;
	top:-70px;
	background:url("full_2sided_shadow.png") left top no-repeat;
	}

.shadow-4 {		/* this is the class for the CONTENT of the now-shadowed box */
	position:relative;
	left:35px;
	top:35px;
	padding-top:1px;	/* this div REQUIRES these two lines for padding FOR FIREFOX TO RENDER PROPERLY when content is "widthless" i.e. text! */
	padding-bottom:1px;
	text-align: center;
	}
	
	
/* the following is for the QUICKLINKS box */
.shadow-1-sm {
	position:absolute;	/* to make box "shrink-to-fit" around all divs in the group*/
	padding-top:70px;
	padding-left:70px;
	}

.corner-tr-sm {
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	background:url("full_2sided_shadow-sm.png") right top no-repeat;
	}

.corner-bl-sm {
	position:absolute;
	left:0px;
	bottom:0px;
	width:70px;
	height:70px;
	background:url("full_2sided_shadow-sm.png") left bottom no-repeat;
	}

.shadow-2-sm {
	background:url("full_2sided_shadow-sm.png") right bottom no-repeat;
	}

.shadow-3-sm {
	position:relative;
	left:-70px;
	top:-70px;
	background:url("full_2sided_shadow-sm.png") left top no-repeat;
	}

.shadow-4-sm {		/* this is the class for the CONTENT of the now-shadowed box */
	position:relative;
	left:35px;
	top:35px;
	padding-top:1px;	/* this div REQUIRES these two lines for padding FOR FIREFOX TO RENDER PROPERLY when content is "widthless" i.e. text! */
	padding-bottom:1px;
	text-align: center;
	}
		
	
/*  the following is the 2-sided shadow */
	
.outerpair_tr {
	background:url("tr_fade.png") right top no-repeat;
	}
	
.outerpair_bl {
	background:url("bl_fade2.png") bottom left no-repeat;
	padding-top:20px;
	padding-left:20px;
	}

.shadowbox2 {
	background:url("main_shadowxxx.png") right bottom no-repeat;
	}

.innerbox2 {
	position:relative;
	left:-19px;
	top:-18px;
	padding-top:1px;	/* this div requires these two lines for padding for Firefox to render properly when content is "widthless" i.e. text! */
	padding-bottom:1px;
	}	
.red {
	color: #F00;
}