/***** Main elements and boxes *****/
body {
	background: #f1f1f1 url(bg.gif) top center repeat-y;
	margin: 0px;
	padding: 0px;
}

.iehackwrap {
	text-align: center; 
	vertical-align: top; 
}

.boxWrap{
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	height:auto;
}

.boxBody{
	width:755px;
	float:left;
	margin-left:0px;
	padding:0px;
}

.boxHeader{
	width:745px;
	float:left;
	margin-bottom:10px;
}

.boxHeaderLogo{
	width:250px;
	height:75px;
	float:left;
	background: url(logo.jpg) left bottom no-repeat;
}

.boxHeaderBanner{
	width:470px;
	height:75px;
	float:right;
	text-align:center;
	padding-right:5px;
}

.boxContent{
	width:745px;
	float:left;
}

.sideMenu {
	float:left;
	width:160px;
	background-color:#F6F6F6;
	border:1px #999 solid;
	text-align: left;
}

.bodyCopy{
	float:right;
	width:550px;
	padding:0 5px 5px 5px;
	vertical-align: top;
}

/***** footer *****/
#boxFooter{
	width:400px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#boxFooter ul {
	list-style:none;
	display:inline;
	padding: 0;
	margin: 0x 0 0 0px;
}

#boxFooter li {
	float:left;
	list-style:none;
	text-align:center;
	margin-top:15px;
	border-right: 1px solid #00679A;
}

#boxFooter li a {
	text-align:center;
	display:block;
	padding: 0px 6px 0px 6px;

}
/***** [[[ END FOOTER ]]] ******/

.featuredBoxes{
	float:left; /*remove this if it causes problems in IE */
	padding: 3px;
	width:540px;
	margin-top: 10px; /* this makes some space for the tabs */
	margin-bottom:5px;
	border:1px #999 solid;
	background: #fff url(boxBG.jpg) repeat-x bottom;
}

.featuredGuru {
	margin:5px;
	width:250px;
	height:200px;
	padding: 2px 3px 0 3px;
	float:left;
	text-align: left;
	border: 1px solid #bcbcbc;
	background: #f3f3f4 url(featGuruBG.jpg) repeat-x bottom;
}

.guruBio{
	padding:0.5em;
}

/***** Guru list *****/
.guruList{
	float:left;
	margin-bottom: 7px; /* crazy numbers i have to play with */
	height:100px;
}

.guruList .left{
	float:left;
	width:174px;
	height:100%;
	margin:0 1px 0 0;
	padding:1px;
	border: 1px solid #bbb;
}
.guruList .center{
	float:left;
	width:174px;
	height:100%;
	margin:0 1px 0 1px;
	padding:1px;
	border: 1px solid #bbb;
}
.guruList .right{
	float:right;
	width:174px;
	height:100%;
	margin:0 0 0 1px;
	padding:1px;
	border: 1px solid #bbb;
}

/***** Glossary *****/
.glossary{
	padding:0.5em;
}

/***** The new pages - cashmoney baby *****/
.contentBoxes{
	float:left; /*remove this if it causes problems in IE */
	padding: 3px;
	width:540px;
	margin-top: 10px; /* this makes some space for the tabs */
	margin-bottom:5px;
	border:1px #999 solid;
	background: #fff url(boxBG.jpg) repeat-x bottom;
}

/***** Tabs *****/
#tabsGR {
	width:560px;
}

#tabsGR ul {
	list-style:none;
	display:inline;
	padding: 0;
	margin: 0 0 0 0px;
	padding-left:6px;
}

#tabsGR li {
	list-style:none;
	float:left;
	margin-right:2px;
	text-align:center;
	padding-left:0;
	border: 1px solid #00679A;

}

#tabsGR li a {
	text-align:center;
	float:left;
	display:block;
	padding: 2px 4px 1px 4px;

}