.head_bar h4 {color: #97C083 }
.slogan {color: #97C083 }
.head_bar  { background-image: url("/img/header-bar-green.gif") }
.bot_cell  { background-image: url("/img/footer-bar-green.gif") }
.btn_bx a  { background-image: url("/img/star-green.gif") }

.mx_tl a, .mx_tr a, 
.mx_ml a, .mx_mr a, 
.mx_bl a, .mx_br a 
{ color: #999; display: block; width: 219px; height: 148px}
.mx_ml a, .mx_mr a {height: 153px}

.mx_tl a, .mx_ml a, .mx_bl a { float:left;}
.mx_tr a, .mx_mr a, .mx_br a { text-align: right; float:right;}
.mx_tl b, .mx_ml b, .mx_bl b, .mx_tr b, .mx_mr b, .mx_br b { color: #666; font-size: 14px; font-weight: normal; line-height: 2}

.mx_tl a { background-image: url("../img/matrix-grey/top-left-arr.gif")}
.mx_tr a { background-image: url("../img/matrix-grey/top-right-arr.gif")}
.mx_ml a { background-image: url("../img/matrix-grey/mid-left-arr.gif")}
.mx_mr a { background-image: url("../img/matrix-grey/mid-right-arr.gif")}
.mx_bl a { background-image: url("../img/matrix-grey/bot-left-arr.gif")}
.mx_br a { background-image: url("../img/matrix-grey/bot-right-arr.gif")}

/*
.mx_tl a:hover { background-image: url("../img/matrix-grey/top-left-arr-h.gif")}
.mx_tr a:hover { background-image: url("../img/matrix-grey/top-right-arr-h.gif")}
.mx_ml a:hover { background-image: url("../img/matrix-grey/mid-left-arr-h.gif")}
.mx_mr a:hover { background-image: url("../img/matrix-grey/mid-right-arr-h.gif")}
.mx_bl a:hover { background-image: url("../img/matrix-grey/bot-left-arr-h.gif")}
.mx_br a:hover { background-image: url("../img/matrix-grey/bot-right-arr-h.gif")}
*/



.back_L1   { background-image: url("/img/panels/mid.gif"); background-repeat: repeat-y; }
.back_L2   { background-image: url("/img/panels/top.gif"); background-repeat: no-repeat }
.back_L3   { background-image: url("/img/panels/bot.gif"); background-repeat: no-repeat; height: 51px }

.back_S1  { color: #c3c3c3; background-image: url("/img/silver-panels/mid.gif"); background-repeat: repeat-y}
.back_S2  { background-image: url("/img/silver-panels/top.gif"); background-repeat: no-repeat }
.back_S3  { background-image: url("/img/silver-panels/bot.gif"); background-repeat: no-repeat; height: 8px }

.back_S1 h3     { color: white }
.back_L1, .back_L2, .back_L3, .back_S1, .back_S2, .back_S3 {display:inline; float:left; width: 620px }

.back2_S1   { color: #999; background-image: url("/img/pale-panels/mid.gif"); background-repeat: repeat-y }
.back2_S2  { background-image: url("/img/pale-panels/top.gif"); background-repeat: no-repeat }
.back2_S3  { background-image: url("/img/pale-panels/bot.gif"); background-repeat: no-repeat; height: 8px }

.back2_S1 h4    { color: #2E7D06; font-size: 14px; margin-bottom: 5px }
.back2_S1 h3    { color: #2E7D06; margin-bottom: 5px }
.back2_L1, .back2_L2, .back2_L3, .back2_S1, .back2_S2, .back2_S3 {display:inline; float:left; width: 620px }




.grid     { line-height:1.5;background-color: #f3f2f2; background-image: url("../img/grad.gif"); background-repeat: repeat-x; background-position: 0 top; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; width: 205px; height: 180px; float: left; border: solid 1px #999 }
.grid_pad {padding:10px}
.grid a {height:180px;width:100%;display:block}
.grid a:hover  { background: #fafafa }
.grid b {font-size: 15px; font-weight: bold;}