/* Generic CSS Document for ICON Newsletter */

/* Generic */
html, body {font: 12px Arial, Helvetica, sans-serif; margin:0; padding:0;}
body {background:url(/icon-files/images/newsletter/bg_gradient.gif) repeat-x #E1E1E1;}
h1,h2,h3,h4,h5,h6 {color:#01857A; margin:5px 0 0 0; padding:0 30px 0 0;}
h1 {margin: 25px 0 0 30px;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {margin:0; padding:0;}
p {color: #666; font-size: 1.0em; line-height: 1.6em;}
ul { padding:10px 25px 5px 0; margin:0; color:#666;}
li { list-style:none; padding:9px 0 5px 15px; margin:0; background: url(/icon-files/images/newsletter/bullet.png) no-repeat 0px 14px; font-size:0.9em;}


/* Layout */
#wrapper {margin: 0 auto; width:968px;}
#bg-bottom {background:url(/icon-files/images/newsletter/bg_bottom.png) no-repeat; height:11px; width:968px; float:left;}
#torso {margin-top:-10px; background:url(/icon-files/images/newsletter/bg_long.png) no-repeat; width:968px; float: left;clear:both;}
#torso li {font-size:1.0em; line-height:16px;}
#right-panel .body p {padding-top:0;margin-top:0;}

/* Header */
#header {float: left; height: 100px;}
#logo {float:left; width:100px; height:50px; margin:-30px 0 0 830px;}
* html #logo {float:left; width:100px; height:50px; margin:-30px 0 0 410px;}

/* Top Navigation */
#top-nav {z-index:1;height:31px;float:left;width:968px;margin: 0 0 0 2px;position:relative;clear:both;}
#top-nav ul, #top-nav li {list-type:none; background:none; padding:0; margin:0; float:left;}
#top-nav ul {margin-left:2px;}
* html #top-nav ul {margin-left:0px;}
#top-nav a {background:url(/icon-files/images/newsletter/tab_green_right.gif) no-repeat top right; position:relative; display:inline; color:#fff; font-weight:bold; text-decoration:none; padding: 5px 19px 10px 19px;height:16px; font-size:130%; margin-right:2px;}
#top-nav span {background:url(/icon-files/images/newsletter/tab_green_left.gif) no-repeat top left; position:absolute; width:7px; height:31px; top:0; left:0;}
#top-nav .link1 {margin-left:2px; padding: 5px 21px 10px 26px;}

/* Side Navigation */
#side-nav {float:left; width:270px;margin:0;}
#side-nav a {position:relative; display:block; text-decoration:none; padding: 5px 15px 10px 14px; height:12px; text-align:right; border-bottom:1px solid #fff;}
#side-nav a:hover { background-color:#66b5af; color:#fff;}
#side-nav ul, #side-nav li{list-style:none;padding:0; margin:0;background:none;}
.nav-on {background-color:#66b5af; color:#fff;}
.first {border-top:1px solid #fff;}
.first-on { background-color:#66b5af; border-top:1px solid #fff; color:#fff;}
.grey-top { background:url(/icon-files/images/newsletter/grey_top.png) no-repeat top left; height:8px;}
.grey-bg { margin-top:10px; padding-bottom:10px;float:left; width: 270px; background:#EBE9E9 url(/icon-files/images/newsletter/grey_bottom.png) no-repeat bottom left;}


#cust-nav a:hover { background-color:#4d4291;}
#cust-nav side-nav span {position:absolute; width:7px; height:31px; top:0; left:0;}
#cust-nav .nav-on {background-color:#4d4291; color:#fff; }

/* Links */
a { color:#008579; text-decoration:none; font-weight:bold;}


/* Panels */
#panel-holder {padding:0 0 0 14px; float: left; margin: 0 0 0 5px; width: 960px;}
#left-panel {float: left;width: 640px; padding-right:20px;}
#right-panel { float:left; width:270px; padding-right: 25px;}
#right-panel h2 {font-size:100%;margin:0; padding:0;}

#quote {float:right; width: 250px; margin:10px 40px 10px 10px; padding:20px;}
* html #quote {margin:10px 0 10px 10px;}

/* Images */
#left-panel img {float:right;margin: 10px 0 10px 15px;}


/* Classes */
.green-line {background-color: #66b5af; height:3px; float:left; width:950px;}
.date {	border-bottom:3px solid #66b5af;text-align: right; padding:0 0 5px 0; margin:20px 10px 0 20px;width:930px; float:left;color: #666; font-size: 11px;}
* html .date {margin:20px 10px 0 10px;width:930px; float:left;}
.panel-single { margin-top:10px; padding-bottom:10px;float:left; width: 270px; position:relative; }

.small-caps {text-transform: uppercase; font-size: 10px; color:#666; }
* html .small-caps {padding-top:10px; }
#right-panel .small-caps {padding:0; margin:0; }
.small-caps-white {font-size: 10px; color:#fff; padding-left:5px; font-weight:bold;}

.purple-top { background:url(/icon-files/images/newsletter/purple_top.gif) no-repeat top left; height:8px;}
.purple-bg { margin-top:10px; padding-bottom:10px;float: left; width: 270px; background:#4d4291 url(/icon-files/images/newsletter/purple_bottom.gif) no-repeat bottom left;}
.panel-txt {clear:both;float:left; padding:5px; width:260px;}
.quote {font-size: 14px; color:#fff; padding:0 10px 0 5px;}

.dividor {margin: 5px 0 5px 0;float: left;width: 100%;}
* html .dividor {margin: -20px 0 5px 0;}
* + html .dividor {margin: -20px 0 5px 0;}
#right-panel .dividor {margin: 0 0 5px 0; width: 270px; }
* html #right-panel .dividor {margin: -15px 0 5px 0;}
* + html #right-panel .dividor {margin: -15px 0 5px 0;}
.turquoise-line {border-bottom:3px solid #6cd1d9;margin: 10px 0 5px 0;float: left;width: 640px;}
.icon-green { color:#66b5af;}
.icon-purple {color:#4d4291;}

/* Footer */
#footer {float: left;width: 100%; padding-left:25px;}
