body 
{ 
	margin: 16px;
	color: #000;
	font-family: tahoma, verdana, sans, arial, helvetica, sans-serif;
	background: #F0F9FF;
	max-width: 120ex;
} 
div.smalllogo 
{ 
	position: fixed; 
	background: #ffffdd;
	text-align: center;
	color: inherit;
	left: 5ex;
	width: 12ex;
	border: black 1px solid;
	top: 1.4ex;
} 
div.menu {
	-moz-border-radius: 10px;
	background: #fff;
	color: inherit;
	left: 2ex;
	padding-bottom: 0.5ex;
	width: 18ex;
	border: black 2px solid;
	position: fixed;
	top: 9.6ex;
}
@media screen 
{ 
  div.smalllogo 
  { 
    position: fixed; 
  } 
	div.menu
  { 
  	position: fixed; 
  } 
	/* Don't do this at home */ 
	* html 
  { 
	  overflow-y: hidden; 
  } 
	* html body 
  { 
	  overflow-y: auto; 
	  height: 100%; 
	  font-size: 100%; 
		max-width: 120ex;
		margin: 16px;
		color: #000;
		font-family: tahoma, verdana, sans, arial, helvetica, sans-serif;
		background: #F0F9FF;
  } 
	* html div.smalllogo 
  { 
	  position: absolute; 
  } 
	* html div.menu
  { 
	  position: absolute; 
  } 
	/* All done. */ 
} 

.topimg {
	background: #ffffdd;
	max-width: 80ex;
	min-width: 50ex;
	text-align: center;
	align: center;
	border: 1px solid #000000;
	width: 500px;
	padding: 8px;
}

img {
 border-width: 0;
 vertical-align: bottom;
}
.spacer1 {
	background: #449;
	color: inherit;
	margin-left: 24ex;
	margin-right: 2ex;
	margin-top: -1px;
	height: 1ex;
	border-color: #000;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

div.box {
	background: #ffffff;
	border-width: 0px 1px 0px 1px;
	border-color: #000;
	border-style: solid;
	margin-left: 24ex;
	max-width: 120ex;
	padding: 0.5ex 2ex 2.5ex;
	margin-right: 2ex;
}

div.box2 {
	margin-left: 24ex;
	margin-right: 2ex;
	max-width: 120ex;
	padding: 0.5ex 2ex 2.5ex;
}

.menu .nav a:link, .menu .nav a:visited {
	padding-right: 5px;
	display: block;
	padding-left: 5px;
	font-size: 80%;
	text-align: left;
	text-decoration: none;
	color: #339;
	background: transparent;
}


.nav {
	margin: 0;
	text-align: center;
}
.nav span {
	display: none
}
.nav div {
	font-weight: bold;
	font-size: 90%;
	background: #7f97b0;
	margin: 1ex 0px 0.5ex;
	color: #fff;
	text-align: center;
	border-style: solid;
	border-color: #000;
	border-width: 1px 0px;
}

.nav span.menuspace {
	display: block;
	border-width: 0;
	height: .4em;
}
.nav a.selected {
	color: #000;
}
.nav dt {
	font-weight: bold;
}
.nav dd {
	margin-left: 0px;
	padding-left: 1ex;
	font-style: italic;
}

.nav dl {
	margin-top: 0px;
	margin-bottom: 0.5ex;
}

.menu .nav a:hover {
	text-decoration: none;
	color: #339;
}

.nav dt a:before {
	content: " ¤ ";
	font-weight: bold;
}
.nav dd a:before {
	content: " » ";
	font-weight: bold;
}

.nav dl.links dd a:before {
	content: "";
}

h2 {
	color: #009;
	font-weight: normal;
	font-style: italic;
	font-size: 120%;
	background: transparent;
}

// Other stuff
.nav div.spacer2 {
	border-top-width: 0;
	font-size: 90%;
	background: #446;
	color: inherit;
	margin: 0ex 0ex 2ex;
	height: 2ex;
}

.copy{
 text-align: center;
 font-size: 60%;
 margin-left: 33ex;
}

.copy,.copy a:link,.copy a:hover, .copy a:visited{
	color: #009;
	background: transparent;
	font-style: normal;
	text-decoration: none;
}


.linkmenu #linkmenu {
	display: block !important;
	font-weight: bold;
}

.main {
	font-size: 90%;
	min-height: 61ex;
	background: #fff;
	color: inherit;
	margin: 0ex 0ex 0ex 22ex;
	border-color: black;
	border-style: solid;
	padding: 1ex 2ex 0ex;
	border-width: 0px 1px 1px 1px;
}

div.logo {
	float: right;
	margin: 15px 0px 0px 10px;
}

div.right {
	float: right;
	margin: 0px 0px 0px 10px;
}

div.center {
	text-align: center;
}


p.justify {
	text-align: justify;
}

div.logo {
	margin-top: -2em;
}

/*div.featurescreenshot:hover p, div.featurescreenshot2:hover p {
	display: block;
}*/
/*
div.extensionicon {
  background: transparent url("images/extensions.png") no-repeat top right;

}

div.faqicon {
  background: transparent url("images/faq.png") no-repeat top right;

}*/

a:link,
a:visited,
a:active {
	color: #833; text-decoration: none;
	background: transparent;

}
a:hover {
 color: #c00;
 background: transparent;
 text-decoration: underline;
}

a.blue {
	color: #00f;
	background: transparent;
	text-decoration: underline;
}

hr {
 border: 0px;
 border-top: 2px solid #ccccff;
 height: 0;
 clear: both;
}

p {
 line-height: 1.3em;
 margin-bottom: 1em;
 margin-top: 0em;
}

/* links in normal paragraphs are hard to discover */
p a, ul.disc a {
	font-weight: bold;
}

p.extrainfo {
	font-size: 90%;
	color: #555;
	background: transparent;
	border-left: 2px solid #eecc99;
	padding-left: 1ex;
}

h3 {
	font-weight: normal;
	font-size: 110%;
	margin-bottom: 0.5em;
	color: #009;
	background: transparent;
	text-align: left;
 
}

.clear {
	clear: both;
}

h4 {
	font-size: 100%;
	margin-bottom: 1ex;
	color: #337;
	background: transparent;
	text-align: left;
}

h5 {
	margin-bottom: 0.25em;
}

div.indent {
	margin-left: 3ex;
}


.checkboxon {
	padding-left: 18px;
	font-weight: bold;
}
.checkboxoff {
	padding-left: 18px;
	font-weight: bold;
}


.radioon {
	padding-left: 18px;
	font-weight: bold;
}
.radiooff {
	padding-left: 18px;
	font-weight: bold;
}




ol {
	margin-left: 0px; 
	padding-left: 25px;
}



ul {
 padding-left: 25px;
 margin-left: 0px;
 list-style-type: none;
 font-size: inherit;
}

ul.disc {
	list-style-type: disc;
}

.strike {
	text-decoration: line-through;
}
div.rightside {
	/* -moz-border-radius: 1ex; /* mozilla only */
	background: #f7f6fb;
	color: inherit;
	float: right;
	padding: 1ex;
	margin-top: 3ex;
	width: 30%;
	border: #9999cc 1px solid;
	font-size: 90%;
}
div.rightside h3 {
 margin-top: 0;
}
div.rightside:first-child p {
 margin-bottom: 0;
 text-align: justify;
}
table {
 background-color: #666699;
 border: gray 0px solid;
 border-spacing: 1px;
 color: inherit;
 margin-bottom: 1em;
}
tr.odd {
 background-color: #FFFfbb;
}
tr.even {
 background-color: #aaFFaa;
}
tr {
 background-color: #fff;
}
td {
 padding-right: 12px;
 padding-left: 6px;
 font-size: 90%;
 vertical-align: top;
 color: #000;
}
th {
 font-weight: bold;
 background-color: #666;
 text-align: left;
 color: #fff;
}

.alert {
	color: #800000;
	margin-left: 24ex;
	margin-right: 8ex;
	max-width: 120ex;
	padding: 0.5ex 2ex 2.5ex;
	font-weight: bold;
	font-size: x-large;
	margin-top: 2ex;

/*	background: transparent;
	font-weight: normal;*/
}


/* for the front page */
div.news {
/*	border-top: 2px #e2e1e6 solid;*/
	/* -moz-border-radius: 0.8ex; /* mozilla only */
	border-left: 0.8ex #e2e1e6 solid;
	border-bottom: 1px #d6d5da solid;
	border-top: 1px #e2e1e6 solid;
	border-right: 1px #d2d1d6 solid;

/*	border-bottom: 2px solid #c7c6cb;*/
	padding-left: 1ex;
	padding-right: 1ex;
	margin-bottom: 1ex;
	margin-top: 2ex;
	padding-top: 0px;
	padding-bottom: 2ex;
	background: #aaFFaa;
	color: inherit;
}

div.news h4 {
	margin-top: 1ex;
}

div.news div.category1, div.news div.category2, div.news div.category3 { 
	font-size: 80%;
	
	margin-top: -1ex;
	padding: 0px 2px 1px 1px;
	border-width: 1px;
	border-style: solid;
}

div.news div.category1 { 
	background: #f8f7fc;
	color: #666699;
	border-color: #eeedf2;
}

div.news div.category2 { 
	background: #fdf7f8;
	color: #996666;
	border-color: #eecccc;
}

div.news p.info {
	float:left;
	border-top: 1px solid #e2e1e6;
	font-size: 80%;
	width: 42ex;
	color: #333366;
	background: transparent;
	margin-top: -1ex;
	padding-top: 0px;
}

div.news p.info a:link, div.news p.info a:visited {
	color: #6633FF;
	background: transparent;
	font-weight: bold;
}
div.news div.category1 a:link{
	color: #3366FF;
	background: transparent;
	font-weight: bold;
}
div.news div.category2 a:link {
	color: #CC9900;
	background: transparent;
	font-weight: bold;
}
div.news div.category1 a:visited {
	color: #666699;
	background: transparent;
	font-weight: bold;
}
div.news div.category2 a:visited {
	color: #996666;
	background: transparent;
	font-weight: bold;
}

/* For menu.html */
div.menublock {
	float: left;
	height: 16em;
}
p.question {
	color: #999999;
	background: transparent;
	margin-bottom: 0px;
}
p.answer {
	color: #0000FF;
	background: transparent;
	margin-left: 20px;
}