/* 
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background:  #FFFFFF; text-align: center; }

/* 
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

div#mainContainer {
	margin: 0 auto 0 auto;
	width: 930px;
}
div#header,
div#content,
div#footer { 
	width: 930px;
	clear: both;
}
div#header {
	padding: 0 10px 0 10px;
	height: 77px;
}
div#content {
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	height: auto;
}
div#footer {
	margin: 10px 0 0 0;
	height: 85px;
	background: #ebebeb;
}

div#header div.side {
	float: left;
	width: 1px;
	height: 77px;
	background: url(../images/header_background_side.jpg) repeat-x;
}
div#header div.header {
	float: left;
	height: 77px;
	width: 908px;
	margin-bottom: 15px;
	background: url(../images/header_background.jpg) repeat-x;
}
div#header div.header table {
	margin: 10px auto;
	clear: both;
}
div#header div.header table td {
	text-align: left;
}
div#header div.header table td img {
	margin-right: 10px;	
}

div.siteContainer { 
        margin: 0 10px 0 10px;
	padding: 20px 0 0 0;
	width: 290px;
	background: url(../images/site_background.jpg) no-repeat;
	float: left; 
}
div.siteContainer img { 
	margin-bottom: 15px;
}

div.siteContainer div.title,
div.siteContainer div.date,
div.siteContainer div.description {
	padding: 0 30px;
}
div.siteContainer div.control {
	padding: 0 20px 10px 0;
}
div.siteContainer a img {
	border: 0;
}
div.control {
	height: 15px;
	text-align: right;
}
div.control a {
	padding: 4px 20px 4px 5px;
	background: #e9e9e9 url(../images/arrow.gif) 100% 50% no-repeat;
}

div.clear { clear: both; }

span.left { 
	margin: 20px 40px;
	float: left; 
}
span.right { 
	margin: 20px 40px;
	float: right;
}

