@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: '';}

html {text-align: center;
	}
	
body { position: relative; width: 800px; margin: 0 auto; text-align: left;}
	
div#content {
	position: relative;
	width: 100%;}
	
div#content_main {
	width: 60%;
	padding: 10px;
	left:  260px;
	border-left: 1px dotted #007e7e;}
	
div#content_main h1 {
	font-size: 135%;}

div#content_sub{
	width:  25%;
	margin-top: 50px;
	padding: 10px;
	margin-left: 10px;}
	
div#content_sub ul{
	font-size: 10px;}

	

	
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: -5px;
	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: 75px;
	margin: 0;}

div#reo_tags ul {
	font-size: 120%;
	}