body {
margin:0;
padding:0;
width:100%;
height:100%;
background-color: white;
font-family: arial,verdana,tahoma,helvetica;
font-size:9pt;
}

div#nav {
	margin: 0;
	width: 240px; /* ems so it will grow */
	background: url(img/rbottom.gif) no-repeat bottom right;
	color:#f60;
	position:absolute;
	top:30px;
	left:0px;
	text-align:right;
}
div#nav div.navhead {
	position:relative;
	background: url(img/rtop.gif) no-repeat top right;
	margin: 0;
	padding: 0 20px 0 0;
	height:90px;
}
div#nav div.navbody {
	position:relative;
	margin: 0;
	padding: 10px 33px 30px 0;
	line-height:16pt;
}

div#nav div.navbody ul {
list-style:none;
margin:0;
white-space:nowrap;
}

div#nav a, div#nav a:visited {
color:#f60;
text-decoration:none;
}

div#nav div.navbody a:hover {
color:#000;
padding-left:7px;
text-decoration:none;
background-image: url(img/bullet3.gif);
background-repeat: no-repeat;
background-position: center left;
}

div#main{
position:absolute;
top:0;
left:260px;
width:580px;
height:100%;
background-color:#444;
margin:0;
padding:0;
color:#FFF;
line-height:13pt;
}

div#main div.box {
position:relative;
padding:0px 40px 50px 40px;
background-color:#444;
//text-align:justify;
}

img.sampleImg {
margin:0 10px 10px 0;
position:relative;
}

div#main div.notes {
position:relative;
color:#eee;
margin:0 0 2em 3em;
font-size:8pt;
list-style:none;
line-height:13pt;
background-color:#555;
padding:1em 0 1em 0;
float:right;
border:1px solid #777;
}

div#main div.notes h2 {
padding: 5px;
margin:0 0 0 10px;
text-align:left;
color:#eee;
}

div#main div.notes div.content {
position:relative;
color:#eee;
font-size:8pt;
text-align:left;
list-style:none;
line-height:12pt;
padding:5px 15px 10px 15px;
}

div#main div.notes div.content ul {
list-style:none;
margin:0;
padding:0;
line-height:13pt;
}

div#main div.notes div.content li {
padding-left:10px;
background-image: url(img/bullet2.gif);
background-repeat: no-repeat;
background-position: center left;
}

div#right {
position:absolute;
bottom:20px;
left:860px;
height:310px;
width:220px;
padding:0;
margin:0;
background-image: url(img/rbracket.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

h1 {
	font-size: 11pt;
	font-weight: bold;
	color: #f70;
	letter-spacing : .1em;
	white-space:nowrap;
	text-transform:lowercase;
}

h1.title {
	margin-left:25px;
	margin-top:100px;
}

h2 {
	font-size: 10pt;
	font-weight: normal;
	color: #f70;
	text-transform:lowercase;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	text-transform:lowercase;
	margin:3em 0 0 0;
}

div#footer {
position:absolute;
left:858;
bottom:1px;
}

div.codeWindow {
padding:6px 10px 6px 10px;
background-color:#fff;
border:1px solid #f60;
color:#000;
margin:5px 0 5px 0;
}

a:link, a:visited {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	color:#f60;
	text-decoration:none;
}