#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #FF0000;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 0.9em;
background-color: #FF0000;
color: White;
font-size:14px;
text-decoration: none;
float: left;
border-right: 1px solid #FF0000;
}

#navcontainer ul li a:hover
{
background-color: #990000;
color: #FFFFFF;
}


.fireworks1_back {
	background-image:  url('http://www.umary.edu/memory/images/Fireworks-10-june.gif');
	background-repeat: no-repeat;
}

.fireworks2_back {
	background-image:  url('http://www.umary.edu/memory/images/Fireworks-04-june.gif');
	background-repeat: no-repeat;
}




.memory_back {
	background-image:  url('http://www.umary.edu/memory/images/aboutmemories.png');
	background-repeat: no-repeat;
}

.works_back {
	background-image:  url('http://www.umary.edu/memory/images/bottomnav.png');
	background-repeat: no-repeat;
}

.navigation_back {
	background-image:  url('http://www.umary.edu/memory/images/nav_back.png');
	background-repeat: no-repeat;
}

.firew_back {
	background-image: url('http://www.umary.edu/memory/fireworks15.gif');
	background-repeat: repeat;
	background-color: #000044;
}


.headlines {
	text-align: left;
	font-size:12px;
	font-weight: bold;
	color:#000000;
	font-family:Helvetica;
}

.countdown {
	text-align: right;
	font-size:12px;
	font-weight: bold;
	color:#990000;
	font-family:Helvetica;
}

.footertext {
	text-align: middle;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	font-family:Helvetica;
}

.navtext {
	text-align: middle;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	font-family:Helvetica;
}


.bodytext {
	font-size:14px;
	font-weight: normal;
	color:#FFFFFF;
	font-family:Helvetica;
}

.bodytext2 {
	font-size:14px;
	font-weight: normal;
	color:#000000;
	font-family:Helvetica;
}

.headertext {
	font-size:18px;
	font-weight: normal;
	color:#FFFF00;
	font-family:Helvetica;
}




#container{
height: 265px;
width: 400px;
position: relative;
}
#background{
z-index: 1;
position: relative;
}
#content{
z-index: 2;
position: relative;
} 


#dakota
{
  display: block;
  width: 186px;
  height: 100px;
  background: url("images/dakotaseries.png") no-repeat 0 0;
}
#dakota:hover
{ 
  background-position: 0 -100px;
}
#dakota span
{
  display: none;
}

#memory
{
  display: block;
  width: 213px;
  height: 98px;
  background: url("images/memoryseries.png") no-repeat 0 0;
}
#memory:hover
{ 
  background-position: 0 -98px;
}
#memory span
{
  display: none;
}

#blackcat
{
  display: block;
  width: 120px;
  height: 120px;
  background: url("images/blackcatlogorollover.png") no-repeat 0 0;
}
#blackcat:hover
{ 
  background-position: 0 -120px;
}
#blackcat span
{
  display: none;
}




a.footer:link {color: #FFFFFF; text-decoration: none; }
a.footer:visited {color: #FFFFFF; text-decoration: none; }
a.footer:hover {color: #FFFF00; text-decoration: none; }
a.footer:active {color: #FFFFFF; }

a.nav:link {color: #000000; text-decoration: none;}
a.nav:visited {color: #000000; text-decoration: none;}
a.nav:hover {color: #e41f26; text-decoration: none;}
a.nav:active {color: #e41f26; background-color:}