/*
 * CnK css styles
 */

body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background-color: d1c6bb; 
	}
	
#Content {
	width:770px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	/* border:1px dashed #333; */
/*	background-color:#eee; */
	}
	
	/*
	 * For shadow Effect
	 */
	 
.dropshadow2{
    /*
     * the width setting in this class is important as it removes 
     * the right hand side vertical white line that can appear if not set properly
     */
    
	float:left;
	clear:left;
	/*
	 * removed no-repeat for now
	 * very long pages break the shadow, by repeating, it will make it work but create a slit in the shadow on the right    
     * hand side on very long pages, it's nasty but will do for now, will look at making the drop shadow images much 
     * larger to create a better shadow
     *
     * Creating an even larger image may also create very large images sizes for the background, make sure image sizes
     * aren't too large
	 *
	 * check in all browsers!!!
	background: url(../images/sitewide/shadow/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/sitewide/shadow/shadow.gif) no-repeat bottom right;
	*/
	background: url(../images/sitewide/shadow/shadowAlpha.png) bottom right !important;
	background: url(../images/sitewide/shadow/shadow.gif) bottom right;
	margin: -12px 0 10px 10px !important;
	margin: 10px 0 10px 10px;
	width: 752px;
	/* 
	 * using a larger padding to make the shadow effect more obvious in certain browsers
	 * set at 2 or lower when going live
	 */
	padding: 1.5px;
}
.innerbox{
    /* 
     * set background color back to white or else
     * tables without a bgcolor will appear with the body
     * background color
     */
	background-color: white;
	position:relative;
	bottom:4px;
	right: 0px;
	left: -4px;
	border: 0px solid #999999;
	padding:0px;
	margin: 2px 0px 0px 2px;
}

/* IE5 hack */
/*
.innerbox{
	
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
*/


/*
 * End Shadow Effect
 */