body {
margin:0;
padding:0;
background-image:url(images/woodBG.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#000000;
}

a {
	outline:none;
}

#planner {
width:835px;
height:535px;
margin:157px 0 0 105px;
padding:0;
float:left;
position:absolute;
z-index:2;
}

#content {
width:297px;
height:424px;
margin:198px 0 0 560px;
padding:0;
float:left;
position:absolute;
z-index:3;
}
#content h1 {
margin:0 0 0px 0;
padding:0;
text-align:center;
font:23px Monospace, Verdana, Arial, Helvetica, sans-serif;
color:#a7332a;
}

#content_scroll {
width:270px;
height:375px;
padding:7px 6px 0 0;
float: left;
overflow: hidden;
text-align:left;
}
#content_scroll h2 {
margin:0 0 5px 0;
padding:0;
font:bold italic 14px Monospace, Verdana, Arial, Helvetica, sans-serif;
color:#d20707;
line-height:21px;
}
#content_scroll h3 {
margin:0 0 5px 0;
padding:0;
font:bold 14px Monospace, Verdana, Arial, Helvetica, sans-serif;
color:#d20707;
line-height:21px;
}	
#content_scroll p {
margin:0 0 0px 0;
padding:0;
text-indent: 20px;
font:12px Monospace, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
line-height:21px;
}
#content_scroll ul {
margin:0;
padding-left: 35px;
list-style:circle;
text-indent: 0px;
font:12px Monospace, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
line-height:21px;
}
#content_scroll a {
margin:0 0 15px 0;
padding:0;
font:12px Monospace, Verdana, Arial, Helvetica, sans-serif;
color:#a7332a;
line-height:21px;
text-decoration:none;
}		
#content_scroll a:hover {
margin:0 0 15px 0;
padding:0;
font:12px Monospace, Verdana, Arial, Helvetica, sans-serif;
line-height:21px;
color:#bb0000;
border-bottom: thin dotted #a7332a;
text-decoration:none;}
}	
.text {
margin: 0;
}
				
.vScrollbar {
float: left;			
}
				
.vTrack {
height: 360px;
width: 15px;
position: relative;
background: url(images/scrollBG.gif) repeat-y;
overflow: hidden;			
}
								
				
.vThumb {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 15px;
background: url(images/scrollBTN.gif) no-repeat;
overflow: hidden;
}
						
.arrowUp {
height: 33px;
width: 15px;
background: url(images/scrollUP.gif);
overflow: hidden;						
}
						
.arrowDown {
height: 33px;
width: 15px;
background: url(images/scrollDN.gif);
overflow: hidden;						
}

#main {
width:889px;
height:690px;
margin:10px 0 0 0;
padding:0;
background-image:url(images/desk-mat.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
position:absolute;
z-index:0;
}
#coffee {
width:308px;
height:127px;
margin:0px 0px 0px 430px;
padding:0;
float:left;
position:absolute;
z-index:3;
}
#poweredby {
width:96px;
height:143px;
margin:675px 0 0 762px;
padding:0;
float:left;
position:absolute;
z-index:1;
}
#logo {
width:270px;
height:159px;
margin:13px 0 0 11px;
padding:0;
float:left;
position:absolute;
z-index:1;
}
#pen {
width:412px;
height:86px;
margin:70px 0 0 344px;
padding:0;
float:left;
position:absolute;
z-index:1;
}
#mouse {
width:178px;
height:363px;
margin:391px 0 0 1015px;
padding:0;
float:right;
position:absolute;
z-index:1;
}
#molecule {
width:165px;
height:170px;
margin:210px 0 0 950px;
padding:0;
float:right;
position:absolute;
z-index:1;
}
#name {
width:350px;
height:209px;
margin:400px 0 0 -35px;
padding:0;
float:right;
position:absolute;
z-index:1;
}

#footer {
width:889px;
margin:750px 0 0 0;
padding:0;
float:left;
position:absolute;
z-index:0;
}
#footer p {
margin:0 0 10px 0;
padding:0;
font:10px Arial, Helvetica, sans-serif;
color:#4f5051;
text-align:center;
line-height: 4px;
}

#footer a {
color:#a7332a;
text-decoration:none;
}

#footer a:hover {
color:#bb0000;
text-decoration:none;
border-bottom:1px dotted #a7332a;
}