td { font-size: 10pt; font-family: verdana, sans-serif }
small { font-family: verdana, sans serif}
.textbox { font-family: verdana, arial, sans serif; font-size: 10pt; }
.whitetext { color: white; font-family: verdana, arial, sans serif; font-size: 10pt; }
.error { font-family: verdana, arial, sans serif; font-size: 12pt; color: red; }
.service { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: normal; color: #585858; }
.pt_menu { font-family: verdana, arial, sans serif; padding-top: 0px; padding-bottom: 0px; font-size: 8pt; font-weight: bold; color: black; }
a.topmenu { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; padding-left: 4px; padding-right: 4px; color: black; font-weight: bold; }
a.topmenu:visited { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; padding-left: 4px; padding-right: 4px; color: black; font-weight: bold; }
a.topmenu:hover { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; background-color: #FFFF00; border: 1px solid black; padding-left: 3px; padding-right: 3px; font-weight: bold; }
a.topmenu:active { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; background-color: #FFCC00; border: 1px solid black; padding-left: 3px; padding-right: 3px; font-weight: bold; }
a.topmenu_active { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; background-color: #FF6600; border: 1px solid black; padding-left: 3px; padding-right: 3px; color: white; font-weight: bold; }
.pubmed { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; text-decoration: none; background-color: #99CCFF; padding-left: 3px; padding-right: 3px; color: #3366FF; }
.pubmed:hover { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; color: white; text-decoration: none; background-color: #FF0000; padding-left: 3px; padding-right: 3px; color: #FFFFFF; }
.netviz { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; text-decoration: none; background-color: #00FF00; padding-left: 3px; padding-right: 3px; color: #339966;}
.netviz:hover { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; color: white; text-decoration: none; background-color: #FF9900; padding-left: 3px; padding-right: 3px; color: #FFFFFF; }
.email { font-family: verdana, arial, sans serif; font-size: 8pt; text-decoration: none; padding-left: 4px; padding-right: 4px; }
.email:hover { font-family: verdana, arial, sans serif; font-size: 8pt; text-decoration: none; background-color: #FFFF00; padding-right: 3px;}
.sidemenu { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; padding-left: 3px; padding-right: 3px; }
.sidemenu:hover { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; background-color: #66FF33; border: 1px solid black; padding-left: 2px; padding-right: 2px;}
.catmenu { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; padding-left: 3px; padding-right: 3px; }
.catmenu:hover { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; background-color: #99FFFF; border: 1px solid black; padding-left: 2px; padding-right: 2px;}
.tinymenu { font-family: verdana, arial, sans serif; font-size: 7pt; text-decoration: none; padding-left: 3px; padding-right: 3px; color: #C3C3C3; }
.tinymenu:hover { font-family: verdana, arial, sans serif; font-size: 7pt; text-decoration: none; background-color: #FFFF33; border: 1px solid #A5A5A5; padding-left: 2px; padding-right: 2px; color: #FF9900;}
.tinymenusel { font-family: verdana, arial, sans serif; font-size: 7pt; text-decoration: none; background-color: #C3C3C3; border: 1px solid #A5A5A5; padding-left: 2px; padding-right: 2px; color: #FFFFFF;}
.boxtitle { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold;}
.tiny { font-family: verdana, arial, sans serif; font-size: 7pt; font-weight: bold; color: black; }
.tinylight { font-family: verdana, arial, sans serif; font-size: 7pt; font-weight: normal; color: black; }
.thickbox { font-family: verdana, arial, sans serif; font-size: 7pt; font-weight: normal; color: black; }
.info { font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: normal; color: black; }
.timeheader,.days { font-family: verdana, arial, sans serif; font-size: 8pt; text-decoration: none; padding-left: 2px; padding-right: 2px; background-color: #0000FF; color: #FFFFFF; }
.error { font-family: verdana, arial, sans serif; font-size: 10pt; text-decoration: none; padding-left: 2px; padding-right: 2px; background-color: #FF0000; color: #FFFFFF; }
.autoexpand { font-family: verdana, arial, sans serif; font-size: 8pt; text-decoration: none; color: #000000; }
.autoexpand:hover { font-family: verdana, arial, sans serif; font-size: 8pt; text-decoration: none; color: #FF0000;}
.selection { font-family: verdana,arial, sans serif; font-size: 7pt; font-weight: normal; color: black; }
.tinylightred { font-family: verdana, arial, sans serif; font-size: 7pt; font-weight: normal; color: red; }
.copyright { font-family: verdana, arial, sans serif; font-size: 7pt; font-weight: normal; color: black; }
.admin { font-family: verdana, arial, sans serif; font-size: 14pt; font-weight: bold; color: #FF3300; }
.visualize { font-family: verdana, arial, sans serif; font-size: 14pt; font-weight: bold; color: #9999FF; }
.library { font-family: verdana, arial, sans serif; font-size: 14pt; font-weight: bold; color: #999999; }
.rawdata { font-family: arial, sans serif; font-size: 14pt; font-weight: bold; color: #99CC66; }
.newstitle_preview { font-family: Verdana, Arial, Sans Serif; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; }
.newstitle { font-family: Verdana, Arial, Sans Serif; font-size: 10pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
.newstitle:hover { font-family: Verdana, Arial, Sans Serif; font-size: 10pt; font-weight: normal; color: #000000; text-decoration: underline; text-align: left;}
.newsbody { font-family: Verdana, Arial, sans serif; font-size: 9pt; font-weight: normal; color: black; }
.feedtitle { font-family: verdana, arial, sans serif; font-size: 10pt; color: #FF0000; font-weight: bold; }
#marker { padding: 5px; }
#about1 { width: 700px; padding: 5px; }
#welcome { width: 700px; padding: 5px; }
#maptext { height: 120px; width: 700px; padding: 5px; }
#help { width: 700px; padding: 5px; }
#content { padding: 0px; width: 90%; border-bottom: 1px solid black; }
#news { position: relative; top: -20px; padding: 5px; background-color: #CCFFCC; width: 20%; text-align: center; border: 1px solid black; }
#columnleft { position: absolute; padding: 10px; width: 50%; }
#columnright { padding: 10px; width: 50%; }
.country { 
    font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; color: #333399; 
    text-decoration: none; 
    background-color: #99CCFF; 
    margin: 3px;
    padding-left: 3px; 
    padding-right: 3px; 
}
.country:hover { 
    font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; color: white; 
    text-decoration: none; 
    background-color: #333399; 
    margin: 3px;
    padding-left: 3px; 
    padding-right: 3px; 
}
.pubmed2 { 
    font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; color: #3366FF; 
    text-decoration: none; 
    background-color: #99CCFF; 
    padding-left: 3px; 
    padding-right: 3px; 
}
.pubmed2:hover { 
    font-family: verdana, arial, sans serif; font-size: 8pt; font-weight: bold; color: white; 
    text-decoration: none; 
    background-color: #FF0000; 
    padding-left: 3px; 
    padding-right: 3px; 
}
h2 {
    font-family: Georgia, Times New Roman, Serif;
    font-size: 100%;   
    color: #000000; 
    padding-top: 0.3em;
    padding-left: 0.3em;
    margin-top: 0;
    margin-bottom: -0.2em;
}
h2.news {
    font-family: Georgia, Times New Roman, Serif;
    font-size: 100%;
    padding-top: 0.3em;
    padding-left: 0.3em;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: -0.3em;
}

h2.news:hover {
    font-family: Georgia, Times New Roman, Serif;
    font-size: 100%;   
    padding-top: 0.3em;
    padding-left: 0.3em;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: -0.3em;
}
p.news, table.news, td.news {
    font-family: verdana, arial, sans serif;
    font-size: 80%;   
    padding: 0.1em;
}
.frontmap {
    font-family: verdana, arial, sans serif;
    font-size: 80%;   
    padding: 0.3em;
}
body {
    margin:0pt; padding:0pt; font-family:verdana, arial, sans-serif; font-size:100%; color:#666666; text-align:left;
    background-color:#FFFFFF;
}
.menublock {
    padding: 0.4em;
    background-color: #99CCFF;
    text-align: left;
}
.logo {
    padding-left: 1em;
    text-align: left;
    background-color: #FFFFFF;
}
.scroller {
    padding: 0.5em;
    text-align: right;
    background-color: #FFFFFF;
}
.titleblock {
padding:2em; margin:0; text-align:left;
background-image:url(epispiderlogo.png); background-repeat:no-repeat; background-position:right center;}
.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:90%; }

.lang {text-align: left; padding: 0.1em 0.2em 0.2em 0.3em;}
.rss {float:right; margin-top: -1em; padding: 0.1em 0.2em 0.2em 0.3em; font-family: verdana, arial, sans serif; font-size: 80%; }

ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:0.7em; 
clear:both; margin:0; padding:0; background-color:#333399;}

ul.navbar li {
display:inline;}
a.nav:link, a.nav:visited {
display:block; float:left; padding:1em 0.4em 1em 0.4em; margin:0; 
text-decoration:none; background-color:#333399; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; padding:1em 0.4em 1em 0.4em; margin:0; 
text-decoration:none; background-color:#FF9900; color:#FFFFFF;}

a.nav:active {
display:block; float:left; padding:1em 0.4em 1em 0.4em; margin:0; 
text-decoration:none; background-color:#FF9900; color:#FFFFFF;}

.rightcontainer {
float:right; clear:both; width:30%; margin:1em 0 0 0; padding:0;}

.topicfilter {
float:right; position: relative; clear:both; margin:1em 0 0 0; padding:0; text-align: left;}

.rightbox {
margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:left;}

.rightboxheader {
background-color:#333399; font-size: 5%; color: #E1E1E1; text-align:left; padding:0.1em 0 0 0;}

.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:center; clear:both;}

.gallery {
float:left; position: absolute; width: 60%; height: 200px; padding-top: 1em; clear:both; margin:1em 0 0 0; }

.introtext {
float:right; position: absolute; padding-top: 1em; clear:both; margin:1em 0 0 0; }

.figuretext {
    font-family: verdana, arial, sans serif; 
    font-size: 7pt;
    color: black;
}

.graphs {
float: left; position: relative; clear:both; margin:15em 0 0 0; padding:0;}

.mapdisplay {
position: relative; clear:both; padding: 0.2em 0.2em 0.2em 0.2em; text-align: left; margin:0 0 0 0; }

.promedmap {
position: relative; clear:both; padding: 0.2em 0.2em 0.2em 0.2em; text-align: left; margin-top: -15em; }

.accessgraphs {
float: right; position: absolute; width: 30%; clear:both; margin:0 0 0 0; padding:0;}

.description {
margin:0.5em; padding:0.3em; text-align:left;}

.help {
margin:0.5em; padding:0.3em; text-align:left;}

.currentweek { 
  font-family: verdana, arial, sans serif; 
  font-size: 12pt; 
  font-weight: normal;
  text-decoration: none; 
  padding-left: 2px; 
  padding-right: 2px; 
  background-color: #3366FF; 
  color: #FFFFFF; }

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 90%;
height: 70px;
margin-top: 5px;
padding: 5px;
background-color: white;
font-size: 70%;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

ul {
  list-style: square url(blackbullet.gif); /* wide image for the bullet */
  margin: .5em .5em 0 25px;  /* bullet image is in left margin */
  padding-left: 0;
}
ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .5em; /* a little spacing between list items */
}