html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #FFFFFF url('images/binary.jpg');

}

#pagewidth {
  width: 800px;
  background-color: #ffffff;
  text-align: left;
  border-bottom: 1px solid #00CC00;  
  margin: 20px 0 0px 0px;

}

#header {
  width: 800px;
  height: 100px;
  background: #FFFFFF url('images/header3.jpg');
  text-align: left;
  margin: 0px 0 0 0px;
  border-bottom: 0px solid #C0C0C0;
}

#menu {
  width: 800px;
  height: 30px;
  background: #FFFFFF url('images/bar.jpg');
  text-align: left;
  border-top: 2px solid #00CC00;
  margin: 0px 0 0 0px;

}

#main {
  width: 800px;
  background: #ffffff url('images/bg3.jpg') no-repeat;
  text-align: left;
  margin: 0px 0 0 0px;

}


#footer {
  width: 800px;
  height: 100px;
  background: #FFFFFF url('images/footer_bg.jpg');
  text-align: center;
  margin: 0px 0 0px 0px;
   font-size : 8pt;
   font-family : Arial, sans-serif;
   color : #808080;
   font-style : normal;

}

#footer a {
   font-size : 8pt;
   font-family : Arial, sans-serif;
   color : #808080;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

#footer a:hover{
   color : #000000;
   text-decoration: underline;
}


.services li {
color:black;
font-size: 8pt;
font-family : Arial, sans-serif;
}

#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 10px;
font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana; margin-right:0; margin-top:0; margin-bottom:0
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: #808080;
font-weight: bold;
padding: 7px 15px 6px 11px;
border-right: 1px solid #c0c0c0;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: #c0c0c0;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #00cc00;
background: url('images/pointer.gif') no-repeat bottom center;
}






A {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #00CC00;
   font-style : normal;
   text-decoration: none;
   font-weight: bold;
}

A:active {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #00CC00;
   font-style : normal;
   text-decoration: none;
   font-weight: bold;
}

A:visited {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #00CC00;
   font-style : normal;
   text-decoration: none;
   font-weight: bold;
}

A:hover {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #00CC00;
   font-style : normal;
   text-decoration: underline;
   font-weight: bold;
}

A.topmenu {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #555555;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.topmenu:active {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #555555;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.topmenu:visited {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #555555;
   font-style : normal;
   text-decoration: none;
   font-weight: normal
}

A.topmenu:hover {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #00CC00;
   font-style : normal;
   text-decoration: none;
   font-weight: normal
}

A.box {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #0066CC;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.box:active {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #0066CC;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.box:visited {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #0066CC;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.box:hover {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #0066CC;
   font-style : normal;
   text-decoration: underline;
   font-weight: normal;
}

A.menu {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #000000;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.menu:active {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #000000;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.menu:visited {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #000000;
   font-style : normal;
   text-decoration: none;
   font-weight: normal;
}

A.menu:hover {
   font-size : 10pt;
   font-family : Arial, sans-serif;
   color : #00CC00;
   font-style : normal;
   text-decoration: underline;
   font-weight: normal;
}




.contentslide{

border-left:1px solid #C0C0C0;
border-right:1px solid #C0C0C0;
border-top:1px solid #C0C0C0;
border-bottom:1px solid #C0C0C0;
padding: 1px;
width: 304px;
height: 204px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
border-left:0px dashed #C0C0C0;
border-right:0px dashed #C0C0C0;
border-top:0px dashed #C0C0C0;
border-bottom:0px dashed #C0C0C0;
width: 302px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #ffffff;
/*Left/ right border width of pagination DIV.*/
padding-left:0; padding-right:0; padding-top:0; padding-bottom:4px
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 304px; /*IE5 width*/
w\idth: 304px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #000000;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #00CC00;
background-color: #D7FFC4;
}

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 10pt;
font-family : Arial, sans-serif;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 8pt;
font-family : Arial, sans-serif;
}

#virusalert{ /*container*/
width: 330px;
height: 205px;
border: 0px solid navy;
padding: 4px;
}

#virusalert div p{ /*P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

#technews{ /*container*/
width: 330px;
height: 275px;
border: 0px solid navy;
padding: 4px;
font-size: 10pt;
font-family : Arial, sans-serif;
}

#technews div p{ /*P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

#techtips li{ 
margin-bottom: 4px;
}

code{ /*CSS for insructions*/
color: red;
}