/* CSS Document */


/*---------------------Global styles---------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
  }
  

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	background: #FFF;
	margin: 0px;
	padding: 0px;
	behavior: url(css/csshover.htc);}
	
	*html {margin:0; padding:0;}
	

/*---------------------Wrapper---------------------*/

#wrapper {
	background-color: #FFF;
	width: 870px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
/*--------------------- wh Shadow box---------------------*/

.box { float: left; width: 855px; /*height:800px;*/}
 
#boxContent {
	background: #FFF;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-color: #999999;
}





/*--All of the box class and boxContent id attributes can be changed except border: none—this property allows Netscape 4.x to display the contained box as a box.

The second block should call the CSS for the box shadow via the @import method or by setting the style's media attribute to all. Newer browsers will display both the box and the shadow—older browsers will only display a shadowless box. --*/


#boxContent { position: relative; left: -6px; top: -6px; }

#boxContainer {
	position: relative;
	background: #CCC;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

/*--Like the text shadow, altering the positioning changes the shadow's offset. The margin affects the spacing between the box and the surrounding text.

Each DIV is styled using an id which allows for a number of boxes with different visual styles.--*/