/* **************************************************************** */
/* Browser reset via Eric Meyer:                                    */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/     */
/* **************************************************************** */

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, sub, sup, tt, var,
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;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  background: transparent;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style-position: inside;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* **************************************************************** */
/* Blocks Definitions                                               */
/* **************************************************************** */

/**** Three columns template ****/
#three-col #block_1
	{
	float: left;
	width: 440px;
	margin-left: 156px;
	margin-top: 210px;
	background: none;
	}
#three-col #block_2
	{
	float: left;
	width: 156px;
	margin-top: 210px;
	margin-left: -596px;
	}
#three-col #block_3
	{
	float: left;
	margin-top: 210px;
	width: 200px;
        _width: 184px;
	}
	
/**** Two columns template ****/
#two-col #block_1
	{
	float: left;
	width: 420px;
	margin-top: 205px;
	}
#two-col #block_2
	{
	float: left;
	width: 380px;
	margin-top: 210px;
	}

/**** Two columns subpage template ****/
#two-col.subpage #block_1
	{
	float: left;
	width: 644px;
	margin-left: 156px;
	margin-top: 210px;
	background: none;
	}
#two-col.subpage #block_2
	{
	float: left;
	width: 156px;
	margin-top: 210px;
	margin-left: -800px;
	}

/**** Subpage one columns template ****/
#one-col #block_1
	{
	float: left;
	width: 800px;
	margin-top: 28px;
	}

* html #block_1
	{
	display: inline;
	}

#three-col #block_1 .content { padding: 0px 10px 0px 10px; border-left: 1px solid #cdcdcd; }
#three-col #block_2 .content { padding: 0px 0px 0px 6px; }
#three-col #block_3 .content { padding: 0px 0 0px 4px; }

#two-col #block_1 .content { padding: 10px 15px 5px 25px; border-right: 1px solid #cdcdcd; }
#two-col #block_2 .content { padding: 0px 0px 0px 6px; }

#two-col.subpage #block_1 .content { padding: 0px 10px 0px 10px; border-left: 1px solid #cdcdcd; border-right: none; }
#two-col.subpage #block_1 .content .content { border-left: none; }
#two-col.subpage #block_2 .content { padding: 0px 0px 0px 6px; }

#one-col #block_1 .content { padding: 0px 10px 0px 10px; }

/* **************************************************************** */
/* Several fixes for other browsers                                 */
/* **************************************************************** */

.clear { clear: both; display: block; font-size: 1px; margin: 0px; line-height: 0px; height: 0px; }

#wrapper
	{
	width: 800px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* We need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes */
	float/**/: none;
	}
/* easy clearing */
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 800px;
	}
/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}