/* Resetting stuff BEGIN */

	html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
	/* remember to define focus styles! */
	:focus { outline: 0; }
	
	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
			
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* Resetting stuff END */


/* Basic layout styles BEGIN */

	hr {  
		border: none; 
		background-color: #aaa;
		height: 2px; }
	textarea {
		margin: 0 0 0.6em 0;
		vertical-align: top; }
	select { margin: 0 0 0.6em 0; }						

/* Basic layout styles END */


/* The layout BEGIN */

#contentWrapper {
	width: 960px;
	margin: 0 auto;
  padding-bottom: 45px;
  min-height: 555px;
}
#header, #footer {
  text-align: center;
}
#header {
  height: 32px;
}
#header ul li {
  display: inline;
}
#header ul, #header li, #header a {
  padding: 9px 0 8px;
}
#header ul {
  position: relative;
  bottom: 1px;
  width: 820px;
  margin: 0 auto;
}
#header li {}
#header a {
  padding-left: 15px;
  padding-right: 15px;
}
#content {
  width: 360px;
  float: right;
  margin: 30px 135px 0 0;
}
#infoBox {
  float: left;
  width: 165px;
  margin: 60px 0 0 195px;
}
#infoBox img {
  padding: 15px;
  width: 135px;
  border: solid 1px;
}
#infoBox  ul {
  margin-bottom: 15px;
}
.clear {
  width: 100%;
  clear: both;
}


  /* Index page styles */
  body#splashPage #contentWrapper {
    height: 559px;
  }
  body#splashPage #infoBox { 
    margin-top: 250px;
  }
  body#splashPage #content ul {
    list-style: none;
    width: 253px;
    margin: -9px 0 0 97px;
  }
  body#splashPage #content ul li {
    clear: both;
    padding: 0;
    height: auto;
    margin-bottom: 15px;
  }
  li.biglink a {
    display: block;
    clear:both;
    height:92px;
    padding:15px;
  }
  body#splashPage #content ul li#magazine {
    clear: both;
    padding: 0;
    height: auto;
    margin-bottom: 15px;
  }
  body#splashPage #content ul li#magazine a {
    height: 133px;
  }
  body#splashPage ul li span.linkheader {
    display: block;
  }
  

/* The layout END */