h1 {
 color:#ffffff;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;}
h2 {
 color:#ffffff;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1px;}
p {
 color:#000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;}
img {
 padding:5px;}

/*-----------------Link Styles-------------------*/


a.one:link {color:#0066ff}
a.one:visited {color:#0066ff}
a.one:hover {color:#0099ff}

a.two:link {color:#006600; font-style:italic}
a.two:visited {color:#006600; font-style:italic}
a.two:hover {color:#009900; font-style:italic}

a.three:link {color:#cccccc}
a.three:visited {color:#cccccc}
a.three:hover {color:#ffffff}

/*------------------------------------*/

 body {
  margin:0px 0px 0px 0px;
  padding:0;
  background:#000000;
  height:100%;}

#logo {
 background: url('pic/logo.jpg');
 left:30px;
 top:20px;
 width:256px;
 height:68px;
 position:absolute;
 z-index:2;}

/*-----------------Background Images for outline and content-------------------*/

#top {
 left:20px;
 top:49px;
 width:950px;
 height:80px;
 background: url('pic/top.jpg');
 background-repeat:no-repeat;
 position:absolute;
 z-index:1;}
#middle {
 left:0px;
 top:80px;
 width:950px;
 background: url('pic/middle.jpg');
 background-repeat:repeat-y;
 position:absolute;
 z-index:1;}
#bottom {
 left:00px;
 top:0px;
 width:950px;
 height:32px;
 background: url('pic/bottom.jpg');
 background-repeat:no-repeat;
 position:relative;
 z-index:1;}


#atop {
 left:522px;
 top:10px;
 width:450px;
 height:39px;
 background: url('pic/a.jpg');
 background-repeat:no-repeat;
 position:absolute;}

/*-----------------Pre-loads rollover images-------------------*/

#dummyloader1 {
 left:-100px;
 background: url('pic/a1b.jpg');}
#dummyloader2 {
 left:-100px;
 background: url('pic/a2b.jpg');}
#dummyloader3 {
 left:-100px;
 background: url('pic/a3b.jpg');}
#dummyloader4 {
 left:-100px;
 background: url('pic/a4b.jpg');}
#dummyloader5 {
 left:-100px;
 background: url('pic/a5b.jpg');}
#dummyloader6 {
 left:-100px;
 background: url('pic/b1b.jpg');}
#dummyloader7 {
 left:-100px;
 background: url('pic/b2b.jpg');}
#dummyloader8 {
 left:-100px;
 background: url('pic/b3b.jpg');}
#dummyloader9 {
 left:-100px;
 background: url('pic/b4b.jpg');}
#dummyloader10 {
 left:-100px;
 background: url('pic/b5b.jpg');}
#dummyloader11 {
 left:-100px;
 background: url('pic/b6b.jpg');}
#dummyloader12 {
 left:-100px;
 background: url('pic/b7b.jpg');}

/*----------------TOP Navigation--------------------*/
/*-- One set of nav lists per button due to unique image rollovers  --*/

#nava1 ul, #nava1 li {
 display:inline;
 list-style-type:none;}
#nava1 a, #nava1 a:link{
 background: url('pic/a1a.jpg');
 width:65px;
 height:20px;
 left:580px;
 top:28px;
 background-repeat:no-repeat;
 position:absolute;}
#nava1 a:hover{
 background: url('pic/a1b.jpg');
 width:65px;
 height:20px;
 background-repeat:no-repeat;}

#nava2 ul, #nava2 li {
 display:inline;
 list-style-type:none;}
#nava2 a, #nava2 a:link{
 background: url('pic/a2a.jpg');
 width:65px;
 height:20px;
 left:660px;
 top:28px;
 background-repeat:no-repeat;
 position:absolute;}
#nava2 a:hover{
 background: url('pic/a2b.jpg');
 width:65px;
 height:20px;
 background-repeat:no-repeat;}

#nava3 ul, #nava3 li {
 display:inline;
 list-style-type:none;}
#nava3 a, #nava3 a:link{
 background: url('pic/a3a.jpg');
 width:65px;
 height:20px;
 left:720px;
 top:28px;
 background-repeat:no-repeat;
 position:absolute;}
#nava3 a:hover{
 background: url('pic/a3b.jpg');
 width:65px;
 height:20px;
 background-repeat:no-repeat;}

#nava4 ul, #nava4 li {
 display:inline;
 list-style-type:none;}
#nava4 a, #nava4 a:link{
 background: url('pic/a4a.jpg');
 width:65px;
 height:20px;
 left:810px;
 top:28px;
 background-repeat:no-repeat;
 position:absolute;}
#nava4 a:hover{
 background: url('pic/a4b.jpg');
 width:65px;
 height:20px;
 background-repeat:no-repeat;}

#nava5 ul, #nava5 li {
 display:inline;
 list-style-type:none;}
#nava5 a, #nava5 a:link{
 background: url('pic/a5a.jpg');
 width:65px;
 height:20px;
 left:875px;
 top:28px;
 background-repeat:no-repeat;
 position:absolute;}
#nava5 a:hover{
 background: url('pic/a5b.jpg');
 width:65px;
 height:20px;
 background-repeat:no-repeat;}

/*-----------------Main pages Navigation-------------------*/
/*-- One set of nav lists per button due to unique image rollovers  --*/

#navb1 ul, #navb1 li {
 display:inline;
 list-style-type:none;}
#navb1 a, #navb1 a:link{
 background: url('pic/b1a.jpg');
 width:95px;
 height:30px;
 left:30px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb1 a:hover{
 background: url('pic/b1b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

#navb2 ul, #navb2 li {
 display:inline;
 list-style-type:none;}
#navb2 a, #navb2 a:link{
 background: url('pic/b2a.jpg');
 width:95px;
 height:30px;
 left:125px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb2 a:hover{
 background: url('pic/b2b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

#navb3 ul, #navb3 li {
 display:inline;
 list-style-type:none;}
#navb3 a, #navb3 a:link{
 background: url('pic/b3a.jpg');
 width:95px;
 height:30px;
 left:220px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb3 a:hover{
 background: url('pic/b3b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

#navb4 ul, #navb4 li {
 display:inline;
 list-style-type:none;}
#navb4 a, #navb4 a:link{
 background: url('pic/b4a.jpg');
 width:95px;
 height:30px;
 left:315px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb4 a:hover{
 background: url('pic/b4b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

#navb5 ul, #navb5 li {
 display:inline;
 list-style-type:none;}
#navb5 a, #navb5 a:link{
 background: url('pic/b5a.jpg');
 width:95px;
 height:30px;
 left:410px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb5 a:hover{
 background: url('pic/b5b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

#navb6 ul, #navb6 li {
 display:inline;
 list-style-type:none;}
#navb6 a, #navb6 a:link{
 background: url('pic/b6a.jpg');
 width:95px;
 height:30px;
 left:505px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb6 a:hover{
 background: url('pic/b6b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

#navb7 ul, #navb7 li {
 display:inline;
 list-style-type:none;}
#navb7 a, #navb7 a:link{
 background: url('pic/b7a.jpg');
 width:95px;
 height:30px;
 left:600px;
 top:10px;
 background-repeat:no-repeat;
 position:absolute;}
#navb7 a:hover{
 background: url('pic/b7b.jpg');
 width:95px;
 height:30px;
 background-repeat:no-repeat;}

/*----------------Mini Navigation--------------------*/
/*-- Used in right hand column on some pages  --*/

.navmini ul {
  float:left;
  width:100px;
  height:16px;
  margin-left:60px;
  padding:0px;
  font-size:10px;
  font-family:verdana, arial, helvetica, sans-serif;
  color:#000000;
  background:#000000;}
.navmini ul li {
  display:inline;}
.navmini ul li a {
  float:left;
  padding:2px 4px;
  background:#000000;
  color:#ffffff;
  text-decoration:none;
  border-right:1px solid #ffffff;}
.navmini ul li a:hover {
  color:#000000;
  background:#cccccc;}

/*-----------------Content placers and content boundaries-------------------*/

/*-- contentplacer is to positon the columns in the correct place --*/
.content1placer {
 width:0px;
 height:40px;
 padding:0px;
 left:36px;
 top:0px;
 position:relative;}

.content11 {
 background: url('pic/title1.jpg');
 width:650px;
 height:18px;
 padding:4px;
 margin-left:36px;
 margin-top:20px;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#ffffff;}

.content12 {
 width:640px;
 margin-left:40px;
 top:10px;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;}

/*-- contentplacer is to positon the columns in the correct place --*/
#content2placer {
 width:0px;
 height:0px;
 padding:0px;
 left:700px;
 top:40px;
 position:absolute;}

.content21 {
 background: url('pic/title2.jpg');
 width:213px;
 height:18px;
 background-repeat:no-repeat;
 padding:4px;
 margin-left:0px;
 top:20px;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#ffffff;}

.content22 {
 background: url('content/content22.gif');
 width:180px;
 background-repeat:repeat-y;
 padding:10px;
 margin-left:0px;
 margin-top:20px;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#000000;}

/*------------------------------------*/

#footer {
 background:#000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:8px;
 color:#999999;
 font-size:10px;
 text-align:center;
 padding:10px;
 position:relative;}

#footerlogo {
 float:right;
 position:relative;
 bottom:180px;
 padding:20px;}

/*-----------------Static Page Images-------------------*/

#indeximage {
 background: url('img/index.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#virusimage {
 background: url('img/virus.jpg');
 left:730px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#firewallimage {
 background: url('img/firewall.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#spywareimage {
 background: url('img/spyware.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#spamimage {
 background: url('img/spam.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#tipsimage {
 background: url('img/tips.jpg');
 left:740px;
 top:25px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#panicimage {
 background: url('img/panic.jpg');
 left:750px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#weblogimage {
 background: url('img/weblog.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#linksimage {
 background: url('img/links.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}
#contactimage {
 background: url('img/contact.jpg');
 left:720px;
 top:20px;
 width:200px;
 height:120px;
 position:absolute;
 background-repeat:no-repeat;
 z-index:2;}