/* Start of Son of Suckerfish Dropdowns*/

#nav ul
	{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99;
	}
#nav ul a
	{
	display: block;
	width: auto;
	}
#nav ul li
	{
	position: relative;
	float: left;
	width: auto;
	margin: 0;
	}
#nav ul li ul
	{
	position: absolute;
	width: 10em;
	left: -999em;
	}
#nav ul li:hover ul, #nav ul li.sfhover ul
	{
	left: auto;
	}
	
/* End of Son of Suckerfish Dropdowns*/

/* Begin Xemelem classes */
.xsl-copy-of
	{
	background-color: #009900;
	color: #99FF99;
	padding: 0.5em;
	border: 1px dashed #99FF99;
	}
/* End Xemelem classes */

html
	{
	height: 100%;
	/* background-image: url(../images/star_bg.gif); */
	background-repeat: no-repeat;
	background-position: top right;
	}

body
	{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	}

a
	{
	text-decoration: none;
	}

img
	{
	border: none;
	}

img.inline
	{
	position: relative;
    float: left;
    display: block;
    margin: 1em 1em 1em 0;
	}

img.logo
	{
	position: absolute;
	top: 20px;
	}

div.content a
	{
	text-decoration: underline;
	}

div.content a:hover,
div.footer a:hover,
div.products a:hover
	{
	text-decoration: underline;
	}

html
	{
	background-color: #3C5573;
	color: #FFFFFF;
	}

#nav ul li a:hover
	{
	background-color: #909090;
	color: #FFFFFF;
	}

#nav ul li
	{
	font-weight: bold;
	}

#nav ul li ul li
	{
	font-weight: normal;
	}

div.content
	{
	clear: both;
	padding: 0.5em 1em 1em 1em;
	line-height: 1.5em;
	background-color: #FFFFFF;
	color: #000000;
	}

li
	{
	margin: 0.5em 0 0.5em 0;
	}
	
p
	{
	margin: 1em 0 1em 0;
	}

p:first
	{
	margin-top: 0;
	}
#nav ul li ul li,
#nav ul li a,
div.sidebar h1,
div.sidebar h2
	{
	background-color: #B1B1B1;
	}
	
div.content a
	{
	color: #3C5573;
	}

#nav ul li a
	{
	color: #FFFFFF;
	}

#nav ul li ul li
	{
	width: 100%;
	border-top: 1px solid #FFFFFF;
	}

#nav ul li a
	{
	padding: 0.2em 0.5em 0.2em 0.5em;
	}

div.content ul
	{
	list-style-type: square;
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1em;
	}

div.sidebar
	{
	position: relative;
	float: right;
	width: 20em;
	background-color: #E1E1E1;
	margin: 0.5em 0 2em 2em;
	}

div.sidebar h1,
div.sidebar h2
	{
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}

div.sidebar h2
	{
	border-top: 2em solid #FFFFFF;
	}
	
div.sidebar ul
	{
	margin: 0 0.5em 0 1.5em;
	padding-bottom: 0.5em;
	}
	
div.sidebar ul li
	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

#nav ul li
	{
	margin-right: 4px;
	}

div.sidebar a
	{
	color: #000000;
	text-decoration: none;
	}

#nav ul li ul li
	{
	border-right: none;
	}

div.footer a
	{
	color: #FFFFFF;
	font-weight: bold;
	}

div.footer
	{
	clear: both;
	}

div.footer p
	{
	margin-bottom: 0;
	padding-bottom: 0.5em;
	}
	
span.motto
	{
	font-weight: bold;
	}
	
#nav ul li a.current
	{
	background-color: #FFFFFF;
	color: #000000;
	}

h1
	{
	margin: 0.5em 0 0.5em 0;
	font-size: medium;
	}

h2
	{
	clear: left;
	margin: 2em 0 0.5em 0;
	font-size: medium;
	}

h3
	{
	clear: left;
	margin: 0.5em 0 0.5em 0;
	font-size: small;
	}

div.figure
	{
	margin: 2em 0 2em 0;
	padding: 0;
	}

div.figure
	{
	font-style: italic;
	}

div.left
	{
	float: left;
	padding: 0.5em;
	margin-right: 1em;
	clear: left;
	z-index: 9;
	}
	
div.right
	{
	float: right;
	padding: 0.5em;
	margin-left: 1em;
	clear: right;
	z-index: 9;
	}

div.footer p.left
{
	float: left;
	display: inline;
}

div.footer p.right
{
	float: right;
	display: inline;
}

dt
	{
	font-weight: bold;
	margin-top: 0.5em;
	}

dd
	{
	margin-left: 2em;
	}
	
ol
	{
	padding: 0;
	margin: 0 0 0 2em;
	}

div.products
	{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #465D7A;
	border: 1px solid #9DAAB9;
	width: 19em; /* 1em less than right margin of div.container-content-and-footer */
	padding: 0;
	}
	
div.products p
	{
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0 0.5em;
	clear: both;
	position: relative;
	}

div.products a
	{
	text-decoration: none;
	color: #FFFFFF;
	}

div.products p.category
	{
	padding: 0.3em 0.5em 0.3em 0.5em;
	background-color: #9DAAB9;
	font-weight: bold;
	}

div.products a.ibm
	{
	font-size: xx-small;
	position: absolute;
	top: 0;
	right: 0.5em;
	color: #9DAAB9;
	}

p.clear
	{
	clear: both;
	margin: 0;
	}

span.news-date
{
	display: block;
	font-size: small;
	font-weight: normal;
}

/* Non-semantic "container" divisions (for presentation only) */
div.container-banner
	{
		border-top: 10px solid #000000;
		background-color: #000000;
	}

div.container-banner div
	{
		padding: 0 0 10px 0;
		width: 100%;
		background-color: #3C5573;
		text-align: right;
	}
	
div.container-banner span.banner
	{
	background-image: url(../images/angle.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #000000;
	padding: 0 10px 10px 3em;
	}
	
div.container-page
	{
	width: 980px; /* was liquid: 90% */
	margin: auto;
	}
	
div.container-below-logo
	{
	padding-top: 80px;
	}

div.container-below-nav
	{
	clear: both;
	position: relative;
	width: 100%;
	}
	
div.container-content-and-footer
	{
	position: relative;
	margin-right: 20em; /* 1em more than width of div.products */
	zoom: 1; /* IE hack to give division layout */
	}