body {
	color: white;
	font-family: Helvetica, Arial, san-serif;
	font-size: 9pt;
	
}

#page {
	text-align: left;
}

#product-menu,
#page-menu {
	font-size: 11px;
	line-height: 11px;
}

#product-menu h2 {
	font-size: 100%;
	line-height: 100%;
	color: #ccc;
}

#header,
#content {
	margin-left: 240px;
	margin-right: 20px;
	
	font-size: 11pt;
	line-height: 22pt;
	
	text-align: justify;
}

#content div.sidebar {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

#content p {
	margin: 20pt 0;
}

#header {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: url('accent-background.jpg');
	position: relative;
}

span.alt { display: none; }

@font-face {
	font-family: My-Copperplate;
	src: url("Copperplate.eot") /* EOT file for IE */
}
@font-face {
	font-family: My-Copperplate;
	src: url("Copperplate.ttf"); /* TTF file for CSS3 browsers */
}


#header div.title {
	font-size: 21px;
	letter-spacing: 14px;
	font-family: "Copperplate Gothic Light", Copperplate, My-Copperplate, Garamond, serif;
	color: #aaa;
}

#header div.title div.divider {
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1em;
	color: #e06ab6;
}

#header div.title h1 {
	font-size: 21px;
	line-height: normal;
	font-weight: normal;
}

#header div.title h1.smaller {
	font-size: 16px; 
	letter-spacing: 14px;
}

a {
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

span.symbol {
	font-family: "Arial Unicode", Arial, san-serif;
}

div.contact-info {
	margin-left: 4em;
	font-size: 120%;
}

#footer span.copyright {
	display: block;
	float: left;
	text-align: left;
	width: 55%;
}

#footer span.author {
	display: block;
	float: right;
	text-align: right;
	width: 44%;
}