body {
margin: 0; padding: 0;
font: 400 10pt/12pt arial;
}

div {
padding: 5px;
margin: 5px;
}

/**
* = HEADER SPECS
**/
#header h1, 
#header h2 {
padding: 0; margin: 0;
color: #390;
}
#header h2 {
color: #ccc;
padding-left: 15px;
}
#header #product_dd {
position: relative;
width: 20%;
margin: -25px 0 0 auto;
}
#header #logout {
color: #fff;
border: 1px #666 solid;
text-align: right;
background-color: #390;
}

#header #logout a {
		color: #fff;
		text-decoration: none;
}

/**
*= NAVIGATION SPECS
**/
#navigation {
margin-top: -43px;
margin-left: -10px;
}
#navigation ul {
list-style: none; 
}
#navigation ul li {
display: block;
float: left;
}
#navigation a {
color: #fff;
text-decoration: none;
display: block;
padding: 5px 5px;
margin-top: -5px;
}
#navigation a:hover {
color: #000;
background-color: #fff;
}

/**
*= CONTENT SPECS
**/
#content {
margin: 30px 12px 0 12px;
padding: 20px;
border: 1px solid #390;
}
#content #compositetitle {
background-color: #390
}
#content #tiletitle {
background-color: #ae9
}
#content p {
margin: 0; padding: 1em 0;
margin-left: 10px;
}
#content h1 {
font-size: 14pt;
}
#content h2 {
font-size: 12pt;
padding: 5px;
}
#content th,
#content td {
font-size: 10pt;
width: 25%;
padding: 2px 10px 2px 20px;
}
#content th {
text-align: left;
}
#content table {
width: 100%;
}
#content a {
color: #390;
text-decoration: underline;
display: block;
padding: 5px 5px;
margin-top: -5px;
margin-left: 10px;
}
#content a:hover {
color: #390;
text-decoration: none;
}
div.error {
	color: #f00;
}
div.tiledelim {
	background-color: #ae9
}