@charset "UTF-8";
/* CSS Document */


/* --------------  structure -------------- */

body {
margin: 0;
padding: 0;
background: #c5cae8 url(../images/bkrd.gif) repeat-x;
font: 12px/14px Arial, Helvetica, sans-serif;
color: #4d4d4d;
}

a,
a:link,
a:visited {
color: #727B98;
text-decoration: none;
}

a:hover,
a:active {
color: #859be2;
text-decoration: none;
}

p {
margin: 8px 0;
padding: 0;
}

p.notop {
margin-top: 0;
}

p.rule {
margin-top: 20px;
padding-top: 16px;
border-top: 1px dotted #bdbdbd;
}

#cont {
width: 860px;
margin: 0 auto;
}

#sitemap {
background: transparent url(../images/tab_sitemap.gif) top left no-repeat;
font: 10px/10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
text-align: center;
height: 15px;
margin: -1px 0 15px 782px;
padding: 6px 0 0 0;
width: 85px;
height: 26px;
}

#logo {
float: left;
margin: 0 0 7px 15px;
}

#tagline {
float: right;
margin: 22px 18px 7px 0;
}

ul#navbar {
margin: 33px 0 26px 0;
padding: 0;
list-style: none;
}

ul#navbar li {
display: inline;
font: 10px/10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #666;
padding: 11px 0;
background: transparent url(../images/navbar_sep.gif) top right no-repeat;
padding-right: 1px;
}

ul#navbar li .lowercase {
text-transform: lowercase;
}

ul#navbar li.last {
background-image: none;
padding-right: 0;
}

ul#navbar li a,
ul#navbar li a:link,
ul#navbar li a:visited {
padding: 12px 11px;
margin: 0;
text-decoration: none;
background: transparent url(../images/navbar_bkrd.gif) repeat-x;
color: #666;
}

ul#navbar li a:hover,
ul#navbar li a:active {
text-decoration: none;
background-position: 0 -35px;
color: #656565;
}

ul#navbar li a.first,
ul#navbar li a.first:link,
ul#navbar li a.first:visited {
padding-left: 15px;
text-decoration: none;
background: transparent url(../images/navbar_first_bkrd.gif) no-repeat;
color: #666;
}

ul#navbar li a.first:hover,
ul#navbar li a.first:active {
text-decoration: none;
background-position: 0 -35px;
color: #656565;
}

ul#navbar li.last a.last,
ul#navbar li.last a.last:link,
ul#navbar li.last a.last:visited {
padding: 12px 15px 12px 13px;
margin: 0;
text-decoration: none;
background: transparent url(../images/navbar_last_bkrd.gif) no-repeat;
color: #666;
}

ul#navbar li.last a.last:hover,
ul#navbar li.last a.last:active {
text-decoration: none;
background-position: 0 -35px;
color: #656565;
}

ul#navbar li a.ind,
ul#navbar li a.ind:link,
ul#navbar li a.ind:visited,
ul#navbar li a.ind:hover,
ul#navbar li a.ind:active,
ul#navbar li.last a.ind,
ul#navbar li.last a.ind:link,
ul#navbar li.last a.ind:visited,
ul#navbar li.last a.ind:hover,
ul#navbar li.last a.ind:active {
text-decoration: none;
background-position: 0 -35px;
color: #656565;
}

#flash {
width: 565px;
height: 325px;
}

#footer {
margin: 15px 0 40px 0;
font-size: 11px;
color: #888;
font-size: 9px;
line-height: 11px;
}

#footer small {
font-size: 9px;
font-style: italic;
line-height: 11px;
}

#footer p {
margin: 4px 0 0 0;
padding: 0;
}

#footer .left {
float: left;
width: 250px;
margin-left: 20px;
margin-top: 15px;
}

#footer .right {
float: right;
text-align: left;
width: 550px;
margin-right: 20px;
}

/* ---- home ---- */

#col1_home {
float: left;
width: 565px;
margin-right: 15px;
}

.col1_home_promo {
float: left;
background: transparent url(../images/promo_bkrd_home.gif) no-repeat;
font: 12px/15px Helvetica, Arial, sans-serif;
width: 236px;
height: 94px;
margin: 12px 0 0 0;
padding: 18px 21px 100px 21px;
overflow: hidden;
color: #fff;
}

.col1_home_promo h2 {
color: #d9f7ff;
font: normal normal normal 15px/18px Helvetica, Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0;
margin: 0;
}

.col1_home_promo_left {
margin-right: 9px;
}

#col2_home {
float: left;
width: 268px;
height: 522px;
background: transparent url(../images/col2_home_bkrd.gif);
padding: 7px 6px 20px 6px;
}

#col2_home .col2_h_left {
float: left;
}

#col2_home .col2_h_left a,
#col2_home .col2_h_left a:link,
#col2_home .col2_h_left a:visited {
display: block;
margin: 0 4px 9px 0;
padding: 11px 0 11px 2px;
height: 12px;
width: 79px;
background: #d9d9d9 url(../images/col2_home_h2_left.gif) 0 0 no-repeat;
text-align: center;
font: 12px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #4d4d4d;
}

#col2_home .col2_h_left a:hover,
#col2_home .col2_h_left a:active {
background-position: 0 -35px;
background-color: #ababab;
color: #fff;
}

#col2_home .col2_h_left h2 {
display: block;
margin: 0 4px 0 0;
padding: 11px 0 20px 2px;
height: 12px;
width: 79px;
background: #ababab url(../images/col2_home_h2_left_ind.gif) 0 0 no-repeat;
text-align: center;
font: 12px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}

#col2_home .col2_h_right {
float: right;
}

#col2_home .col2_h_right a,
#col2_home .col2_h_right a:link,
#col2_home .col2_h_right a:visited {
display: block;
margin: 0 0 9px 0;
padding: 11px 2px 11px 0;
height: 12px;
width: 180px;
background: #d9d9d9 url(../images/col2_home_h2_right.gif) right top no-repeat;
text-align: center;
font: 12px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #4d4d4d;
}

#col2_home .col2_h_right a:hover,
#col2_home .col2_h_right a:active {
background-position: right -35px;
background-color: #ababab;
color: #fff;
}

#col2_home .col2_h_right h2 {
display: block;
margin: 0;
padding: 11px 0 20px 2px;
height: 12px;
width: 180px;
background: #ababab url(../images/col2_home_h2_right_ind.gif) 0 0 no-repeat;
text-align: center;
font: 12px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}

#col2_home .col2_home_inside {
font: 12px/16px Arial, Helvetica, sans-serif;
color: #4d4d4d;
margin: 0 17px;
height: 400px;
overflow: hidden;
}

#col2_home .col2_home_inside a,
#col2_home .col2_home_inside a:link,
#col2_home .col2_home_inside a:visited {
font-size: 13px;
line-height: 19px;
color: #7387D2;
font-weight: bold;
}

#col2_home .col2_home_inside a:hover,
#col2_home .col2_home_inside a:active {
color: #526095;
}

#col2_home .col2_home_inside a.small,
#col2_home .col2_home_inside a.small:link,
#col2_home .col2_home_inside a.small:visited {
font-size: 10px;
line-height: 12px;
}

#col2_home .col2_home_inside a.small:hover,
#col2_home .col2_home_inside a.small:active {
color: #526095;
}


/* --------------  inside -------------- */

#col1_inside {
float: left;
width: 150px;
margin-right: 7px;
}

#col2_inside {
float: left;
width: 512px;
margin-right: 7px;
}

#col3_inside {
float: left;
width: 180px;
}

#col1_inside .top {
background: transparent url(../images/inside_col1_h.png) 0 0 no-repeat;
width: 150px;
height: 12px;
}

#col1_inside h1 {
background: #c8c8c8 url(../images/inside_col1_h_bkrd.gif) 0 0 no-repeat;
width: 142px;
padding: 0 4px 7px 4px;
margin: 0;
font: normal normal normal 10px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-transform: uppercase;
border-bottom: 1px solid #9e9e9e;
text-align: center;
}

#col1_inside .content {
background: transparent url(../images/inside_col1_bkrd.png) bottom center no-repeat;
width: 148px;
background-color: #f5f5f5;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
font: 10.5px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#col1_inside .content_bot {
background: transparent url(../images/inside_col1_bot.png) bottom left no-repeat;
width: 150px;
height: 20px;
margin-bottom: 8px;
}

#col2_inside .top {
background: transparent url(../images/inside_col2_top.png) 0 0 no-repeat;
width: 512px;
height: 12px;
}

#col2_inside h1 {
background: transparent url(../images/inside_col2_h1_arrow.gif) 15px 2px no-repeat;
width: 447px;
margin: 0;
padding: 3px 27px 5px 36px;
font-weight: normal;
font-style: italic;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
border-left: 1px solid #c8c6c6;
border-right: 1px solid #c8c6c6;
background-color: #fff;
color: #7387d2;
}

#col2_inside .sep {
background: transparent url(../images/sep.gif) 0 0 no-repeat;
height: 1px;
}

#col2_inside .content {
padding: 6px 26px 17px 36px;
width: 448px;
background-color: #f5f5f5;
border-left: 1px solid #c8c6c6;
border-right: 1px solid #c8c6c6;
font: 11px/16px Arial, Helvetica, sans-serif;
text-align: left;
background-color: #fff;
}

#col2_inside .content_bot {
background: transparent url(../images/inside_col2_bot.png) top left no-repeat;
width: 512px;
height: 12px;
margin-bottom: 18px;
}

#col2_inside h2 {
font: bold 16px/22px Arial, Helvetica, sans-serif;
margin: 10px 0 5px 0;
padding: 0;
}

#col2_inside h3 {
font: italic normal 13px/18px Arial, Helvetica, sans-serif;
margin: 5px 0;
padding: 0;
}

#col2_inside h3.heavy {
font: italic bold 13px/18px Arial, Helvetica, sans-serif;
margin: 15px 0 0 0;
padding: 0;
}

#col2_inside h4 {
font: bold 12px/16px Arial, Helvetica, sans-serif;
margin: 20px 0 5px 0;
padding: 0;
}

#col3_inside p {
padding: 8px 0 0 0;
margin: 0;
}

#col3_inside .top {
background: transparent url(../images/inside_col3_h.png) 0 0 no-repeat;
width: 180px;
height: 12px;
}

#col3_inside h1 {
background: #7e90d5 url(../images/inside_col3_h_bkrd.gif) 0 0 no-repeat;
width: 172px;
padding: 0 4px 8px 4px;
margin: 0;
font: normal normal normal 10px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #6372aa;
text-align: center;
}

#col3_inside .content {
background: transparent url(../images/inside_col3_bkrd.gif) bottom center no-repeat;
width: 150px;
padding: 0 14px;
background-color: #fafafa;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
font: 10px/13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#col3_inside .content ul {
padding-bottom: 0;
padding-top: 10px;
margin-left: 10px;
}

#col3_inside .content ul li {
padding: 2px 0;
}

#col3_inside .content ul ul {
padding-top: 3px;
margin-top: 0;
}

#col3_inside .content_bot {
background: transparent url(../images/inside_col3_bot.png) bottom left no-repeat;
width: 180px;
height: 20px;
margin-bottom: 8px;
}


/* --------------  subnav -------------- */

#col1_inside .content ul.subnav {
list-style: none;
padding: 10px 17px 0 17px;
margin: 0;
}

#col1_inside .content ul.subnav li {
margin: 0;
padding: 5px 0;
}

#col1_inside .content ul.subnav li {
margin: 0;
padding: 5px 0;
}

#col1_inside .content ul.subnav li a.ind,
#col1_inside .content ul.subnav li a.ind:link,
#col1_inside .content ul.subnav li a.ind:visited,
#col1_inside .content ul.subnav li a.ind:hover,
#col1_inside .content ul.subnav li a.ind:active {
color: #859be2;
}

/* --------------  global -------------- */

ul {
margin: 0 0 0 25px;
padding: 5px 0 5px 5px;
list-style-type: square;
}

ul li {
padding: 1px 0;
margin: 0;
}

ul ul {
margin: 0 0 0 15px;
padding: 5px 0;
list-style: circle;
}

ul.circles {
list-style-type: circle;
margin: 7px 0 0 0;
padding-left: 27px;
}

ul.circles li,
ul.dashes li {
padding: 4px 0;
}

.col1_home_promo ul.left {
width: 88px;
float: left; 
}

.col1_home_promo ul.dashes {
list-style: none;
margin: 7px 0 0 0;
padding-left: 17px; 
}

.col1_home_promo ul li a, 
.col1_home_promo ul li a:link,
.col1_home_promo ul li a:visited {
color: #fff;
text-decoration: none;
}

.col1_home_promo ul li a:hover,
.col1_home_promo ul li a:active {
color: #d9f7ff;
text-decoration: none;
}

img.thumb {
padding: 3px;
border: 1px solid #ccc;
margin-top: 5px;
}

p.caption {
margin-top: 0;
padding-top: 2px;
font-size: 10px;
font-style: italic;
color: #999;
}

/* --------------  tables -------------- */

table.chart {
margin: 10px 0;
width: 440px;
font-weight: normal;
font-size: 11px;
line-height: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

table.chart th {
padding: 15px;
width: 154px;
text-align: left;
font-weight: bold;
font-size: 13px;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #4d4d4d;
}

table.chart td {
vertical-align: top;
padding: 15px;
width: 234px;
}

table.chart td.item {
padding: 15px;
width: 159px;
font-weight: bold;
}

table.chart td {
padding: 15px;
}

table.chart tr.blue td {
background-color: #f1f2fa;
}

table.chart ul {
margin: 0;
padding: 0;
}

table.demos {
margin: 10px 0;
width: 440px;
font-weight: normal;
}

table.demos th h2 {
margin-bottom: 0;
}

table.demos th {
font-weight: normal;
}

table.demos td {
padding: 5px 8px;
height: 22px;
}

table.demos td.item {
width: 240px;
padding-right: 0;
}

table.demos td.time {
font-size: 10px;
width: 80px;
}

table.demos tr.blue td {
background-color: #f1f2fa;
}

table.training {
margin: 10px 0 20px 0;
width: 440px;
font-weight: normal;
}

table.training td {
padding: 5px 8px;
}

table.training tr.blue td {
background-color: #f1f2fa;
}

table.training tr.gray td {
background-color: #f5f5f5;
}

/* --------------  forms -------------- */

label {
display: block;
margin: 10px 0 0 2px;
font-weight: bold;
}

label.unbold {
font-weight: normal
}

label.notop {
margin-top: 2px;
}

/* --------------  specific -------------- */

#col2_inside h2.block {
font: bold 12px/18px Arial, Helvetica, sans-serif;
padding: 6px 12px;
margin: 15px 0 0 0;
background-color: #ddd;
}

#col2_inside h2.block .small {
font: normal 10px/14px Arial, Helvetica, sans-serif;
}

.box {
padding: 0 12px;
border: 1px solid #ddd;
}

/* --------------  general -------------- */

.floatleft {
float: left;
}

.clear {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}