body {
	background-color: #F5F5F5;
	text-align: center; /* needed b/c IE doesn't understand "auto" */
}
div.body {
	margin-left: auto;
    margin-right: auto;
    text-align: left; /* overrule inheritance - used b/c IE doesn't understand "auto" */
	width: 780;
	min-height: 600;
	font-family: arial;
}
div {
        border-style: dashed;
        border-width: 0;        /* sets border width on all sides */
        border-color: lime;
}
/* #####################################  HEADER */
div.topContent {
	background-color: #993333;
	height: 110;
	border-style: solid;
	border-width: 1;
	border-color: black;
}
div.logoimage {
	width: 210;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	background-color: black;
	float: left;
}
div.logoimage img {
	position: relative;
}
div.headertext {
	color: white;
	text-align: center;
	font-family: arial;
	padding-top: 5;

	border-style: solid; /* needed so IE doesn't mess up */
	border-width: 1;
	border-color: #993333;
}
div.headertext h1 {
	font-size: 18pt;
	margin-top: .67em;
	margin-bottom: .13em;
	margin-left: .67em;
	margin-right: .67em;
}
div.headertext h2 {
	font-size: 18pt;
	margin-top: .15em;
}

/*   #####################################  LOWER CONTENT: side content and main */
div.lowerContent {
	padding: 5;
	padding-left: 0;
}

/*   #####################################  SIDE CONTENT */

div.sideContent {
	/*position: fixed;*/
	font-family: arial;
	font-size: 10pt;
	width: 200;
	margin-top: 20;
	margin-left: 0;
	background-color: beige;
	
	border-style: solid;
	border-width: 1;
	border-color: darkred;
	padding: 5;
	padding-bottom: 50;
	float: left;
}
h2.sidebarTitle {
	font-size: 12pt;
}

div.sideContent label {
	font-size: 10pt;
}

/*   #####################################  MAIN CONTENT */

div.main {
	/* display: inline; */
	
	width: 530;
	max-width: 530;
	float: right;
	/* padding-left: 20;
	padding-right: 10; */
	margin-top: 20;
	margin-bottom: 20;
	
   		background-color: white; 
   		border-style: solid;
        border-width: 1;
        border-color: gray;
}
div.chaptername {
	padding-left: 20;
    
}
h1.chaptername {
	font-size: 18pt;
}
div.side_margins {
	margin-left: 20;
	margin-right: 10;
	margin-bottom: 20;
}
/*   #####################################  RULE BOX */
div.ruleBox {
	
	margin-right: 5;
	margin-bottom: 20;
	width: 530;
	max-width: 500;
	
	padding-left: 20;
	padding-right: 10;
	padding-top: 10;
	padding-bottom: 10;
	
	
    /*border-style: dashed;
    border-width: 1;
    border-color: black;*/
    background-color: white;
}
div.ruleBox div.heading {
	width: 460;
	color: black;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 10;
	/*
	padding-left: 10;
    border-style: solid;
    border-width: 1;
    border-color: gray;
	background-color: #F5F5F5;
	*/
}

div.ruleBox div.heading span.rule_id {
	margin-left: 230;
	color: gray;
	font-weight: normal;
	font-size: 12pt;
}
div.ruleBox div.title
{
	font-family: arial;
	font-size: 10pt;
}
div.ruleBox div.content
{
	padding-left: 10;
	padding-bottom: 10;
	font-family: arial;
	font-size: 10pt;
}

div.example {
    margin-top: 5;
    margin-bottom: 5;
}
div.example_image {
	padding-left: 40;
	margin-bottom: 10;
}
div.example table.mathSpeak {
	width: 460;
}
div.example table.mathSpeak td {
	margin: 0;
}
span.mathspeak_reserved-word {
}
div.example span.example_id {
	margin-left: 230;
	color: gray;
	font-weight: normal;
	font-size: 12pt;
}
div.example div.example_note {
	padding: 10;
	font-family: arial;
	font-size: 10pt;
}


/*   #####################################  NO RULE PAGE */

div.norulepage {
	margin: 10;
}
/*   #####################################  FEEDBACK FORM */
form.feedback {
	margin-top: 20;
}
div.field {
	padding-bottom: 5;
}
div.field textarea {
	margin-left: 10;
}

/*   #####################################  NEXT PREVIOUS CHAPTER LINKS */
div.next_previous_chapter_links {
	color: white;
	font-family: arial;
	padding-top: 5;
	padding-bottom: 5;
	min-height: 20;
}
div.previous_chapter_link {
	width: 50%;
    text-align: center;
	float: left;
}

div.next_chapter_link {
    text-align: center;
}


div.next_previous_chapter_links a {
}