/* This file contains the styles specific to SOCs as defined in the SOC_redesign_050708.pdf */

body {
	width: 978px;
	background: #0099cc url(../images/soc-body-bg.png) repeat-x; 
}

#header a img {
	display: block;
	border: none;
}

#body {
	padding: 13px;
	background-color: #fff;
}

#sochead img {
	display: block;
	border: none;
}


/* W3C 3-col layouts in css2 = EPIC FAIL.  using a table sparingly is so much simpler and cleaner
 * and what's more, it works on all browsers, not just the snobby ones.
 */

table.columnlayout {
	border-width: 0; 
	border-spacing: 0; 
	border-collapse: collapse;
	width: 100%;
}
table.columnlayout td {
	vertical-align: top;
}

#leftnav, #content, #rightnav {
	padding: 13px;
}

#leftnav {
	width: 174px;  /* 200 - (13*2) = 174 */
} 
#content p {
	padding-bottom: 1em;
}
#rightnav {
	width: 174px;  /* 200 - (13*2) = 174 */
}