body
	{
	background:#ffffff url("background.jpg") repeat-x ;
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:medium;
	font-family: sans-serif;
	}

img
	{
	vertical-align:middle;
	}
#logo
	{
	position:absolute;
	left:15%;
	top:50px;
	width:85%;
	}

	#logo h1
		{
		width:100%;
		}

	#logo img
		{
		margin:0px;
		padding:0px;
		}

	.slogan
		{
		font-size:small;
		margin:-15px 0px 0px 0px;
		padding:0px 0px 0px 190px;
		}

#content
	{
	position:absolute;
	left:0px;
	top:185px;
	width:100%;
	}

	#content .inner
		{
		margin:0px 15%;
		padding:0px;
		}

#internalNavigation
	{
	float:right;
	width:200px;
	text-align:left;
	background:#eeeeee;
	-moz-border-radius:5px;
	font-size:x-small;
	padding:8px;
	}

	#internalNavigation h2
		{
		font-weight:bold;
		color:#666666;
		font-size:small;
		}

	#internalNavigation li
		{
		padding:2px;
		}

h1, h2, h3, h4, h5, h6
	{
	margin:0px;
	padding:0px;
	color:#006600;
	font-weight:normal;
	}

h3
	{
	margin-top:10px;
	}

a
	{
	color:#006600;
	}

	a.external
		{
		padding: 0px 15px 0px 0px;
		background:url("external-link-off.gif") scroll no-repeat right top;
		}

	a.external:hover
		{
		background:url("external-link-on.gif") scroll no-repeat right top;
		}

	a img
		{
		border: none;
		}

.diagram
	{
	background:#aaaa88;
	float:right;
	border: dotted 4px #dddddd;
	-moz-border-radius:15px;
	width:300px;
	margin: 10px 0px 25px 10px;
	color:white;
	font-weight:bold;
	padding:15px;
	}

	.diagram span
		{
		display:block;
		}

	.diagram p
		{
		margin:5px 0px;
		}

#demo
	{
	width:130px;
	height:130px;
	background:#ff0000 url("star.png") scroll;
	clear:both;
	color:white;
	float:right;
	padding:0px;
	margin:0px;
	}

	#demo .inner
		{
		padding:0px 5px;
		margin:25px 0px 0px 0px;
		text-align:center;
		}

	#demo a
		{
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		color:white;
		}

	#demo a:hover
		{
		text-decoration:underline;
		}
	#demo p
		{
		padding:0px;
		margin:0px;
		}

	#demo .small
		{
		font-size:x-small;
		line-height:100%;
		}

#tabs
	{
	position:absolute;
	top:150px;
	left:15%;
	width:70%;
	font-size:small;
	background: url("bg.gif") no-repeat bottom right;
	line-height:normal;
	margin-bottom:20px;
	}

	#tabs ul
		{
		margin:0px;
		padding:0px 20px 0px 0px;
		list-style:none;
		}

	#tabs li
		{
		float:right;
		background:url("left.gif") no-repeat left top;
		margin:0px;
		padding:0px 0px 0px 9px;
		}
	#tabs a
		{
		float:right;
		display:block;
		background:url("right.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		text-decoration:none;
		font-weight:bold;
		color:#776655;
		}
		/* Commented Backslash Hack
		hides rule from IE5-Mac \*/
		#tabs a {float:none;}
		/* End IE5-Mac hack */

	#tabs a:hover
		{
		color:#333333;
		}

	#tabs #current
		{
		background-image:url("left_on.gif");
		}

	#tabs #current a
		{
		background-image:url("right_on.gif");
		color:#333333;
		padding-bottom:5px;
		}


#faq {}
	#faq dt
		{
		font-weight:bold;
		font-size:small;
		}
	#faq dd
		{
		margin-bottom: 10px;
		}

	#faq dd .small
		{
		font-size:smaller;
		margin: 5px 0px 10px 5%;
		}

	#faq dd .small a.external
		{
		padding: 0px 15px 0px 0px;
		background:url("external-link-off.gif") scroll no-repeat right 3px ;
		}

		#faq dd .small a.external:hover
			{
			background:url("external-link-on.gif") scroll no-repeat right 3px ;
			}


	#faq ol
		{
		margin: 10px 0px;
		}
p
	{
	margin-top:0px;
	}

li p
	{
	margin:0px;
	}


a.rss img
	{
	border:solid 2px white;
	}
	a.rss:hover img
		{
		border:solid 2px red;
		}

#credits
	{
	clear:both;
	margin-top:70px;
	margin-bottom: 10px;
	}

.downloadWordProcessors, .downloadWordProcessors p
	{
	font-size:small;
	}

.mailingListBox
	{
	margin-top:50px;
	float:right;
	width:200px;
	}

	.mailingListBox a
		{
		display:block;
		font-size:normal;
		font-weight:bold;
		padding:5px 10px 10px 40px;
		background: #ffffff url("mailing-list.gif") scroll no-repeat 0px 13px;
		border: solid 2px #eeffee;
		-moz-border-radius:10px;
		}

	.mailingListBox a:hover
		{
		background: #eeffee url("mailing-list.gif") scroll no-repeat 0px 13px;
		}

.widgetAndTrafficLight
	{
	white-space: nowrap;
	}

span.small
	{
	font-size:small;
	}

#footer
	{
	background:#666666;
	color:#ffffff;
	width:100%;
	font-size:small;
	text-align:center;
	}

	#footer a
		{
		color:#ccffcc;
		}

	#footer .inner
		{
		padding: 10px 0px 2px 0px;
		}

.screenshotThumbnail img
	{
	border: solid 3px #aaaaaa;
	margin:10px 20px 20px 50px;
	}

.screenshotThumbnail:hover img
	{
	border: solid 3px black;
	}


#news h3
	{
	margin: 5px 10px 0px 0px;
	border-top: solid 2px #eeeeee;
	padding-top: 5px;
	}