/*CSS rules for expanding menu based on expanding.css described in
 *The Javascript Anthology (2006) by James Edwards and Cameron Adams (Sitepoint: Collingwood, Australia).
 *Original stylesheet can be downloaded from publisher's Web site: http://www.sitepoint.com.
 
 *CSS rules for vertical dropdown menu based on rules described in Son of Suckerfish Dropdowns,"
 *by Patrick Griffiths and Dan Webb (http://www.htmldog.com/articles/suckerfish/dropdowns/).
 */



body {
	background-color: #ffffff;
	padding-bottom: 2em;
	font-size: 100%;
}

#home_logo {
	background-color: #000000;
	height: 5em;
	width: 40em;
	padding: 0 1em 1em;
}

#home_logo h1 {
	color: #ffffff;
	font: bold 1.25em verdana, "trebuchet MS", helvetica, arial, sans-serif;
}

#subtitle {
	color: #6dcff6;
	text-indent: 15em;
	font: 1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
}

#home_logo form, #page_logo form {
	float: right;
}

#home_logo #searchButton, #page_logo #searchButton {
	font: .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #000000;
}

#toplinks {
	color: #6dcff6;
	font: 1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	letter-spacing: .05em;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	position: relative;
	left: 40em;
	bottom: .5em;
	padding: 0;
}

#toplinks a:link, #toplinks a:visited {
	color: #6dcff6;
	padding: 0 .5em;
	
}

#toplinks a:hover {
	color: #ffffff;
}

#toplinks li {
	display: inline;
}

#hometoplinks {
	color: #6dcff6;
	font: 1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	letter-spacing: .05em;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	position: relative;
	left: 25em;
	bottom: .5em;
	padding: 0;
}

#hometoplinks li {
	display: inline;
}

#hometoplinks a:link, #hometoplinks a:visited {
	color: #6dcff6;
	padding: 0 .5em;
}

#hometoplinks a:hover {
	color: #ffffff;
}

#toplink_hilite {
	color: #ffffff;
}

#home_menu {
	background-color: #6dcff6;
	width: 40em;
	height: 31em;
	padding: 0 1em 1em 1em;
	position: relative;
	top: 1.2em;
}

#page_logo {
	background-color: #000000;
	height: 5em;
	width: 55em;
	padding: 0 1em 1em;
	margin: 0;
}

#page_logo h1 {
	color: #ffffff;
	font: bold 1.1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
}

#quote {
	font: .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #ff0000;
}

#cite {
	font: .8em/2.5em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #ff0000;
}

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

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

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

.codeblock {
	background-color: #ebebeb;
	padding: 1em .5em;
	font: .8em "courier new", courier, monospace;
	color: #363636;
	margin-top: 0;
}

.codeBlockTitle {
	text-align: right;
	font: bold .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}	

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

#content .keywordExample {
	font: medium verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	background-color: #ebebeb;
	padding: 1em .5em;
}

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

#bottom {
	width:55em;
	position: relative;
	top: 1.2em;
	margin: 0;
}

#content {
	width: 65%;
	float: left;
	padding: 0;
	overflow: hidden;
}

#content h2 {
	font: bold 1em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}

#content h3 {
	font: bold .9em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}

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

#flame {
	font: italic .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #ff0000;
}

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

#comments h2, #confirm h2, #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:link, .postlink:hover, .postlink:visited {
	color: #0076a3;
	text-align: right;
	font: bold .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	margin: 2em;
	display: block
}

#confirm {
	width: 65%;
	float: left;
	padding: 0;
	overflow: visible;
	border: 1px solid #b0c4de;
}

#confirm p {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin: 2em;
}

.reviewlink:link, .reviewlink:hover, .reviewlink:visited {
	font: bold .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #0076a3;
	margin: 2em;
	display: block;
}

.commentlinks {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin: 2em 0;
	padding: 0;
}

.commentlinks li {
	display: inline;
}

.commentlinks a:link, .commentlinks a:hover, .commentlinks a:visited  {
	color: #0076a3;
	font-weight: bold;
	padding: 0 2em;
}

.userbox {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #0076a3;
	margin: 0 2em 2em;
}

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

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

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

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

.newCommentsForm, .heldCommentsForm {
	padding: 0;
	margin: 0;
}

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

.info {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

.info li {
	display: inline;
	padding-right: .5em;
}

.userinfo {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	left: 2em;
}

.userinfo li {
	display: block;
}

.authorInfo {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	left: 2em;
}

.authorInfo li {
	display: inline;
	padding-right: .5em;
}

#contact {
	width: 65%;
	float: left;
	padding: 0;
	overflow: visible;
	border: 1px solid #b0c4de;
	height: 20em;
}

#contact p {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin-left: 2em;
}

#contact a:link, #contact a:hover, #contact a:visited {
	color: #0076a3;
}

#dropcap {
	font-size: 6em;
	line-height: .9em;
	float: left;
	color: #00bff3;
	letter-spacing: .05em;
}

.caption {
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	display: block;
}

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

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

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

.commentFormControls li {
	display: block;
}

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

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

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


.commentFormControls textarea {
	width: 30em;
	height: 10em;
	color: #363636;
	overflow: auto;
	font: .8em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	margin-bottom: .5em;
}

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

#loginForm {
	border: 1px solid #b0c4de;
	width: 30%;
	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;
}

#rel_units {
	border: 1px solid #7c7c7c;
	padding: 1.5em;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	width: 90%;
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}

#abKeywordList {
	list-style: none;
	margin: 0;
	border: 1px solid #7c7c7c;
	padding: 1em;
	font: bold .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}

#abKeywordList li {
	display: inline;
	padding: .2em;
}

#relKeywordList {
	list-style: none;
	margin: 0;
	border: 1px solid #7c7c7c;
	padding: 1em;
	font: bold .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
	width: 10em;
}

#relKeywordList li {
	display: inline;
	padding: .2em;
}

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

.float_border {
	float: left;
	margin: 1em 1.5em 0 0;
	border: 1px solid #7c7c7c;
}

#pixelcaption {
	position: relative;
	left: 10em;
	top: 5em;
	font: .8em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #363636;
}

#content #construct {
	font: bold 1em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	border: 1px solid #000000;
	background-color: #FFFF00;
	padding: 0 1em;
}

/*Son of Suckerfish vertical dropdown menu*/

#nav, #nav ul {
	padding: 0;
	margin: 0;
	

}

#nav {
	
	position: absolute;
	left: 20em;
	border: 1px solid #6dcff6;
	list-style: none;
	font: bold .95em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
}

#nav ul {
	
	height: auto;
	margin: -3em 1em 0 0;
	padding: 2em 0;
	border: 1px solid #ffffff;
}


#nav a:link, #nav a:visited {
	display: block;
	width: 15em;
	color: #003663;
	background-color: #6dcff6;
	text-decoration: none;
}

#nav a:hover {
	background-color: #6dcff6;
	color: #ffffff;
	text-decoration: underline;
}

#nav li {
	width: 15em;
	display: block;
	background-color: #6dcff6;
	border-bottom: 1px solid #6dcff6;
	padding: 0 0 0 5em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	margin-left: -22em;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/*End of Son of Suckerfish vertical dropdown menu*/

/*Expanding Menu*/

ul.expandmenu, ul.expandmenu li, ul.expandmenu ul {
	background-color: #6dcff6;
	margin: 0;
	list-style-type: none;
}

ul.expandmenu {
	position: relative;
	left: 2em;
	cursor: default;
	width: 30%;
	padding: 1em .5em 1em 1em;
	float: right;
	font-size: .95em;
}

ul.expandmenu li {
	position: relative;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	width: 100%;
	padding: 0;
}

ul.expandmenu ul {
	cursor: default;
	width: 80%;
	position: absolute;
	left: -100em;
	padding: 1em .5em 1em 1em;
	border: 1px solid #ffffff;
	margin-bottom: 1em;
	font-size: 1em;
}

ul.expandmenu ul li {
	width: 100%;
}

/*End of expanding menu*/

#menuHilite, #submenuHilite {
	display: block;
	cursor: pointer;
	cursor: hand;
	background-color:#6dcff6;
	border: 1px solid #6dcff6;
	font: bold .95em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .05em;
}


#show {
	position: static;		
	display: block;
}

.keep {
	position: static;		
	display: block;
}

ul.expandmenu a:link, ul.expandmenu a:visited  {
	display: block;
	cursor: pointer;
	cursor: hand;
	background-color:#6dcff6;
	border: 1px solid #6dcff6;
	font: bold .95em/2em verdana, "trebuchet MS", helvetica, arial, sans-serif;
	color: #003663;
	text-decoration: none;
    	letter-spacing: .05em;
}

ul.expandmenu a:hover, ul.expandmenu a.rollover:link {
    background-color: #6dcff6;
    color: #ffffff;
    text-decoration: underline;
}

/* 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;
}

/*ul {
	list-style-type: square;
	list-style-position: inside;
	font-family: verdana, "trebuchet MS", helvetica, arial, sans-serif;
	font-size: .8em;
	line-height: 2em;
	width: 450px;
}
li {
	margin-bottom: 1.5em;
}*/