body {
      font-family: arial,helvetica,sans-serif;
      font-size: 12px;
      
      /* page background image */
      background-image: url('../graphics/background.gif');
      margin: 0; padding:0; /* needed to allow black background for lightbox js */
   }
   h2 {
      text-align: center; font-size: 20px; /* page header */
   }
   h4 {
      text-align: center;
      font-family: helvetica;
      font-size: 15px;
      color: #000; /*red #FF0000*/
   }

   hr {
   color: #0894CE; /*#D4D4D4*/
   background-color: #0894CF; /*modified the color by changing the color #0894CE to #0894CF to remove W3 validator message */
   height: 1px;
   border: none;
   }

   img {
   border:0;
   }

   span.highlight {
   background-color:#ADD8E6; /* lightblue */
   }

   #wrapper {
      /*position: absolute;*/
      /*Top: 20px;*/
      /*Left: 25px;*/
      width: 1024px; /* 1024px */
      height: 768px; /* 754px */
      margin-top:20px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #BBBBBB;
      padding: 10px;
   }
   #header {
      /*background-color:#0894ce; /* this is to test my new logo */
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border: 1px solid #BBBBBB;
      /* border: 1px solid #BBBBBB; original settings*/
      height: 80px;
      padding: 10px;
   }
   #content {
      margin-top: 10px;
      padding-bottom: 10px;
   }
   #content div {
     padding: 10px;
      /*border:1px solid #BBBBBB;*/
     float: left;
   }
   #MenuPos {
      position:relative;
      margin-top: 0px; /*41 */
      border: 1px solid #BBBBBB;
      width: 110px;
      height: 612px;
      background: none;
   }

   #msgLeft {
      position: relative;
      /*border: 1px solid #BBBBBB;*/
      margin-top: 243px;
      margin-left:-130px;
      height:72px;
      width:106px;
      /*background-color: #FF0;*/
      text-align:left;
      padding:3px;
      font-weight:bold;
   }

   #windsock {
      position: relative;
      /*border: 1px solid #BBBBBB;*/
      margin-top: 338px;
      margin-left:-130px;
      height:195px;
      width:106px;
      background-color: #ADD8E6;
      border: 1px solid #BBBBBB;
      /*text-align:left;*/
      padding:3px;
      font-weight:bold;
   }

   #flickr {
   position: absolute;
   margin-top: 360px;
   margin-left: -16px;
   }

/*Example CSS for the two demo scrollers*/

   #pscroller1{
      /*font-family:"comic sans ms";*/
      font-size: 1em;
      margin-left: -10px;
      margin-top: -52px;
      width: 106px;
      height: 75px;
      border: 1px solid #BBBBBB;
      padding: 4px;
      background-color: #F0F8FF; /*aliceblue;*/
      /*background-color: silver;*/
   }

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

   #pscroller2 a{
   text-decoration: none;
   }

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

   #cssplay {
      position:absolute;
      margin-top: 640px;
      margin-left:228px;
      height:31px;
      width:88px;
   }

   #validation1 {
      position: absolute;
      margin-top: 640px;
      margin-left:328px;
      height:31px;
      width:88px;
   }

   #validation2 {
      position: absolute;
      margin-top: 640px;
      margin-left:428px;
      height:31px;
      width:88px;
   }

   #validation3 {
      position: absolute;
      margin-top: 640px;
      margin-left:528px;
      height:31px;
      width:88px;
   }

   #cooliris {
     position: absolute;
     margin-top: 640px;
     margin-left:628px;
     height:32px;
     width:110px;
   }

      #avitop {
      /*margin: 5px; 0 0 17px; */
      position: absolute;
      margin-top: 640px; /*560px*/
      margin-left: 728px;
      height:31px;
      width:88px;
   }

   .statcounter {
      position: absolute;
      /*margin: 5px; 0 0 17px; */
      margin-top:7px; /*330px; */
      margin-left:21px; /*483px; */
      /*height:32px;
      width:100px;*/
      height:16px;
      width:47px;
   }

    #copyright {
    margin-top:1px;
    text-align:center;
    color:#0000FF;
   font-weight: bold;
   }

   #content-main {
      border: 1px solid #BBBBBB;
      margin-left: 10px;
      width: 860px;
      height: 535px;
      font-weight: bold;
   }
   #content-main-results {
      /*font-family:"comic sans ms";*/
      border: 1px solid #BBBBBB;
      margin-left: 10px;
      width: 860px;
      height: 535px;
      /*font-size: 0.9em; */
      font-weight: normal;
}

   #content-info {
      float: left;
      border: 1px solid #BBBBBB;
      height: 18px;
      width: 797px;
      margin-left: 19px;
      text-align: center;
      font-family: "times new roman";
      font-size: 20px;
      color: #000000; /*black*/
      font-weight: normal;
}

     /*#content-right {
      text-align:center;
      margin-left:10px;
      width:110px;
      height:340px;
   }*/

   #marqueecontainer {
      margin-left: 10px;
      width: 120px;
      height: 340px;
     /* background-color:none ; */
      overflow: hidden;
      border: 1px solid #BBBBBB;
      padding: 2px;
      padding-left: 4px;
   }

   #vmarquee {
      position: relative;
      margin-top: 200px;
      width: 80%;
      border: 1px solid #BBBBBB;
      text-align: center;
   }
      #content-box1, #content-box2, #content-box3, #content-box4 {
      padding: 0px;
      border: 1px solid #000000; /*black*/
      position: absolute;
      margin-top: -102px;
      height: 100px;
      width: 150px;
   }

/*The above CSS class applies to all 3 of the box divisions on the page. They are positioned absolutely and then pushed into the correct place by using their margin properties.*/

   #content-box-main {
      margin-top: 0px;
      margin-left: 45px;
      padding: 0px;
      /*border: 2px solid #ff0000; black*/
      width: 750px;
      height: 503px;
   }

   #content-box1 {
      margin-left: 872px;
   }
   #content-box2 {
      margin-left: 450px;
   }
   #content-box3 {
      margin-left: 750px;
   }
   #footer {
      position: absolute;
      /*float: right;*/
      margin-top: -80px;
      margin-left: 142px;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid #BBBBBB;
      width: 860px;
      height: 42px;

      font-size: 110%;
      color: blue;
      font-weight: bold;
      text-align: left;
   }
#footer-results {
      /*This is where the Tipue number of result pages show up*/
      /*font-family: "comic sans ms";*/
      position: absolute;
      /*float: left;*/
      margin-top: 555px;
      margin-left: 143px;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid #BBBBBB;
      width: 860px;
      height: 38px;
      font-weight: normal;
   }

   #otherwebpages {
      position: absolute;
      margin-top: -72px;
      margin-left: 143px;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid #BBBBBB;
      width: 859px;
      height: 42px;
      color: blue;
      font-weight: bold;
      text-align: center;
   }

   #bottom {
      clear: both;
      text-align: right;
   }
.thumbnail { /* box surrounding thumbnails */
      float: left;
      width: 156px;
      height: 128px;
      border-top: 1px solid #808080; /*gray*/
      border-right: 5px solid #696969; /*DimGray*/
      border-bottom: 5px solid #696969; /*DimGray*/
      border-left: 1px solid #808080; /*gray*/
      margin-top: -3px;
      margin-right: 10px;
      margin-bottom: 15px;
      margin-left: 20px;
      padding: 10px;
      text-align: center;
      font-size: 9px;
      color: #000000; /* black */
      background: #C0C0C0; /* silver #C0C0C0 */
}
.thumbnail img {
      /*width: 204px; height: 137px;*/
      width: 150px;
      height: 100px;
      border: 1px solid #fff; /*border: 1px solid #000000; /*black*/
   }
.thumbnail-hot img { /* The small box used as a hotspot for the tooltips */
      position: relative;
      top: -20px;
      left: -18px;
      width: 3px;
      height: 3px;
      border: 0px solid #0000FF; /*blue*/
      background-color: #696969; /*lightblue #ADD8E6*/
      margin-top: 5px;
      margin-left: 0px;
   }

.thumb {
font-size: 9px;
}

a.thumb:link {
      color: #000000; /* black */
      text-decoration: none;
   }

a.thumb:visited {
      color: blue;
      text-decoration: none;
   }
a.thumb:hover {
      color: red;
      text-decoration: none;
   }
a.thumb:active {
      color: blue;
      text-decoration: none;
   }

a.info {/* http://psacake.com/web/jl.asp Pure CSS Tooltips - Popup Tooltips*/
      position: relative;
      text-decoration: none;
      text-align: center;
   }
a.info span {
      display: none;
   }
a.info:hover span { /*the span will display just on :hover state*/
      position: absolute;
      top: -52px;
      left: -10px; /*was -9px - adjusted to allow text under the thumbnail image*/
      width: 151px;
      height: 48px;
      display: block;
      background: #ADD8E6; /*lightblue*/
      border: 1px solid #0000FF; /*blue*/
      font-size:9px;
      color: black;
   }
.clearboth { /* used to split images to a new row */
      clear: both;

}
a.nav, a.nav:link, a.nav:visited, a.nav-blank, a.nav-blank:link, a.nav-blank:visited{
      float: left;
      position: relative;
      left: 370px;
      display: block;
      width: 100px;
      height: 25px;
      background: #ADD8E6; /*lightblue*/
      border: 1px solid #888; /*black*/
      margin-right: 1px;
      margin-left: 1px;
      text-align: center;
      text-decoration: none;
      font-family: "comic sans ms", verdana, arial, sans-serif;
      font-size: 16px;
      color: #000000; /*black*/
      line-height: 25px;
      overflow: hidden;

   }
a.nav-blank:hover {
      color: #FFFFFF;
      background: #ADD8E6;/* #4682B4; steelblue */
      text-decoration: none;
   }
a.nav-blank:active {
      color: #FFFFFF;
      background: #ADD8E6;/*#1E90FF; DodgerBlue */
   }

a.nav:hover {
      color: #FFFFFF;
      background: #4682B4; /*steelblue */
      font-style: italic; /* change font-style to italic when mouse-over */
      text-decoration: underline; /* add an underline to text when mouse-over */
   }
a.nav:active {
      color: #FFFFFF;
      background: #1E90FF; /*DodgerBlue */
   }
form { /* this centers the login form button */
margin-left: 370px;
}
.input {
    border: 1px solid #006;
    background: #F5F5F5;
    width: 250px;
}
.button {
    border: 1px solid #006;
    background: #ADD8E6;
}
.button:hover {
    border: 1px solid #006;
    background: #90EE90;
}
#tip_foot {    /* positions the tipue search - number of pages within the footer box */
   /*position: absolute;*/
   margin-top: -5px;
   margin-left: -710px;
}
/* the following 'linkx' pertains to the class of the same name used in the search results page via the tipue.js file, within the href=" */
a.linkx:link {color: blue; text-decoration: none;}
a.linkx:visited {color: purple; text-decoration: none;}
/*a.linkx:hover {color: purple;}*/
a.linkx:active {color: #000; text-decoration: none;}

#modalContainer {
   background-color:transparent;
   position:absolute;
   width:100%;
   height:100%;
   top:0px;
   left:0px;
   z-index:10000;
   background-image:url('../graphics/tp.png'); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
   position:relative;
   width:300px;
   min-height:100px;
   margin-top:300px;
   border:2px solid #000;
   background-color:#ADD8E6; /*lightblue*/
   background-image:url('../graphics/alert.png');
   background-repeat:no-repeat;
   background-position:20px 30px;
}

#modalContainer > #alertBox {
   position:fixed;
}

#alertBox h1 {
   margin:0;
   font:bold 0.9em verdana,arial;
   background-color:#0894CE; /*#78919B;*/
   color:#000; /*FFF*/
   border-bottom:1px solid #000;
   padding:2px 0 2px 5px;
}

#alertBox p {
   font:1.1em "comic sans MS",verdana,arial;
   font-weight:bold;
   height:50px;
   padding-left:5px;
   margin-left:55px;
}

#alertBox #closeBtn {
   display:block;
   position:relative;
   margin:5px auto;
   padding:3px;
   border:2px solid #000;
   width:70px;
   font:0.8em verdana,arial;
   text-transform:uppercase;
   text-align:center;
   color:#000; /*FFF*/
   background-color:silver; /*#78919B; */
   text-decoration:none;
}

/*#tip_foot {
position: absolute;
margin-top: 568px;
margin-left: 142px;
width: 880px;
border: 1px solid #BBBBBB;
}*/