/* common */
* {margin: 0; padding: 0; position: relative;}
ul,li {list-style-type: none;}
img {border: none;}
a {color: #006f64;}
a:hover {text-decoration: none;}

/* layout & structure */
body {font-family: Verdana; font-size: 13px; margin-bottom: 12px;}
.container {margin: 12px auto 0 auto; width: 688px; padding: 0 12px 0px 12px; background: url(images/bg_page_w.gif) 12px 10px repeat-y;}
.container table {z-index: 2;}
.home {background: url(images/bg_page.gif) 12px 10px repeat-y;}
p.footernew {position: absolute; bottom: -35px; left: 275px; font: 10px Verdana; color: #555; padding-bottom: 15px;}

.left {width: 175px; padding-bottom: 100px;}
.left img {display: block;}

.middle {width: 326px; margin-left: 6px;}
.right {width: 175px; margin-left: 6px;}

.right_int {width: 507px; margin-left: 6px;}
.right_int h1 {margin: 0; font-size: 15px; font-weight: bold; color: #006F64; padding: 15px 20px 0 20px;}
.right_int p {margin: 0; padding: 10px 20px 0 20px; font-size: 12px; color: #182640; line-height: 17px;}
.right_int p a {color: #006F64;}
.right_int p a:hover {text-decoration: none;}
.right_int ul {padding: 5px 20px 0 20px;}
.right_int img.brands {position: relative; margin: -94px 0 0 -181px; padding: 0; display: block; border-top: 1px solid #A9AAAC;}

.clear {margin: 0; padding: 0; clear: both; font-size: 0; width: 0; height: 0; line-height: 0;}

/* navigation */
.nav {margin: 0; padding: 0; font-size: 12px; border-top: 6px solid #fff; border-bottom: 1px solid #919398; background: #fff; padding-bottom: 6px;}
.nav img {display: block;}
.nav ul {border: 1px solid #616162; border-bottom: none; margin: 0; padding: 0; width: 173px; overflow: hidden;}
.nav li {border-bottom: 1px solid #919398; background: #C1C5CD; margin: 0; padding: 0; width: 173px; text-indent: 14px;}
.nav li a {margin: 0; padding: 8px 0 0 0px; height: 20px; display: block; color: #006F64; text-decoration: none; width: 173px;}
.nav li a:hover {color: #FFF; background: #838E9F;}

/* panel */
.panel {margin: 6px 0 0 0; padding: 0; height: 100%; background: #F2F4F6; border: 1px solid #9A9A9B;}

/* middle */
.interest {margin: 1px 0 0 0; padding: 0; height: 87px; border-bottom: 6px solid #fff; font-size: 1px;}
.interest p {margin: 0; padding: 7px 9px 0 0; float: right; color: #FFF !important; z-index: 100; font-size: 13px;}
.interest img {margin: -24px 0 0 0;}
.main, .main2 {margin: 0; padding: 0px 0 35px 0; border: 1px solid #C6CCD7; background: url(images/wide_bg.gif) no-repeat; font-size: 11px; line-height: 1.25em; color: #182640; min-height: 400px; height:auto !important; height: 400px; border-bottom: none;}
.bg_swipe {background-image: url(images/bg_swipe.gif); border: none; border-bottom: none; margin-top: 0;}

.main .feature {margin: 0; padding: 16px 16px 10px 20px; width: 289px; border-bottom: 1px solid #D1D6DF;  background: none; z-index: 2}
.main .feature img.feature_image {margin: 0 20px 0 0; float: left; border: 6px solid #8B92A1; z-index: 5;}
.main .feature p {margin: 0; padding: 0;}
.main .feature h1 {margin: 3px 0 5px 0; font-size: 15px; font-weight: bold; color: #006F64; line-height: 20px;}
.main .feature h1 a {color: #006f64; text-decoration: none;}
.main .feature h1 a:hover {text-decoration: underline;}
.main ul {padding-left: 40px;}
.main li {list-style: circle; font-size: 12px;}
p.smalltext {font-size: 9px; line-height: 13px;}

.main img {float: right; margin: 0 0 5px 5px;}

span.learn_more {margin: 3px 0 0 0; padding: 0 7px 0 0; width: 62px; clear: both; float: right; position: relative; clear: both; height: 9px; overflow: hidden;}
span.learn_more a {margin: 0; padding: 0; background: url(images/learn-more.gif) 0 0 no-repeat; text-indent: -9999px; display: block; text-decoration: none; outline: none; height: 9px;}
span.learn_more a:hover {background: url(images/learn-more.gif) 0 -9px no-repeat; outline: none;}

/* right */
.statement, .statement2 {height: 87px; font-size: 1px;}
.statement a, .statement2 a {margin: 0; padding: 0; height: 87px; background: url(images/top-right.gif) 0 0 no-repeat; text-indent: -9999px; display: block; text-decoration: none; outline: none; z-index: 20;}
.statement a:hover, .statement2 a:hover {background: url(images/top-right.gif) 0 -87px no-repeat; outline: none;}
.statement img, .statement2 img {margin-top: -87px;}

.calendar {border-top: 6px solid #fff; width: 175px;}
.calendar img {display: block;}
.calendar ul {margin: 0 1px; padding: 0; line-height: 1.0em; width: 173px; border-bottom: 1px solid #ADADAD;}
.calendar li {clear: both; margin: 0; padding: 7px 8px 26px 8px; background: #E7E9EC url(images/right-calendar-events-bg.gif) bottom left no-repeat; color: #303030; font-size: 11px;}
.calendar li.date {margin: 0; padding: 3px 0 3px 8px; background: url(images/right-calendar-date-bg.gif); font-weight: bold; font-size: 11px; color: #182958;}
.calendar strong {color: #006F64; font-weight: bold; text-transform: uppercase;}
.calendar .learn_more {width: 62px; float: right;}
.calendar .learn_more a {margin: 0; padding: 0; background: url(images/learn-more-grey.gif) 0 0 no-repeat; text-indent: -9999px; display: block; text-decoration: none; outline: none; height: 9px;}
.calendar .learn_more a:hover {background: url(images/learn-more-grey.gif) 0 -9px no-repeat; outline: none;}

.message {padding-bottom: 12px;}
.message li p {padding: 6px 10px 0 15px; font-size: 11px;}
.message li p span {color: #006F64; font-weight: bold;}
.message li.date {margin: 0; padding: 3px 0 3px 8px; background: url(images/right-calendar-date-bg.gif); font-weight: bold; font-size: 11px; color: #182958;}
.message li ul {border: none; margin: 10px 0 5px 0;}
.message li ul li {background: none; padding: 3px 12px 0 8px; font-weight: bold; line-height: 14px;}
.message strong {color: #006F64; font-weight: bold; text-transform: uppercase;}
.message .learn_more {width: 62px; float: right;}
.message .learn_more a {margin: 0; padding: 0; background: url(images/learn-more-grey2.gif) 0 0 no-repeat; text-indent: -9999px; display: block; text-decoration: none; outline: none; height: 9px;}
.message .learn_more a:hover {background: url(images/learn-more-grey2.gif) 0 -9px no-repeat; outline: none;}

.announcements {border-top: 6px solid #fff; padding: 0; width: 175px; background: #D4D9E1; float: right;}
.announcements img {display: block;}
.calendar .items {margin: 0 1px; padding: 0px 0 7px 0; background: #E1E4EA; font-size: 1px; border-bottom: 1px solid #7B7D82; width: 173px;}
.calendar .items .item {margin: 7px; margin-bottom: 0; padding: 3px; background: #FFFFFF; border: 1px solid #AFB2B7;}
.calendar .items .item span {font-weight: bold; color: #006F64; font-size: 12px;}
.calendar .items .item p {font-size: 11px; padding: 4px;}

.copyright {margin: 0 auto; text-align: center; width: 688px;}
.copyright p {font-size: 10px; color: #414344; padding-top: 5px;}
.brborder {position: relative; margin: -1px 0 0 0; width: 175px; background: #adadad; height: 1px; font-size: 1px; float: right; display: inline;}

.hack {width: 507px; position: absolute; bottom: 0px; left: 12px; height: 93px; font-size: 1px; z-index: 1;}
.hack_w {width: 688px; position: absolute; bottom: 0px; left: 12px; height: 93px; font-size: 1px; z-index: 1;}