html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body
{
	font-family:Arial;
	font-size:12px;
	color: #333; 
	margin-left:auto;
 	margin-right:auto;
 	background-image:url(images/main.gif);
 	background-repeat:repeat-x;
}

#titleDiv
{
	margin-left:14px;
	font-size:16px;
}

#titleDiv a
{
	text-decoration:none;
}

#title a
{
	color:Black;
	font-size:32px;
	font-weight:bold;
}

#subtitle a
{
	margin-top:6px;
	color:Gray;
}

#producedBy
{
	margin:13px 6px 0px 0px;
	text-align:right;
	color:Gray;
}

#nsquared
{
	font-size:16px;
	color:#A0C73F;
	text-decoration:none;
	font-weight:bold;
}

#wholepagediv
{
	width:881px;
	height:600px;
	margin-left:auto;
 	margin-right:auto;
}

#pagecontentdiv
{
	width:881px;
	margin-left:auto;
	margin-right:auto;
}

#mainfocusdiv
{
	position:absolute;
	margin-top:26px;
	width:643px;
	height:421px;
	margin-left:13px;
    background-color:White;
    position:absolute;
    border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#mainfocusdiv > div
{
	height:421px;
}

#mainmenudiv
{
	position:absolute;
	margin-top:26px;
	width:212px;
	margin-left:669px;
	background-color:Transparent;
	height:415px;
}

.menuItemBlock
{
	width:210px;
	height:94px;
	left:0px;
	margin: 0px 0px 13px 0px;
	background-image:url(images/rhsBoxes.gif);
	background-repeat:repeat-x;
	border: solid 1px #D9D9D9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	cursor:pointer;
}

.menuItemBlock table
{
	height:94px;
}

img.menuThumb
{
	width:70px;
	border-style:none;
}

.menuLabel 
{
	color:Black;
}

.menuItemBlock a
{
	text-decoration:none;
	outline-style:none;
	border-style:none;
}

.contentHeading
{
	font-size:18pt;
	font-weight:bold;
	color:Black;
	text-align:left;
	line-height:30px;
}

.contentImage
{
	width:290px;
	padding:0px 13px;
	vertical-align:middle;
	text-align:center;
	margin:auto;
}

.contentText
{
	padding-right:13px;
	text-align:justify;
	color:Gray;
	display:table-cell;
	vertical-align:middle;
	line-height:20px;
}

.contentText a
{
	color:Black;
	font-weight:bold;
	text-decoration:none;
}

.centeredDiv
{
	text-align:center;
}


/** Labs & Chapters section **/
#labHeaderDiv, #chapterHeaderDiv
{
	width:617px;
	margin:13px 13px 0px 13px;
}

#labHeaderDiv > div, #labHeaderDiv > img, #chapterHeaderDiv > div, #chapterHeaderDiv > img
{
	display:inline-block;
	vertical-align:middle;
	zoom: 1;
	*display: inline;
}

#labHeaderDiv > img, #chapterHeaderDiv > img
{
	width:90px;
}

#labTitleDiv, #chapterTitleDiv
{
	z-index:100;
	margin-left:13px;
	width:50px;
	font-weight:bold;
	font-size:18px;
}

#chapterTitleDiv
{
	width:auto;
}

#labRequiredDiv
{
	color:Gray;
	margin-left:80px;
	text-align:justify;
	padding:6px;
	width:365px;
	border: solid 1px #D9D9D9;
	background-image:url(images/rhsBoxes.gif);
	background-repeat:repeat-x;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#labsDiv, #chaptersDiv
{
	margin-left:13px;
	color:Gray;
	font-size:14px;
	height:269px;
	width:611px;
	overflow-y:scroll;
}

#labsDiv a
{
	text-decoration:none;
	color:#33CCFF;
	font-weight:bold;
}

#labsDiv ul, #chaptersDiv ul
{
	padding: 0px;
	margin:0px;
	list-style:none;
}

#labsDiv ul li, #chaptersDiv ul li
{
	padding:6px;
}

.heading
{
	color:Black;
	font-weight:bold;
	margin:13px 0px;
}

/** //Labs & Chapters section **/

.pagefooter
{
    position:absolute;
    top:556px;
	color: #666666;
    font-family: Verdana,sans-serif;
    font-size: 10px;
    text-align: center;
    width: 894px;
}

.pagefooter a, .modal a
{
	color:Black;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

/** Modal Page **/
#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.modalContainer
{
    position: absolute;
    width: 300px;
    height: 250px;
    left: 50%;
    right: 50%;
    top: 45%;
    z-index: 750;
}
.modal
{
    border: solid 2px #A0C73F; position: relative;
    top: -75px;
    left: -150px;
    z-index: 1000;
    width: 350px;
    padding: 0px;
	background-color:#EEEEEE;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.modalTop
{
    width: 342px;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalBody
{
    text-align:justify;
    padding: 10px;
}
.modalLink
{
    padding:7px;
    text-align:center;
}
/** // Modal Page **/