/* stylesheet layout: inspiration from http://www.37signals.com/css_layouts/3-column_footer.html */

hr {border: none; height: 1px; background: #888; margin: 4px 0px 8px 0px; padding: 0px; }

body {
  text-align: center; }
	
#ymmwebsitebody {
  /*border: thin solid #f00;*/
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align:left;
  width: 700px; }

html {
  height: 100%;
  margin-bottom: 0.1px; }

html>body #ymmwebsitebody {
  width: 700px; }

#pagecontent {
  /*border: thin solid #00f;*/
  padding-top: 15px;
  text-align: justify;
  float: left;
  width: 495px;
  max-width: 495px;
  min-width: 495px; }

#popupcontent {
  /*border: thin solid #00f;*/
  padding: 15px;
  text-align: justify;
  float: left; }

#navcontent {
  /*border: thin solid #00f;*/
  padding-top: 15px;
  float: left;
  width: 200px;
  max-width: 200px;
  min-width: 200px; }
	
#footer {
  float: none;
  clear: both; }




body {
  font-family: verdana, sans-serif;
  font-size: 75%; }

div {
  margin: 0;
  padding: 0; }

/* "Revised Rundle/Phark image replacement - see http://www.mezzoblue.com/tests/revised-image-replacement/ */
#pageheader h1 {
  min-height: 130px;
  height: 130px;
  text-indent: -5000px;
  background-image: url(../siteimages/york_mmen_banner.jpg);
  background-repeat: no-repeat; }

#pageheader h2 {
  position: absolute;
  left: 50%;
  top: 35px;
  width: 340px;
  min-width: 340px;
  max-width: 340px; }
  
#twitterdiv {
  /*border: thin solid #00f;*/
  position: absolute;
  left: 50%;
  top: 60px;
  width: 340px;
  min-width: 340px;
  max-width: 340px; }
  
/*
  #pageheader p {
  position: absolute;
  left: 50%;
  top: 60px;
  width: 340px;
  border: thin solid #f00;
  min-width: 340px;
  max-width: 340px; }*/

#pageheader h3 {
  font-size: 110%;
  position: absolute;
  left: 50%;
  top: 90px;
  width: 340px;
  min-width: 340px;
  max-width: 340px;
  text-align: right; }

#navcontent ul {
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 5px;
}

#navcontent li {
  list-style-type: none;
  background-image: url(../siteimages/link_dot.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 13px;
  padding-bottom: 4px;
  font-weight: bold;
  text-decoration: none;
  color: #800; }

#navcontent li li {
  background: transparent url(../siteimages/link_dot2.gif) 0 4px no-repeat; }

#navcontent a {
  font-weight: bold;
  text-decoration: none;
  color: #800; }

#pagecontent a:link, a:visited, a:hover, a:active {
  color: #04f; }

#popupcontent a:link, a:visited, a:hover, a:active {
  color: #04f; }

/* this is used to make sure an article - with pictures - is properly contained inside its div */
div.spacer {
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  clear: both; }

/* the copyright text is in the first footer paragraph */
#footerleft {
  width: 545px;
  float: left; }

/* xhtml and css validation stuff in second footer paragraph */
#footerright {
  width: 150px;
  max-height: 31px;
  float: right; }

/* levin ir:  http://levin.grundeis.net/files/20030809/alternatefir.html */
.levinir {
  position:relative;
  margin:0px;
  padding:0px;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
}
.levinir span {
  cursor: pointer;
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1; /*for Opera 5 and 6*/ }

#newsnow, #newsnow span {
  width:120px;
  height:47px;
  background-image: url(../siteimages/NNanim_featured_wht.gif); } 

#twitter {
  width:160px;
  height:27px;
  left: 180px; }

#twitter span {
  /*text-align: right;*/
  width:160px;
  height:27px;
  background-image: url(../siteimages/follow_us_twitter.png);
  /*background-repeat: no-repeat;*/ } 

.newslettercontent {
  padding: 5px;
  border-style: dashed;
  border-width: 1px;
  border-color: #000;
  background: #fffff0; }

code {
  color: #008;
  font-size: 110%;
  /*font: bold 150%;*/ /*font: 90% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;*/
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.3; }