* { 
		font-family: non-serif, Helvetica, Verdana;
}

body>p {
		margin: .7em 1em .7em 6em;
}

body>ul,body>ol {
		margin: .7em 1em .7em 6em;
}

div.ad_blurb {
		text-align: center;
}

.contents_list {
		margin: .7em 1em .7em 6em;
}


.subhead {
		font-family: Impact, Verdana, sans-serif;
		font-size: medium;
		font-weight: normal;
	border: thin solid navy;
}

H1, H2, H3, H4 {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	color: #AB5000;
	background: transparent;
}

H1 {
		text-align: left;
		margin: 0em 2em 0.75em 0em;
		font-size: 160%;
}

H2 {
	text-align: left;
	margin: 1em 10em 0em 3em;
	font-size: 120%;
	color: rgb(170,150,80);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(170,150,80);
}

H3 {
	margin: 1em 10em 0em 3em;
	text-align: left;
}

H4 {
	margin: 1em 10em 0em 6em;
		text-align: left;
}


li { font-family: non-serif, Helvetica, Verdana;
		font-size: small;
}

pre { border-color: red;
}

.CourseNav { background-color: rgb(128, 255, 128);
color: black;
			 font-family: non-serif, Helvetica, Verdana;
			 font-size: medium;
			 font-weight: bold;
}

.Note { 
	border: 1px solid rgb(204, 204, 204);
	margin: 0em 10em 0em 10em;
	padding: .25em 5em .25em 5em;
	background-color: rgb(204, 204, 255);
	color: black;
	font-size: 80%;
}

.note { 
	border-style: solid;
	border-color: #00030B;
	border-width: 1px;
	background-color: rgb(204, 204, 255);
	color: black;
	font-size: 90%;
	margin: 0em 10em 0em 10em;
	padding: .25em 5em .25em 5em;
}


.question { 
	border-style: solid;
	border-color: #00030B;
	border-width: 1px;
	background-color: #C4CFF9;
	color: black;
	font-size: 90%;
	margin: 0em 10em 0em 10em;
	padding: .25em 5em .25em 5em;
}

.warning {
	border-style: solid;
	border-color: #8A6E58;
	border-width: 1px;
	background-color: #F7EDB6;
	color: black;
	font-size: 90%;
	margin: 0em 10em 0em 10em;
	padding: .25em 2em .25em 2em;
}

#link_catalog {
	border-style: solid;
	border-color: #8A6E58;
	border-width: 1px;
	background-color: #F7EDB6;
	color: black;
	font-size: 100%;
	margin: 0em 10em 0em 0em;
	padding: .25em 2em .25em 1em;
	position: absolute;
	left: 75%;
	right: 1em;
	width: 12em;
	top: 10%;
}

:link.expando, :visited.expando, :active.expando {
		text-decoration: none; 
		color: black !important;
}

#link_catalog li {
 list-style: url("icons/bullet_blue.png") inside square;
}

#link_catalog li[internal] {
 list-style: url("icons/bullet_orange.png") inside square ;
}

#link_catalog_expander {
	color: black;
	font-size: 80%;
}

#link_catalog_expander:before {
	  content: url("icons/bullet_toggle_plus.png");
}

#link_catalog_expander[expanded]:before {
	  content: url("icons/bullet_toggle_minus.png");
}

.error { 
		border-style: solid;
		border-color: red;
		border-width: 1px;
		background-color: #F8D5D5;
		margin-left: 10%;
		margin-right: 10%;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
}


.Copyright { border: 1px solid rgb(204, 204, 204);
padding: 2px 20% 2px 0px;
				 background-color: rgb(204, 204, 255);
color: black;
			 font-size: x-small;
			 margin-left: 10%;
			 margin-right: 10%;
}

.TableOfContents {
border: 1px solid black;
				background-color: lightyellow;
				padding-left: 5ex;
				padding-right: 5ex;
				margin-right: 25%;
				margin-left: 25%;
}

.sourcecode {
		font-family: Monaco, lucida console, courier, monospace, fixed;
		font-size: 90%;
}

.screenshot {
		text-align: center;
}

.ruby_file {
		font-family: Monaco, lucida console, courier, monospace, fixed;
		font-size: 90%;
}

strong.ruby_file:before {
		content: url("icons/page_white_ruby.png");
}

.warning_title:before {
		content: url("icons/dialog-warning.png");
}

.error_title:before {
		content: url("icons/dialog-error.png");
}

.note_title:before {
		content: url("icons/dialog-information.png");
}

.important_title:before {
	content: url("icons/emblem-important.png");
}

.question_title:before {
	content: url("icons/help_browser.png");
}

.firefox_specific:before {
	content: url("icons/browser_firefox.png");
}

.ie_specific:before {
	content: url("icons/browser_internetexplorer.png");
}

pre.sourcecode {
		border-style: solid;
		border-color: red;
		border-width: 1px;
		background-color: #F8D5D5;
		background-color: #F7EDB6;
		margin: 0em 10em 0em 10em;
		padding: .25em 5em .25em 1em;
}


a img { border: 0px; }

:link, :visited, :active, :hover {
		text-decoration: none;
}

a:hover {
color: green;
			 background-color: #FFFFAF;
}

body>table {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  background-color: #FFFFEE;
	min-width: 60%;
	margin: .7em 1em .7em 10em;
	font-size: 80%;
}

body>table thead {
  color: maroon;
}

body>table tbody {
  color: black;
}