@import url(color.css);
@import url(typograph.css);

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, {margin : 0; padding: 0;}

/* Normalizes font-size for header */
h1, h2, h3, h3, h4, h5, h6
{  font-size: 100%}

/* Removes list-style from lists */
ol,ul
{  list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var, 
{ font-style: normal; font-weight: normal;}

/* Removes list-style from list */
table
{border-collapse: collapse; border-spacing: 0;}
fieldset,img
{border: 0;}

/* Left-aligns text in caption and th */
/* Remove border from fieldset and img */
caption, th
{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{content: '';}

body {font-size: small;}
h1 {font-size: 150%;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}
h6 {font-size: 50%;}


html {text-align: center;
	}
	
body { position: relative; width: 800px; margin: 0 auto; text-align: left;}
	
div#content {
	position: relative;
	width: 100%;}
	
div#content_main {
	top: 10px;
	left: 5px;
	right: 10px;
	width: 95%;
	padding: 1em 0;}

	
div#branding, div#main, div#site_info {
	width: 100%}
	
div#site_info {
	position: relative;
	width:  100%;
	height: 200px;
	background: transparent url(../images/site_bkgrd.png);}
	
div#site_info h1 {
	position: absolute;
	left: 0px;
	bottom: 2s0px;
	width:  250px;
	height: 180px;
	background: transparent url(../images/footerb.png) no-repeat;}
	
div#site_info h1  {
	display: block;
	width:  800px;
	height: 180px;
	text-indent:  -9999px;}
	
div#site_info p {
	font-size: 80%;
	position: absolute;
	right:  180px;
	width: 300px;
	bottom: 90px;
	margin: 0;}