/********** HAMAKA RESET ******************************************/

	html, 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, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	caption, tbody, tfoot, thead, tr, th {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body {
		margin: 0;
		padding: 0;
		line-height: 1;
	}

	table {
		margin: 0;
		padding: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		border-collapse: collapse;
		border-spacing: 0;
	}

	img { border: 0; }

	ul, ol {
		list-style-type: none;
	}

	blockquote, q { quotes: none; }

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

/********** CORE **************************************************/

	html, body { height: 100%; }

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #221e1f;
		background: transparent url('../images/bg-body.gif') repeat 0 0;
	}

	h1 { 
		color: #221e1f;
		font-weight:normal;
	}


	p {
		margin: 8px 0;
		line-height: 1.6em;
	}

	a {
		color: #303;
		text-decoration: none;
	}

	a:hover {
		text-decoration:underline;
	}


	p a { padding: 0 2px; }

	/* Basically the same as class tinyTxt */
	small { font-size: 80%; }

	div#container {
		position: relative;
		margin: 0 auto;
		padding: 0 10px;
		width: 600px;
		min-height: 100%;
		background-color: #ffffff;
	}

	* html div#container {
		height: 100%;
	}

/********** TOP ***************************************************/

	div#top {
		padding-bottom:10px;
	}
	div#top  h1 {
		padding-top:30px;
		font-size:31px;
		color:#303;
	}
	div#top  p.logo {
		padding-top:10px;
	}


/********** MAIN **************************************************/

	div#main {
		width: 600px;
		overflow: hidden;
	}

/********** LEFT COLUMN *******************************************/
	div#leftCol {
		float: left;
		padding-right: 30px;
		width: 265px;
		padding-top:10px;
		padding-bottom:10px;
	}

/********** RIGHT COLUMN *******************************************/
	div#rightCol {
		float: right;
		padding-left: 30px;
		border-left:solid 1px #9b9b9b;
		width: 265px;
		padding-top:10px;
		padding-bottom:10px;
	}

/********** BOTTOM ************************************************/

	div#bottom {
		width:600px;
		float:left;
		margin-top:20px;
		padding-top:10px;
		border-top:solid 1px #9b9b9b;
	}