body {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
	min-width:1000px;		/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
}
#siteMarginWrapper {
	margin:13px;
}
#header {
	float:left;
	width:100%;
	padding:0;
	margin:2px 0 0.5em 0;
	*margin:10px 0 -10px 0;
	height:76px;
	*height:70px;
	border-bottom:2px solid #dedff3;
	background:url(../images/back.gif) top left repeat-x;
}
#pepsocLogoWrap {
	background:url(../images/back.gif) top left repeat-x;
	float:left;
	height:50px;
}

#pepsocLogoWrap h1 a {
	display:block;		
	text-indent:-9999em;
	height:62px;
	width:270px;
	background:url(../images/new_logo.gif) top left no-repeat;
}

#wileyLogoWrap {
	float:right;
}

#wileyLogoWrap h2 {
	
	
}

#wileyLogoWrap h2 a {
	display:block;		
	text-indent:-9999em;
	height:35px;
	width:166px;
	background:url(../images/btubwiley.gif) 50% 15% no-repeat;
	_background:url(../images/btubwiley.gif) 50% 10% no-repeat;
	overflow: hidden;
}

#colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	/*background:#ffd8b7;*/		/* Left column background colour */
}
#colmid {
	float:left;
	width:208%;
	*width:209.7%;
	position:relative;
	left:180px;
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#fff;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 0 0 400px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
	border:1px solid red;
}
#col2 {
	float:left;
	width:180px;
	position:relative;
	margin-left:-49.7%;
	left:210px;
	overflow:hidden;
	border:1px solid blue;
}
#col3 {
	float:left;
	width:138px;
	position:relative;
	left:17px;
	*left:11px;
	_left:16px;
	overflow:hidden;
	border:1px solid green;
}

#footer {
	clear:both;
	float:left;
	width:98.6%;
	_width:97.6%;
	padding:0;
	margin:1em 0 0 10px;
	background: url("../images/bottombar.gif") top left repeat-x;
}



/*New Styles*/

#menutable {
	width:160px;
}

#menutable ul {
	list-style:none;
	padding:0;
	margin:0 0 1em 0;
	border-bottom: 1px solid #c0c0c0;
}

#menutable ul li {
	font-weight:bold;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color:#D6E8F2;
}

#menutable ul li a {
	height:1.8em;
	text-align:left;
	display:block;
	text-indent:1.3em;
	color:#000099;
	/*font-size:1.2em;*/
	padding:0;
	padding-top:0.2em;
	margin:0;
	*padding-right:0.5em;
	text-decoration:none;
	background:url("../images/nav_arrow_off.gif") 1% 50% no-repeat;
}

#menutable a:hover {
	background:url("../images/nav_arrow_on.gif") 1% 50% no-repeat;
	background-color:#9CD5F6;
}

.menurow {
	clear:both;
}

.menucol1 {
	float:left;
	width:180px;
}

.menucol2 {
	width:160px;
	border:1px solid rgb(192,192,192);
	text-align:right;
	font-weight:bold;
}

.menucol3 {
	text-align:right;
}

#footerLinkTopWrap {
	float:left;
}

#footerContentWrap {
	float:right;
	margin:1em 0 0 0;
	text-align: right;
}

#footerContentWrap ul {
	list-style:none;
}

#footerContentWrap ul li {
	display: inline;
	margin:0 0 0 0.5em;
}

.searchform {
	BORDER-RIGHT: #000099 1px solid;
	BORDER-TOP: #000099 1px solid;
	FONT-SIZE: 8pt;
	font-weight: normal;
	BORDER-LEFT: #000099 1px solid;
	BORDER-BOTTOM: #000099 1px solid;
	FONT-FAMILY: "arial", verdana;
	BACKGROUND-COLOR: #dfdff2
}

#bannerWrap {
	width:160px;
	text-align: center;
	clear:both;
	margin:1em 0 0 0;
}



#promotable {
	width:138px;
	/*width:100%;*/
}

.promorow {
	clear:both;
	text-align:center;
}

.promocol1 {
	padding-left:0;
	border:1px solid rgb(192,192,192);
	background-color: #EEEEEE;
}

#promotable span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.promocol2 {
	padding-left:0;
	margin-top:5%;
	border:1px solid rgb(192,192,192);

}

#padded {
	padding-top: 18px;
	padding-bottom: 18px;
}

#indexblock {

}

#indexleft {
	width:49%;
	float:left;
}

#indexright {
	width:49%;
	float:right;
}