/* this is for the mouseout and default settings */
.someclassname {
background-color: #3D93FF;
}
/* :hover is a pseudo selector to use to set the mouseover attributes */
.someclassname:hover {
background-color: #0061D7;
}
p.small {font-variant: small-caps; font-size:9pt}
h1 {text-decoration:none; color:#0061D7}

h3 {color: #0061D7}

li {color:#00FF00}
body {background: white; text-align: center; margin: auto; color: #66FFFF}
p.green {color: #00FF00}
p.blue  {color: #66FFFF}

p.mobi {
color: #FFFF66;
font: normal 16px Verdana;
}
td.tdclass {color: #00FF00}
p {color:#FFFFFF}
a:link	{text-decoration:none; color:#FFCC00} /* a:hierarchy */
a:visited	{text-decoration:none; color:#FFCC00}
a:hover	{text-decoration:underline; color:#FFCC00}
a:active  {text-decoration:none; color:#FFCC00}

a.red:link {color:#FF0000; text-decoration:none}
a.red:visited	{color:#FF0000; text-decoration:none}
a.red:hover {color:#FF0000; text-decoration:underline}
a.red:active {color:#FF0000; text-decoration:none}

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1{ /*Demo 1 main container*/
width: 595px;
height: 85px;
border: 3px outset white;
padding: 1px;
background-color: black;
text-align: left;
}

#example2{ /*Demo 2 main container World News*/
width: 600px;
height: 90px;
border: none;
padding: 1px;
background-color: #000000;
}

#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 2px;
}

#example3{ /*Demo 3 main container NWA News*/
width: 250px;
height: 550px;
padding: 2px;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 5px;
}
#example4{
width: 595px;
height: 135px;
border: 3px inset url(images/ribbon1.gif);
padding: 1px;
background-color: black;
/* background: white url(images/ribbon1.gif) top left repeat-x; */
text-align: left;
}

#scrollerid div p{
background-color: yellow;
}

.mypets{ /*header of 1st demo*/
padding: 2px 5px;
width: 600px;
border: 1px solid white;
background: white;
}