/* html */

body
{
	margin: 5px 5px 5px 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
}
* html body
{
	font-size: 70%;
}

h1
{
	padding-top: 20px;
	color: #003399;
	font-weight: normal;
	font-size: 150%;
	margin: 0;
	clear: left;
}


h2
{
	font-size: 115%;
	font-weight: bold;
	color: #003399;
	margin: 0.83em 0 0.83em 0;
	padding: 0;
	clear: left;
}

/* right */

.right
{
	padding-top: 10px;
	float: right;
}

.right a
{
	padding-left: 5px;
}

img.left
{
	float: left;
	padding-right: 5px;
}

/* header */

#header
{
	background: #003399;
	color: white;
	padding: 40px 20px 20px 10px;
	margin: 0px;
	font-size: 125%;
}

#header p
{
	float: right;
	color: #ccffff;
	font-family: helvetica, verdana, arial, sans-serif;
}

/* nav */

#nav
{
	height: 20px;
	background: #0066cc;
	margin: 0px;
}

#nav ul
{
	margin: 0px;
	padding: 0px;
}

#nav li
{
	display: inline;
	padding: 0px 3px;
}

#nav ul li a
{
	color: white;
	text-decoration: none;
}

#nav #nav-links
{
	float: left;
	margin: 2px 2px 0px 5px;
	padding: 0px;
}

/* container */

#container
{
	background: url('bg.gif') repeat-y right;
}

/* content */

#content
{
	margin-right: 179px;
}

/* bar */

#bar
{
	position: absolute;
	right: 0;
	width: 161px;
	padding: 20px 12px 0 4px;
}

#bar p
{
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #0066cc;
}

/* footer */

#footer
{
	text-align: center;
	background: #003399;
	color: #ffffff;
	font-size: 80%;
	padding: 5px 0px 40px 0px;
	margin: 5px;
}

#footer p
{
	margin: 0px 0px 2px 0px;
}

#footer a
{
	color: #ffffff;
	text-decoration: none;
}

/* button */

.button, .button2, .button3
{
	display: block;
	width: 100px;
}

.button
{
	margin-top: 20px;
	background: url('button-middle.gif') repeat-y left;
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
}

.button2
{
	background: url('button-top.gif') no-repeat top left;
}

.button3
{
	background: url('button-bottom.gif') no-repeat bottom left;
	width: 80px;
	padding: 10px;
	text-align: center;
}

* html .button3
{
	width: 100px;
	cursor: pointer;
}

/* table */

.highlight
{
	background: #ccffff;
}

/* table */

* html table
{
	font-size: 100%;
}

th
{
	text-align: left;
}

td
{
	padding-right: 50px;
}

/* acml */

.stress
{
	font-weight: bold;
}

.quote
{
	font-style: italic;
}

.code
{
	font-style: italic;
}


#acml div.image
{
	text-align: center;
}


#acml img
{
	margin: 8px 0px;
}

#acml img.flow
{
	float: right;
	clear: right;
	border: solid 3px #003399;
	margin: 8px 0px 8px 8px;
}

#acml img.flow-left
{
	float: left;
	clear: left;
	border: solid 3px #003399;
	margin: 0px 8px 8px 0px;
}

#acml img.left 
{ 
    display: block; 
    text-align: left;
}

#acml img.icon
{ 
	float: left;
	margin: 0px 8px 8px 0px;
}

/* @media print */

@media print
{
	#bar, #header, .right
	{
		display: none;
	}

	#content
	{
		float: none;
		margin-right: 0;
		width: 100%;
	}
}