/* GENERIC LAYOUT */
body { background: #fff; padding: 0; margin: 0;  }
#wrapper { display: block; clear: both; width: 100%; margin: 0; }
#mastHead, #topMenu, #contentWrapper, #footer { clear: both; display: table; width: 970px; margin: 0 auto; padding: 0; text-align: left; }
#mastHead { height: 118px; background: url(/local/patoss-dyslexia.org/images/header-simple.jpg) no-repeat top right; }
#logo { display: block; width: 175px; height: 118px; }
#topMenu { background: #929fcb; border: #6e7ab6 1px solid; font-size:120%; color: #fff; height: 20px; }
#footer { font-size: 85%; text-align: right; border-top: #6e7ab6 5px solid; margin: 20px auto 40px auto; }
#leftPanel { float: left; width: 200px; height: 600px; }
#mainContent { float: left; width: 559px; }
#rightPanel { clear: none; float: right; width: 190px; margin-left: 10px; border-left: 1px dashed #6e7ab6; }



/* GENERIC LAYOUT */
body { font-family:  sans-serif, verdana, small arial; font-size: 72.5%; text-align: center; /*align center for ie line-height: 15pt; */ color: #0e2d70; }

/* GENERIC TEXT */
/* ANCHORS */
a, a:link, a:visited, a:active { color: #090; text-decoration: underline; }
a:hover { text-decoration: underline; color: #0c0; }

/* THIS IS THE TEXT STORAGE FOR THE RIGHT PANEL */
#rightPanelText { display: none; }
#rightPanel { padding-left: 10px; }
#rightPanel a { font-size: 90%; }

ol#one { counter-reset: item; }
ol#one li { display: block; }
ol#one li:before { content: counter(item) ". "; counter-increment: item; }
ol#three { counter-reset: item 2; }
ol#three li { display: block; }
ol#three li:before { content: counter(item) ". "; counter-increment: item; }
ol#five { counter-reset: item 4; }
ol#five li { display: block; }
ol#five li:before { content: counter(item) ". "; counter-increment: item; }