html>body #pageBody .content .teaser a span	{height: auto;}

#pageBody .content {
	width: 730px;
	padding: 0;
	margin: 0;
	font-size: 110%;
	height: 195px;
	min-height: 195px;
}

#pageContainer {
	background: url(/images/layout/page_container.gif) #ffffff no-repeat -770px 0px;
}

#pageFooter .nav {
	display: none;
}

#pageFooter address {
	float: none;
	font-size: 120%;
	text-align: center;
}

#pageHeader {
	width: 465px;
	margin-bottom: 2em;
	position: relative;
	height: 250px;
}

#pageHeader #quickNav {
	position: absolute;
	top: 205px;
	right: 5px;
}

#pageHeader .logo {
	display: block;
	background: url(/images/layout/bg_logo.gif) no-repeat bottom left;
	height: 240px;
}

#pageHeader .logo h1 {
	display: none;
}

#pageHeader .nav {
	position: absolute;
	top: 0;
	right: 0;
}


/*----------------------------------------------------------------------------------------
  Home Page Teasers
----------------------------------------------------------------------------------------*/

/* float the teasers beside each other */
#pageBody .content h2.teaser {
  float: left;
  margin: 0 16px 0 0;
  padding: 0;
}

/* specify the link dimesions  - all teaser */
#pageBody .content h2.teaser a {
  width: 170px;
  height: 178px;
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  text-indent: -3000px /*hide text without using extra tags*/
}

/* positioning the  the background image - all teasers */
#pageBody .content h2.teaser a:link,
#pageBody .content h2.teaser a:visited {
  background-position: top left;
}

/* sliding the background image on hover - all teasers */
#pageBody .content h2.teaser a:hover,
#pageBody .content h2.teaser a:active {
  background-position: bottom left;
}

/* background for Membership  teaser */
#pageBody .content h2.teaser.membership a:link,
#pageBody .content h2.teaser.membership a:visited,
#pageBody .content h2.teaser.membership a:hover,
#pageBody .content h2.teaser.membership a:active {
  background-image: url(/images/layout/teaser_membership.gif);
}

/* background for Dora Awards  teaser */
#pageBody .content h2.teaser.dora a:link,
#pageBody .content h2.teaser.dora a:visited,
#pageBody .content h2.teaser.dora a:hover,
#pageBody .content h2.teaser.dora a:active {
  background-image: url(/images/layout/teaser_dora.gif);
}

/* background for TOTIX  teaser */
#pageBody .content h2.teaser.totix a:link,
#pageBody .content h2.teaser.totix a:visited,
#pageBody .content h2.teaser.totix a:hover,
#pageBody .content h2.teaser.totix a:active {
  background-image: url(/images/layout/teaser_totix.gif);
}

/* specify background for Communique  teaser */
#pageBody .content h2.teaser.communique a:link,
#pageBody .content h2.teaser.communique a:visited,
#pageBody .content h2.teaser.communique a:hover,
#pageBody .content h2.teaser.communique a:active {
  background-image: url(/images/layout/teaser_communique.gif);
}

/* removing margin from right most teaser */
#pageBody .content h2.teaser.communique {
  margin: 0 0 0 0;
}