/* CSS Document */

/* body */

#body {background:  url(/images/bg/body.jpg) top left repeat-x #0881cf; clear: left;}
#innerBody {background: url(/images/bg/bodytop.jpg) top left no-repeat; padding: 12px 0 0 8px;  _padding: 6px 0 0 8px;}

/* left column */
#leftCol {width: 751px; float: left; margin-right: 5px;}
#bodyColumns {margin-top: 5px;}
#bodyColumns div {color: white; padding-top: 0px; float: left; width: 187px; background-position: 0 0; background-repeat: no-repeat; margin-right: 1px;}
#bodyColumns div div {padding-top: 0px; float: none; width: auto; background-position: 0 0; background-repeat: no-repeat; margin-right: 0px; margin-bottom: 0px; position: relative;}
#bodyColumns div p {font-size: 75%; margin: 88px auto 0 auto; line-height: 116%; width: 170px;}

/* flyout styles */
.menu ul {display: none; width: 187px; padding-top: 7px; font-size: 75%; padding-bottom: 5px; position: absolute;}
.menu ul li {margin-bottom: 8px; line-height: 100%;}
.menu ul li a {color: white; font-weight: bold; display: block; padding-left: 10px; background-image: none;}

.flyout {padding-left: 33px; padding-top: 8px; display: block; color: white; font-size: 80%; height: 23px; letter-spacing: -1px; font-weight: bold;}
.products ul {background: url(/images/lcol/home/product-bottom.gif) bottom left no-repeat  #f39301; border-top: 1px solid #F6a62d}
.k12 ul {background: url(/images/lcol/home/k12-bottom.gif) bottom left no-repeat  #049be2; border-top: 1px solid #25B3FE}
.solutions ul {background: url(/images/lcol/home/solutions-bottom.gif) bottom left no-repeat  #83ba2b; border-top: 1px solid #a5c66e}
.resources ul{background: url(/images/lcol/home/educators-bottom.gif) bottom left no-repeat  #b960ca; border-top: 1px solid #C578CF}

#bodyColumns .products {background-image: url(/images/lcol/home/col-products.jpg); }
#bodyColumns .k12 {background-image: url(/images/lcol/home/col-k12.jpg)}
#bodyColumns .solutions {background-image: url(/images/lcol/home/col-solutions.jpg) }
#bodyColumns .resources {background-image: url(/images/lcol/home/col-educators.jpg); margin-right: 0;}


/* right column */
#rightCol {width: 192px; float: left; background: url(/images/rcol/quicklinks-top.gif)  top left no-repeat;}

/* quick links */
#quickLinks h2 {padding-left: 25px; padding-top: 8px;height: 24px; font-size: 95%; color: #626262; text-transform: uppercase; letter-spacing: -1px;}
#quickLinks ul {font-size: 75%; margin-top: 0px; padding: 10px 0 12px 0; background: url(/images/rcol/quicklinks-bottom.gif) bottom left no-repeat #dffbff;}
#quickLinks ul li {line-height: 176%}
#quickLinks ul li a {color: #008AD8; font-weight: bold; margin: 0 15px;}

/* highlights  */
#highlights {margin: 5px 0;background: url(/images/rcol/highlights-top.gif) top left no-repeat #ffffb9;}
#highlights h2 {text-transform: uppercase; letter-spacing: -1px; padding-top: 7px; padding-left: 25px;  font-size: 95%; color: #626262; height: 40px;}
#highlights h3 a {color: #ff6b00}
.highlightDivide {background: url(/images/rcol/highlights-dotted.gif) top left no-repeat}
#highlights h3 {font-size: 90%; color: #FF6B00; line-height: 100%; margin-bottom: 3px;}
#highlights p {font-size: 75%; color: #333333; line-height: 118%}
#highlights p a {display: block; color: #008AD8; font-weight: bold; padding-bottom: 15px; padding-top: 2px;}
#innerHighlights {background: url(/images/rcol/highlights-bottom.gif) 100% 100% no-repeat; padding: 0 15px 0 15px ;}

#highlights2 {margin: 5px 0;background: url(/images/promo_highl_bg_full.gif) no-repeat; top left no-repeat #ffffb9;}
#highlights2 h2 {text-transform: uppercase; letter-spacing: -1px; padding-top: 7px; padding-left: 25px;  font-size: 95%; color: #626262; height: 40px;}
#highlights2 h3 a {color: #ff6b00}
#highlights2 h3 {font-size: 90%; color: #FF6B00; line-height: 100%; margin-bottom: 3px;}
#highlights2 p {font-size: 75%; color: #333333; line-height: 118%}
#highlights2 p a {display: block; color: #008AD8; font-weight: bold; padding-bottom: 15px; padding-top: 2px;}

/* inner footer */
#innerFoot {background: url(/images/bg/foot.jpg) bottom left no-repeat; height: 36px; clear: both; padding-top: 30px}