/* ========== Computer Rehab Stylesheet 2008 ========== */

/* === Main Structure === */

body {
background:  url(../images/body-bg.gif) top left repeat;}

#pages {
width: 984px;
padding: 0;
margin: 0 auto;
background-color:#FFF;
font: normal 13px/17px Tahoma, Arial, Helvetica, sans-serif; color: #252525;}

#content {
width: 948px;
padding: 0 18px 0 18px;
margin: 0 0 0 0;}

.clear {clear:both;}


/* === Header === */

#header {
background-color: #FFFFFF;
width: 984px;
display:block;
padding: 0;}

#topmenu {
margin: 0;
padding: 0;
background:  url(../images/nav-bg.jpg) top left repeat-x #5c0000;
font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
#topmenu table {
border:none;
border-collapse:collapse;}
.nav {
border-right: solid 1px #5e0000;}



/* === Content Area  === */

#left {
width: 600px;
margin: 0;
padding: 20px 0 0 0 ;
float: left;}

#left p {
font: normal 13px/17px Tahoma, Arial, Helvetica, sans-serif; color: #252525;
margin: 0 0 10px 0;
padding: 0;}

#right {
width:290px;
background-color:#c3b190;
float:right;
margin: 18px 0 12px 0;
padding: 18px 20px 6px 20px;}

#right p {
font: normal 13px/17px Tahoma, Arial, Helvetica, sans-serif; color: #363128;
margin: 0 0 10px 0;
padding: 0;}

#productimages {
width: 948px;
border-top: solid 1px #d9d9d9;
margin: 5px 0 0 18px;
padding: 12px 0 18px 0;}

#footer {
background-color:#363128;
width: 928px;
font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF;
margin: 12px 0 0 0;
padding: 10px;}

.footerimage {
margin: 0 4px 0 0;}



/* === Link Styles === */

#topmenu a {
text-decoration:none;
color:#e2e2e2;}
#topmenu a:hover {
text-decoration:underline;
color:#FFFFFF;}
#header a, #header a:hover{
border: none;}
#left a {
color:#990000;
text-decoration:underline;
font-weight:bold;}
#left a:hover {
color:#005c02;
text-decoration:underline;
font-weight:bold;}
#right a {
color:#990000;
text-decoration:underline;
font-weight:bold;}
#right a:hover {
color:#005c02;
text-decoration:underline;
font-weight:bold;}
#footer a {
font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#c3b190;}
#footer a:hover {
font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#f6e9b8;}
a img {border: none;}
.bannerhover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;}
.bannerhover:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}


/* === Headings and Text Styles === */

h1, h2{
font: normal 22px/20px "Arial Narrow", Arial, Helvetica, sans-serif; color: #640000;
margin: 0 0 12px 0;
padding: 0;}
h3 {
font: bold 12px/15px Arial, Helvetica, sans-serif; color: #101010;
margin: 0 0 12px 0;
padding: 0;}