/*
4E2F91 - logo purple

2D3489 - Reading Recovery logo color (closest relative to PMS 661)
*/
body {
   border: 0;
   margin: 0 10px 10px 10px;
   background: transparent url(/images/bg.gif) repeat-x scroll 0 0;
}

html,body,table,tr,td,div,p,ul,ol,li,input,select,option,textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #333333;
}

a:link,a:visited {
   text-decoration: none;
   color: #4E2F91;
}

a:hover {
   text-decoration: underline;
}

a.link {
   color: #4E2F91;
   font-weight: bold;
   text-decoration: underline;
}

.maintable td.leftcolumn {
   width: 150px;
   text-align: center;
   vertical-align: top;
   padding: 0;
   background-image: url("/images/left-bg.gif");
   background-repeat: no-repeat;
   background-color: #4e2f91;
}

.maintable td.middlecolumn {
   width: 710px;
   text-align: left;
   vertical-align: top;
   padding: 0;
}

.innertable {
   width: 100%;
   border-right: 1px solid #4E2F91;
}

.innertable td.header {
   padding: 0;
}

.innertable td.content {
   padding: 15px;
   height: 400px;
   vertical-align: top;
}

.innertable td.footer {
   font-size: 10px;
   padding: 5px;
   text-align: center;
   color: #4E2F91;
   border-top: 1px solid #4e2f91;
   border-bottom: 1px solid #4e2f91;
}

div#header {
   position: relative;
   float: left;
   width: 860px;
}

div#header div.links {
   position: absolute;
   bottom: 0px;
   right: 0px;
   margin-right: 10px;
}

div#header div.links div.cart {
   padding: 2px 10px;
   float: right;
   margin-right: 5px;
   font-size: 85%;
}

div#header div.links div.login {
   float: right;
   border-top: 1px solid;
   border-left: 1px solid;
   border-right: 1px solid;
   padding: 2px 10px;
   background-color: #e6dcf2;
}

div#logo {
   float: left;
}

#nav {
   border-top: 1px solid #4e2f91;
   border-bottom: 1px solid #4e2f91;
   height: 20px;
   background-color: #ae9cd6;
}

#nav a {
   font-weight: bold;
}

#nav div {
   display: block;
   float: left;
   padding: 0 10px;
   height: 20px;
}

#nav div.on {
   background-color: #e6dcf2;
   border-bottom: 1px solid #e6dcf2;
}

#nav div.pipe {
   padding: 0;
   width: 1px;
   background-color: #4e2f91;
}

#subnav {
   height: 25px;
   background-color: #e6dcf2;
   border-bottom: 1px solid #4e2f91;
}

#subnav div {
   float: left;
   padding: 5px 10px;
   color: #4E2F91;
}

.navimage {
   border: 0;
   vertical-align: middle;
}

.inlineImage {
   float: left;
   padding: 1px;
}

.inlineImageRight {
   float: right;
   margin: 2px 10px 2px 2px;
   border: 1px solid #4E2F91;
}

.inlineImageSingleRow {
   float: left;
   padding: 1px 10px 1px 1px;
}

h1 {
   font-size: 18px;
   color: #4E2F91;
}

h2 {
   font-size: 16px;
   color: #4E2F91;
}

h3 {
   font-size: 14px;
   color: #4E2F91;
}

.readingRecoveryText {
   color: #2D3489;
}

.headingmid {
   font-size: 16px;
   font-weight: normal;
}

.headingbig {
   font-size: 20px;
   font-weight: normal;
}

.headingbigger {
   font-size: 24px;
   font-weight: normal;
}

.sponsorarea {
   border: 1px solid #4e2f91;
   width: 80%;
   padding: 10px;
}

table.sponsors {
   padding: 0;
   width: 100%;
}

table.sponsors td.leftcol {
   text-align: center;
}

table.sponsors td.rightcol {
   text-align: center;
}

/* ========== FORMS ========== */
td.label {
   padding: 2px;
   font-weight: bold;
   background-color: #E6DCF2;
}

td.buttons {
   padding-top: 10px;
   text-align: right;
}

table.login {
   background-color: #F8F8F8;
   border: 1px solid;
   margin: auto;
   padding: 10px;
}

table.login td.label {
   font-weight: bold;
   text-align: right;
}

table.productform {
   width: 100%;
   padding: 0;
   padding: 0;
}

table.productform td {
   padding: 10px;
}

table.productform td.product {
   font-size: 16px;
   color: #4E2F91;
   padding: 0;
}

table.productform td.item {
   background-color: #E6DCF2;
}

table.productform td.label {
   background-color: #E6DCF2;
   font-weight: bold;
}

table.checkoutform {
   width: 100%;
   border-collapse: collapse;
   margin-top: 20px;
}

table.checkoutform td {
   padding: 2px 5px;
}

table.checkoutform td.item {
   padding: 2px 5px;
   border: 1px solid;
}

table.checkoutform td.header {
   background-color: #E6DCF2;
   border: 1px solid;
   font-weight: bold;
   padding: 2px 5px;
}

/* ========== END FORMS ========== */
a.learnmore {
   font-size: 10px;
}

div.breadcrumb {
   font-size: 10px;
   text-decoration: none;
}

.error {
   font-size: 10pt;
   font-weight: bold;
   color: #BE0707;
}

.note {
   font-size: smaller;
   font-style: italic;
}