body {text-align: center;margin: 2px;padding: 0;background-color: #FFCC00;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;font-size: 11px;}
H1 { color: #BB3500; font-size: 18px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; margin:5px;}
H2 { color: #000000; font-size: 16px; font-family: Arial,Helvetica,sans-serif; font-style:italic; margin:5px;}
p {margin:10px;}
li, ul, ol, td {font-size:11px;}
a, a:active, a:link, a:visited {font-weight: bold;color:#0000FF;text-decoration: none;font-size:11px;}

a:hover {
font-weight: bold;
color:#FF0000;
text-decoration: none;
}

.subtitle {
font-size: 12px;
color: #444444;
font-weight: bold;
}

/* General Page Areas */
.outerdiv {
text-align: left;
border: #FFAA00;
border-style: solid;
border-width: 1px;
background-color: #FFFFFF;
padding: 0px;
width: 750px;
}

.headingCell {
background-color: #FFCC00;
text-align: center;
margin: 0;
padding: 0;
}

.menuCell {
background-color: #F0F0B0;
text-align: center;
margin: 0;
padding: 0;
}

.menuCell a, .menuCell a:active, .menuCell a:link, .menuCell a:visited {
font-weight: bold;
color:#0000FF;
text-decoration: none;
font-size:11px;
}

.menuCell a:hover {
font-weight: bold;
color:#FF0000;
text-decoration: none;
}

.pagetitle H1 {
color: #BB35C0;
font-size: 18px;
font-weight:bold;
margin:3px;
}

.mainContent {
background-color: #FFFFFF;
text-align: left;
margin: 0px;
padding: 0px;
}

/* inner content */
.innercontent {
text-align: left;
}

.innertable {
margin: 4px 0px 4px 0px;
padding: 0px;
}

.innerleftcolumn {
width: 550px;
border-style: dashed;
border-width: 0px 1px 0px 0px;
border-color: #999999;
vertical-align: top;
}

.innerrighttcolumn {
width: 200px;
border-width: 0px;
margin: 0px;
padding: 0px;
text-align: right;
vertical-align: top;
}

.contenttable {
margin: 0px;
padding: 0px;
}

.contenttableleft {
width: 275px;
border-style: dashed;
border-width: 0px 1px 0px 0px;
border-color: #999999;
margin: 0px;
padding: 0px;
text-align: left;
vertical-align: top;
}

.contenttableright {
width: 275px;
border-width: 0px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: top;
}

/* content */
.product {
text-align: left;
width: 220px;
overflow: hidden;
}

.productright {
text-align: left;
width: 200px;
overflow: hidden;
}

.productheader {
margin: 10px 0px 0px 0px;
padding: 2px;
border-width: 0px;
color: #000000;
font-weight: bold;
}

.productdetail2 {
border-style: dashed;
border-width: 0px 0px 1px 0px;
border-color: #999999;
padding-bottom: 4px;
padding-top: 4px;
}

.grapharticles {
width: 250px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #CC6600;
padding-bottom: 4px;
padding-top: 4px;
}

#jpdwe {background-color: #44AAAA;}
#jpdwebox {background-color: #F0FFF0;border-width: 1px; border-style: solid; border-color: #000088;padding: 4px;}
#customdev {background-color: #FF9999;}
#jsstext {background-color: #FFFF99;}
#newscms {background-color: #DEEFFF;}
#jgraph {background-color: #99FF99;color: #225522;}
#phpgraph {background-color: #CCFFFF;color: #006666;}
#wpagecomp {background-color: #FFCCFF;color: #990099;}
#gamesoftware {background-color: #FFCCCC;color: #990033;}
#trafficfile {background-color: #CCCCFF;color: #000033;}
#onlinesurveys {background-color: #CCCCFF;color: #000033;}
#intellicontact {background-color: #CCCCFF;color: #000033;}
#affiliate {background-color: #CCCCFF;color: #000033;}

/* right column divs */
.new {
display: inline;
margin: 0px;
padding: 0px;
border-width: 0px;
color: #FF0000;
font-weight: bold;
font-size: 12px;
}

/* software categories */
.softcats {
width: 200px;
margin: 0px;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: #006666;
background-color: #CCFFFF;
color: #006666;
}

.softcatsheading {
width: 202px;
padding: 2px;
margin: 0px;
border-width: 0px;
color: #CCFFFF;
background-color: #006666;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.softcats ul {
width: 200px;
list-style: none;
margin: 0;
padding: 6px;
}

.softcats li {
width: 200px;
height: 1.6em;
padding: 0px;
margin: 2px 0px 2px 2px;
border-width: 0px;
}

.softcats a, .softcats a:active, .softcats a:link, .softcats a:visited {
padding: 4px;
color: #0000FF;
background-color: #CCFFFF;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}

.softcats a:hover  {
color: #CCFFFF;
background-color: #0000FF;
text-decoration: none;
}

/* software categories */
.category {
width: 200px;
margin: 0px;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: #006666;
background-color: #FFFFFF;
color: #006666;
}

.categoryheading {
width: 202px;
padding: 2px;
margin-top: 4px;
border-width: 0px;
color: #CCFFFF;
background-color: #006666;
font-size: 11px;
font-weight: bold;
text-align: center;
}

.category ul {
width: 200px;
list-style: none;
margin: 0;
padding: 6px;
}

.category li {
width: 200px;
padding: 0px;
margin: 0px;
border-width: 0px;
}

.category a,  .category a:active, .category a:link, .category a:visited {
width: 200px;
padding: 0px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}

.category a:hover  {
width: 200px;
color: #FFFFFF;
background-color: #0000FF;
text-decoration: none;
}

.heading {
color: #404080;
font-weight: bold;
margin: 5px 0px 0px 0px;
padding: 0px;
}

.headinglarge {
color: #F01010;
font-weight: bold;
font-size: 12px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

.contentp {
margin: 20px;
padding: 10px;
border-style: dotted;
border-color: #666666;
border-width: 0px 0px 1px 0px;
}

.contentp a, .contentp a:active, .contentp a:link, .contentp a:visited {
font-weight: bold;
color:#0000C0;
text-decoration: none;
font-size:11px;
}

.contentp a:hover {
font-weight: bold;
color:#FF0000;
text-decoration: none;
}

.copyright {
background-color: #FFCC00;
text-align: center;
width: 100%;
}