html body {
	font-family: trebuchet ms, verdana, tahoma, arial;
	font-size: 90%;
	line-height: 1.5em;
	background: #fff;
	color: #555;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

body {background: #fff;}

a:link {
	color: #0000FF;
	text-decoration: none;
	}

a:visited {
	color: #00000ff;
	text-decoration: none;
	}

a:hover {
	color: #0000ff;
	text-decoration: underline;
	}

#container {
	position: relative;
	width: 765px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	padding: 0;
	
    }

#clear {clear: left;}

#clearpurchase {clear: both}

/* logo --------------------------------------------------------------------------------- */

#logo {
    float: left;
    margin-top: 16px;
    }

#logo a:link, #logo a:visited, #logo a:hover {
    border: 0;
    }

/* ----------------| top navigation |------------------------------------------------------- */

#top {
    margin-top: 5px;	
    height: 85px;
    }

#top span {display: none;}

#topnav span {display: none;}

#nav {
    float: right;
    margin-top: 10px;	   
	}

#topnav li {
	font-size: 85%;
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 15px;
	color: #999;
	
	}

#topnav li.dot {	
	background: url(/img/dot_topnav.gif) repeat-y right top;
	}
	
/* ------------------| sub-navigation |--------------------------------------------------- */

#subnavmain ul {
	font-size: 110%;
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;
	background-color: #CD000C;
	color: White;
	float: left;
	width: 100%;
	}

#subnavmain ul li { display: inline; }

#subnavmain ul li a {
	padding: 0.5em 1em;
	background-color: #CD000C;
	color: White;
	text-decoration: none;
	float: left;
	background: url(/img/dot_nav.gif) repeat-y right top;
	}

#subnavmain ul li a:hover {
	background-color: #7A7A7A;
	color: #fff;
	}

#subnavmain ul li a:link#current, #subnavmain ul li a:visited#current, #subnavmain ul li a:hover#current {
    color: #fff;    
    background-color: #7A7A7A;
	
}

/* -----------------| content |------------------------------------------------------- */

#content {
      float: left;
      width: 588px;
      background: url(/img/dot.gif) repeat-y right top;
      padding: 0;
      margin: 0;	    
    }

#textcontent {width: 568px;}

.indent p {margin-left: 22px;}
	
p.back {
	text-align: left;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 1px;
}
	
p.readmore {
	text-align: right;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 1px;
}

p.details {
	text-align: left;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 1px;
}

.errors {
	color: #CD000C;
	font-weight: bold;
}

#buy {float: left}

#buy a img {
	margin-left: 15px;
	margin-top: 7px;
	margin-bottom: 25px
}

#purchasepluses {
	float: right;
	width: 370px
}

/* figures --------------------------------------------------------------------------------- */

.figure {
    font-size: 85%;
    font-weight: bold;
    text-align: center;
    }

/* notes --------------------------------------------------------------------------------- */

.note {
    font-size: 85%;
    }

/* important notes --------------------------------------------------------------------------------- */

.important {
	color: #CD000C;
	font-weight: bold;
}

/* ---------------------| sub-content, right column |----------------- */

#subcontent {
    margin: 0;
    padding: 0;
    width: 160px;
    float: right;
    }

/* -------------------------- footer ----------------------------------- */

#footer {
	position: relative;
	width: 765px;
	font-size: 85%;
	color: #7A7A7A;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 2em;
	padding-top: 3em;
    }


/* --- forms -----------------------------------------------*/

form {margin-top: 0; margin-bottom: 0;}

p.inp {
    font-family: trebuchet ms, tahoma, verdana, arial;
    font-size: 82%;    
    }

form input.text {
    font-size: 82%;
    background: #EAECF0;
    border: 1px solid #DEDEDE;
    border-color: #ccc;
	width: 155px;
    }

form textarea.text {
    background: #EAECF0;
    border: 1px solid #ccc;
    color: #444;
    }
	
.button {
	text-align: center;
	padding: 10px;
}
	
p {
    margin-top: 0px;
    margin-bottom: 0.5em;
    padding: 0px;
    }

#subscribeerrorform {
    width: 160px;
    }

#feedbackform {
    width: 400px;
    }

#downloadform {
    width: 160px;
    }

/* ------ headers ------------------------------------------------------ */

h1 {
    width: 100%;
    font-size: 170%;
    padding: 10px 0 20px 0px;
    margin: 0px;
	background: url(/img/dot_header.gif) repeat-x 0 1.3em;
    }

h3 {
    font-size: 120%;
    margin: 0;
	padding-left: 23px;
	margin-bottom: 0.5em;
	background: url(/img/arrowh.gif) no-repeat 0 0.1em;
    }

.hide {display: none;}

img {border: 0;}

ul {margin: 0px; padding: 0px; margin-bottom: 1em;}

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

.list li {
	line-height: 1em;
	padding: 0px 0px 1em 38px;
	margin-left: 0px;
	list-style: none;
	list-style-position: outside;
	background: url(/img/arrowlist.gif) no-repeat 20px 0.2em;
	}

.pict {margin-bottom: 1em;}

.tag {float: right; background-color: #FFFF56; font-weight: bold;}