.navpanel a:link {color: #99CC66; text-decoration: none;}
.navpanel a:active {color: #99CC66; text-decoration: none;}
.navpanel a:visited {color: #99CC66; text-decoration: none;}
.navpanel a:hover {color: #D5EDB3; text-decoration: none;}

.textarea a:link {color: #99CC66; text-decoration: none;}
.textarea a:active {color: #99CC66; text-decoration: none;}
.textarea a:visited {color: #99CC66; text-decoration: none;}
.textarea a:hover {color: #d5edb3; text-decoration: none;}

.topnav a:link {color: #5c743d; text-decoration: none;}
.topnav a:active {color: #5c743d; text-decoration: none;}
.topnav a:visited {color: #5c743d; text-decoration: none;}
.topnav a:hover {color: #d5edb3; text-decoration: none;}

.thumbs a:link {color: #99CC66; text-decoration: none;}
.thumbs a:active {color: #99CC66; text-decoration: none;}
.thumbs a:visited {color: #99CC66; text-decoration: none;}
.thumbs a:hover {color: #D5EDB3; text-decoration: none;}

a:link {color: #006699;}
a:active {color: #FF0000;}
a:visited {color: #006699;}
a:hover {color: #333300;}

p {  font-family: Arial, Helvetica, sans-serif;}
h2 {  font-family: Arial, Helvetica, sans-serif}
h3 {  font-size: small; color: #99CC66; font-family: Arial, Helvetica, sans-serif;
	margin: 6;}
h4 {  font-family: Arial, Helvetica, sans-serif}
h5 {  font-family: Arial, Helvetica, sans-serif; color: #000000;}


body {  background-color: #FFFFFF;}

.navpanel {  font-size: medium; font-style: normal;font-weight: bold;
	color: #D5EDB3; background-image: url(images/BehindNav.jpg);
	 padding-right: 30px;}
.topnav { font-style: normal;font-weight: bold; color:#D5EDB3; background-color:#99CC66; margin: 0px;
	font-family: Arial, Helvetica, sans-serif;}
.bottominfo { font-size: xx-small; color:#D5EDB3; background-color:#5c743D; margin: 0px;}

.textarea {  color: #d5edb3; font-size: x-small; padding-left: 10px; background-color: #5C743D;
	 background-image: url(images/textarea.jpg);
	background-repeat: no-repeat;
	background-position: top right;}

.thumbs {

}

#GalleryNav {height: 130px; width: 780px; overflow: auto;}

#ImagePane {
	filter: blendTrans(duration=3);
}

#scroll {height: 250px; width: 780px; overflow: auto;}

#scroll2 {height: 280px; width: 780px; overflow: auto; }

#wedscroll {height: 290px; width: 780px; overflow: auto;}

.litgreen {background-color: #d5edb3;}
.medgreen {background-color: #99CC66;}
.drkgreen {background-color: #5c743d;}

#container {
  position: relative;
  width: 400px;
  height: 80px;
  overflow: hidden;
  
}

#scroller {
  width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content {
  width: 200px;
  
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  
  font-size: .8em;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}



