body {
background: #9D9080;
font-family: georgia, serif, times, times new roman;
}

p {
font-size: 12px;
padding: 3px;
margin: 0;
line-height: 19px;
color: #882c07;
}
.textBody { color: #693a07; background-color: #e1d8c8; }
linkList {
font-size: 12px;
color: #e1d6ca;
}

.st_blogtitle {
font-weight: bold;
padding: 0px 0px 0px 5px;
color: #FFFFFF;
}

.st_blogdivider {
padding: 5px 5px 5px 5px;
}

.st_blogdetails {
padding: 0px 0px 0px 5px;
color: #FFFFFF;
}

a:link, a:visited {
color: #000000;
font-weight: bold;
}
a:hover {color: #000000; }
a:active { } 
a img {border: none; } 


a.mainmenu:link {
text-decoration: none;
font-weight: bold;
color: #ffffff;
}
a.mainmenu:visited {
text-decoration: none;
font-weight: bold;
color: #ffffff;
}
a.mainmenu:hover  {
text-decoration: none;
color: #F1DCAE;
}
a.mainmenu:active { } 


a.submenu:link {
text-decoration: none;
color: #F1DCAE;
}
a.submenu:visited {
text-decoration: none;
color: #F1DCAE;
}
a.submenu:hover  {
text-decoration: none;
color: #F1DCAE;
}
a.submenu:active { } 


.linkList {
color: #F1DCAE;
font-family: verdana, sans, helvetica, arial;
font-size: 9px;
text-decoration: none;
padding: 3px 3px 3px 3px;
}

a.linkList:link, a.linkList:visited, a.linkList:hover, a.linkList:active{
color: #F1DCAE;
font-family: verdana, sans, helvetica, arial;
font-weight: bold;
}

.more {
color: #595b43
font-size: 9px;
font-weight: bold;
}

a.more:link, a.more:visited, a.more:hover, a.more:active{
color: #595b43
font-weight: bold;
}

news {
font-size: 12px;
font-family: verdana, sans, helvetica, arial;
padding: 3px 3px 3px 3px;
margin: 0;
line-height: 19px;
color: #000000;
}

copyright {
font-size: 9px;
font-family: verdana, sans, helvetica, arial;
padding: 3px 3px 3px 3px;
margin: 0;
line-height: 19px;
color: #C6B898;
}


		/* link heights corresponds with image height */
		.navButton, .navButton:visited {
			height:41px;

			/*
				this is for mac/ie5
				it would normally cause a rendering problem
				(a vertical expansion in the topnav)
				but it doesn't here because the topnav is a fixed height
			*/
			position:relative !important;

			}

		/* link and list-item widths correspond with image widths */
		#home, #homeButton, #homeButton:visited {
			width:69px;
			}
		#about, #aboutButton, #aboutButton:visited {
			width:91px;
			}
		#demos, #demosButton, #demosButton:visited {
			width:108px;
			}
		#licensing, #licensingButton, #licensingButton:visited {
			width:94px;
			}
		#download, #downloadButton, #downloadButton:visited {
			width:81px;
			}
		#support, #supportButton, #supportButton:visited {
			width:145px;
			}
		 #contact, #contactButton, #contactButton:visited {
			width:92px;
			}
		#brothercake, #brothercakeButton, #brothercakeButton:visited {
			width:126px;
			}



		/* span is same dimensions as link, and positioned to superimpose */
		.navButton span, .navButton:visited span {
			display:block;
			height:41px;
			width:100%;
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			background-repeat:no-repeat;
			}




		/* button images are span background images */
		#homeButton span, #homeButton:visited span {
			background-image:url(udm-resources/compact-button-home.gif);
			}
		#aboutButton span, #aboutButton:visited span {
			background-image:url(udm-resources/button_ourwork.gif);
			}
		#demosButton span, #demosButton:visited span {
			background-image:url(udm-resources/button_expeditions.gif);
			}
		#licensingButton span, #licensingButton:visited span {
			background-image:url(udm-resources/button_volunteer.gif);
			}
		#downloadButton span, #downloadButton:visited span {
			background-image:url(udm-resources/button_donate.gif);
			}
		#supportButton span, #supportButton:visited span {
			background-image:url(udm-resources/button_mobley_in_the_news.gif);
			}
		#contactButton span, #contactButton:visited span {
			background-image:url(udm-resources/compact-button-contact.gif);
			}
		#brothercakeButton span, #brothercakeButton:visited span {
			background-image:url(udm-resources/button-brothercake.gif);
			}



		/* rollovers are background position so that no preloading is necessary */
		.navButton span, .navButton:visited span {
			background-position:0 0;
			}

		.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
			background-position:0 -100px;