/*
	Using "em"
	1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
	The size can be calculated from pixels to em using this formula: pixels/16 = em
		h1 {font-size: 2.5em}   40px/16=2.5em
		h2 {font-size: 1.875em} 30px/16=1.875em
		p  {font-size: 0.875em} 14px/16=0.875em
	Unfortunately, there is still a problem with IE. When resizing the text, it becomes larger than it 
	should when made larger, and smaller than it should when made smaller. The solution that works in 
	all browsers, is to set a default font-size in percent for the body element:
		body {font-size:100%}
	*/

/* Every Page */
body, html {margin:0; padding:0; color:black; background:white; font-family: 'Lucida Grande',Verdana,sans-serif; }
h1 { font-size: 2em; margin: 0 0 .67em 0 }
h2 { font-size: 1.5em; margin: 0 0 .75em 0 }
h3 { font-size: 1.17em; margin: 0 0 .83em 0 }
h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 0 0 1.12em 0 }
h5 { font-size: .83em; margin: 0 0 1.5em 0 }
h6 { font-size: .75em; margin: 0 0 1.67em 0 }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder }

div {
	margin:0em;
}
#wrap {
	width:62.5em;
	margin:0 auto;
	padding:0em;
	background:white;
}
#header {
	padding:.3125em .625em .3125em .625em;
	background:white;
}
#main {
	float:left;
	width:45.625em;
	padding:.625em;
	background:white;
}
#sidebar {
	float:right;
	width:14.375em;
	padding:.625em;
	background:white;
}
#footer {
	clear:both;
	padding:.3125em .625em;
	background:white;
}
#footer p {
	margin:0;
	}
* html #footer {
	height:1px;
}