/*CSS rules for menus based on vertical.css and expanding.css described in
 *The Javascript Anthology (2006) by James Edwards and Cameron Adams; and
 *DHTML Utopia (2005) by Stuart Langridge. Both published by Sitepoint
 *(Collingwood, Australia). Original stylesheets can be downloaded from
 *publisher's Web site: http://www.sitepoint.com*/


body {
	background-color: #ffffff;
	padding: 24pt;
	margin: 0;
}

#home_logo {
	display: none;
}

#page_logo {
	display: none;
}

#quote {
	font: 12pt "times new roman", times, serif;
	color: #000000;
}

#cite {
	font: 12pt/30pt "times new roman", times, serif;
	color: #000000;
}

.title, .stress {
	font-style: italic;
}

#content .code {
	font-family: "courier new", courier, monospace;
}

#content .keyword {
	font-weight: bold;
}

.codeblock {
	border: 1pt solid #000000;
	padding: 12pt 6pt;
	font: 10pt "courier new", courier, monospace;
	color: #000000;
	margin-top: 0;
}

.codeBlockTitle {
	text-align: right;
	font: bold 11pt arial, helvetica, geneva, sans-serif;
	color: #000000;
}	

.code_hilite, .keyword, .unitName {
	font-weight: bold;
}

#content .keywordExample {
	font: 14pt "times new roman", times, serif;
	color: #000000;
	border: 1pt solid #000000;
	padding: 12pt;
}

#content .keywordExample em {
	font-size: 16pt;
}

#content {
	padding: 0;
	overflow: visible;
	margin: 12pt 12pt 0;
}

#content h2 {
	font: bold 14pt arial, helvetica, geneva, sans-serif;
	color: #000000;
}

#content h3 {
	font: bold 12pt arial, helvetica, geneva, sans-serif;
	color: #000000;
}

#content p, .userbox p, #contact p {
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
}

#flame {
	font: italic 12pt/24pt "times new roman", times, serif;
	color: #000000;
}

#newComments, #heldComments {
	width: 65%;
	float: left;
	padding: 0;
	border: 1px solid #b0c4de;
}

#comments {
	padding: 0;
}

#comments h2, #confirm h2, #contact h2, #userform h2 {
	margin-top: 0;
	font: bold 14pt arial, helvetica, geneva, sans-serif;
	color: #000000;
}

#newComments h2, #heldComments h2 {
	margin-top: 0;
	background-color: #0076a3;
	font: bold 1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #ffffff;
	padding: 0 0 .5em .5em;
}

.postlink {
	display: none;
}

#confirm {
	padding: 0;
	overflow: visible;
}

#confirm p {
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
	margin: 0;
}

.reviewlink {
	display: none;
}

.commentlinks {
	display: none;
}

.userbox {
	border-width: 0 0 1pt 0;
	border-style: solid;
	border-color: #000000;
	margin: 0;
}

.newCommentsBox, .heldCommentsBox {
	border-bottom: 1px solid #0076a3 ;
	margin: 0;
	padding-left: 2em;
	padding-bottom: 1em;
}

.newCommentsBox p, .heldCommentsBox p {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	width: 100%;
	color: #363636;
}

.newCommentsForm label, .heldCommentsForm label {
	font: bold .85em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #0076a3;
}

.reviewFormRadios  {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.reviewFormRadios label {
	font: bold .85em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #0076a3;
}

.reviewFormRadios li {
	display: block;
}


.reviewFormBtns {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: .5em 0 0 0;
}

.reviewFormBtns li {
	display: inline;
	padding-right: .2em;
}

.reviewFormBtns #btnSubmit, .reviewFormBtns #btnClear {
	font: bold .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #2f4f4f;
}
	

.radioLabel {
	font: .85em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}

.info {
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

.info li {
	display: inline;
	padding-right: 6pt;
}

.userinfo {
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

.userinfo li {
	display: block;
}

.authorInfo {
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	left: 2pt;
}

.authorInfo li {
	display: inline;
	padding-right: 6pt;
}

#contact {
	padding: 0;
	overflow: visible;
}

#contact a {
	color: #000000;
}

.caption {
	font: 12pt/24pt "times new roman", times, serif;
	display: block;
}

#loginForm {
	border: 1px solid #b0c4de;
	width: 40%;
	float: left;
	padding: 0 0 .5em 0;
}

#loginForm h2 {
	margin-top: 0;
	background-color: #0076a3;
	font: bold 1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #ffffff;
	padding: 0 0 .5em .5em;
}

.loginControls {
	list-style-type: none;
	list-style-position: outside;
}

.loginControls li {
	display: block;
}

.loginControls #login {
	width: 12em;
	color: #363636;
	font: .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	margin-bottom: 1em;
}

.loginControls #password {
	width: 12em;
	color: #363636;
	font: .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	margin-bottom: .5em;
}

.loginControls label {
	font: bold .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #0076a3;
}

.loginControls #btnLogin {
	font: bold .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #2f4f4f;
}

.commentFormControls {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.commentFormControls li {
	display: block;
}

.commentFormControls #name {
	width: 20pc;
	color: #000000;
	font: 12pt/24pt "times new roman", times, serif;
	margin-bottom: 24pt;
}

.commentFormControls #spamtest {
	width: 20em;
	color: #363636;
	font: .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	margin-bottom: 2em;
}

.commentFormControls label {
	font: bold 12pt arial, helvetica, geneva, sans-serif;
	color: #000000;
}


.commentFormControls textarea {
	width: 30pc;
	height: 10pc;
	color: #000000;
	overflow: auto;
	font: 12pt "times new roman", times, serif;
	color: #000000;
	margin-bottom: 6pt;
}

.commentFormControls #btnSubmmit {
	font: bold 12pt arial, helvetica, geneva, sans-serif;
	color: #000000;
}

#rel_units {
	border: 1pt solid #000000;
	padding: 18pt;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
}

#abKeywordList {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	border: 1pt solid #000000;
	padding: 12pt;
	font: bold 12pt/24pt "times new roman", times, serif;
	color: #000000;
}

#abKeywordList li {
	display: inline;
	padding: 1pt;
}

#relKeywordList {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	border: 1pt solid #000000;
	padding: 12pt;
	font: bold 12pt/24pt "times new roman", times, serif;
	color: #000000;
	width: 8pc;
}

#relKeywordList li {
	display: inline;
	padding: 1pt;
}

.pixborder {
	border: 1pt solid #7c7c7c;
}

.float_border {
	float: left;
	margin: 12pt 18pt 0 0;
	border: 1pt solid #7c7c7c;
}

#pixelcaption {
	position: relative;
	left: 8pc;
	top: 5pc;
	font: 12pt/24pt "times new roman", times, serif;
	color: #000000;
}

#content #construct {
	font: bold 14pt/28pt arial, helvetica, geneva, sans-serif;
	padding: 0;
}

ul.flymenu {
	font: bold 14pt/28pt arial, helvetica, geneva, sans-serif;
	position: relative;
	left: 20pc;
}

ul.flymenu li {
	text-align: left;
	list-style: none;
	position: relative;
}

ul.flymenu a {
	color: #000000;
	text-decoration: none;
}

ul.flymenu, ul.flymenu li, ul.flymenu a {
	padding: 0;
	margin: 0;
	display: block;
}

#navigation {
	display: none;
}


/* IE5 and IE6 hacks that stabilize appearance of list items. The float applies only to IE 5.5 or later.
Backslash hides the float from IE 5.0*/

@media screen, projection {
    * html ul.expanding li {
        display: inline; 
        f\loat: left; 
     background-color: #6dcff6;
    }
}

#xbox {
	width: 361px;
	border: 1px solid #7c7c7c;
	margin-left: 40px;
}

#em {
	margin-left: 40px;
}

#typeborder{
	border: 1px solid #7c7c7c;
	margin-left: 20px;
}
#msquare_box {
	width: 480px;
}
#msquare_box img {
	margin-left: 40px;
}
#msquare_box p {
	width: 480px;
	line-height: 1.5em;
	position: relative;
	top: -20px;
}
#serif_border{
	border: 1px solid #ff0000;
	margin-left: 40px;
}