body {
background-image: url(images/background.png);
background-repeat: repeat;
font: 12px 'Lucida Grande', Geneva, Arial, Verdana;
color: #76797c;
margin: 15px 0;
padding: 0;
text-align: center;
}

a:link, a:visited {color: #164fa0; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

a img {border: none;}

p {
margin: 0;
padding: 0;
}

#wrapper {
width: 802px;
margin: 0px auto;
padding: 0;
text-align: left;
}

#naviwrapper {
margin: 0;
margin: -4px 0 0 189px;
width: 368px;
float: left;
}

ul#navi {
height: 92px;
margin-left: 6px;
position: relative;
width: 368px;
}

ul#navi li {
background:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float: left;
}

ul#navi li a {
display:block;
height:50px;
position:absolute;
text-indent:-9999px;
top:0;
}

ul#navi li a.current {
background-position:0 -61px;
text-indent:-9999px;
}

ul#navi li a:hover {
background-position:0 -122px;
}

ul#navi li#tutorials_link a {
background-image:url(http://192.168.0.5/~mcone/production/new/images/tutorialstab3.png);
background-repeat:no-repeat;
left:0;
width:92px;
height:61px;
}

ul#navi li#columns_link a {
background-image:url(http://192.168.0.5/~mcone/production/new/images/columnstab3.png);
background-repeat:no-repeat;
left:92px;
width:92px;
height:61px;
}

ul#navi li#podcast_link a {
background-image:url(http://192.168.0.5/~mcone/production/new/images/podcasttab3.png);
background-repeat:no-repeat;
left:184px;
width:92px;
height:61px;
}

ul#navi li#about_link a {
background-image:url(http://192.168.0.5/~mcone/production/new/images/abouttab3.png);
background-repeat:no-repeat;
left:276px;
width:92px;
height:61px;
}

#header {
float: left;
display: block;
margin: 0;
padding: 0;
width: 802px;
height: 69px;
background-image: url(images/header.png);
background-repeat: no-repeat;
}

#header-logo {
margin: 0;
padding: 24px 0 0 29px;
width: 201px;
float: left;
}

#main {
float: left;
width: 802px;
top: 0;
left: 0;
margin: 0;
background-image: url(images/content.png);
background-repeat: repeat-y;
}

#links {
float: left;
width: 802px;
height: 32px;
top: 0;
left: 0;
margin: 0 0 0 9px;
position: relative;
display: inline;
}

#headimage {
margin: 0 1px 5px 0;
}

#news {
float: left;
width: 740px;
height: 24px;
top: 0;
left: 0;
margin: 15px 0 0 33px;
position: relative;
display: inline;
background-image: url(images/news.png);
background-repeat: no-repeat;
}

#news2 {
float: left;
width: 200px;
height: 23px;
color: #000000;
top: 0;
left: 0;
margin: 4px 0 0 18px;
position: relative;
display: inline;
}

#news3 {
float: left;
color: #000000;
left: 0;
top: 0;
margin: 3.3px 0 0 210px;
width: 500px;
height: 16px;
position: absolute;
display: inline;
}

#centerfold {
float: left;
width: 780px;
top: 0;
left: 0;
margin: 15px 0 0 39px;
display: inline;
}

#centerleft {
float: left;
width: 250px;
top: 0;
left: 0;
margin: 0;
position: relative;
display: inline;
}

#centercenter {
float: left;
width: 250px;
top: 0;
left: 0;
margin: 0;
position: relative;
display: inline;
}

#centerright {
float: left;
width: 250px;
top: 0;
left: 0;
margin: 0;
position: relative;
display: inline;
}


#content {
float: left;
margin: 10px 0 0 31px;
padding: 0;
width: 500px;
display: inline;
}

#content .ptext {
float: left;
margin: 0;
padding: 0 0 15px 0;
}

#content .features {
float: left;
margin: 5px 0 10px 25px;
padding: 0;
display: inline;
}

#content ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#content li {
float: left;
margin: 5px 0 10px 0;
padding: 0;
}

#content ul.list {
float: left;
clear: left;
list-style: square inside;
margin: 0;
padding: 0;
}

#content li.list {
float: left;
clear: left;
margin: 5px 0 10px 0;
padding: 0;
}

#content li img {
float: left;
margin: 0 10px 0 0;
}

#content li h3 {
font: 11px 'Lucida Grande', Geneva, Arial, Verdana;
font-weight: bold;
color: #000000;
padding: 4px 0 3px 0;
}

#content li p {
font: 10px 'Lucida Grande', Geneva, Arial, Verdana;
color: #76797c;
}

#signup {
padding: 0 0 5px 0;
}

#joinus {
padding: 0 0 15px 0;
}

#sidebar {
float: right;
margin: 23px 9px 0 0;
padding: 0;
width: 243px;
display: inline;
}

#sidebar .text {
margin: 0 16px 0 15px;
}

#sidebar .line-image {
margin: 17px 0 10px 10px;
}

#sidebar .open-image {
float: right;
margin: 3px 15px 0 0;
}

#sidebar h3 {
font: 12px 'Lucida Grande', Geneva, Arial, Verdana;
color: #000000;
padding: 4px 0 5px 0;
font-weight: bold;
}

#sidebar p {
font: 10px 'Lucida Grande', Geneva, Arial, Verdana;
color: #76797c;
padding: 0;
}

h2 {
margin: 0;
padding: 15px 0 10px 0;
font: 18px 'Lucida Grande', Geneva, Arial, Verdana;
color: #000000;
}

h3 {
margin: 0;
padding: 0px 0 5px 0;
font: 13px 'Lucida Grande', Geneva, Arial, Verdana;
font-weight: bold;
color: #000000;
}

h3.left {
margin: 0;
padding: 0px 0 5px 0;
font: 13px 'Lucida Grande', Geneva, Arial, Verdana;
font-weight: bold;
color: #000000;
clear: left;
}

#footer {
float: left;
width: 802px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
}

#footer-wrapper {
margin: 40px 0 20px 0;
}

#footer p {
margin: 0 0 5px 0;
padding: 0;
font: 10px 'Lucida Grande', Geneva, Arial, Verdana;
color: #76797c;
text-align: center;
}





div.scroll{
	float: left;
	display: inline;
    position:absolute;
	}

td.scrollTitle {
	text-align:left;
	color: #000000;
	}

td.scrollBody{
	text-align:left;
	vertical-align:top;
	font-size: 10px;
	}

td.scrollFoot {
	text-align:right;
	vertical-align:top;
	font-size: 9px;
	}