/* CSS Document */

body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #FFF;
}

a {color:#FFFFFF;}
a:hover {text-decoration:none;}
a img { border: none; }

h2 a {color:#172074; text-decoration:none; font-size:10px; line-height:18px;}
h2 a:hover {color:#172074; text-decoration:underline; font-size:10px; line-height:18px;}

/* ---------------------/*
/* ### header
/* ---------------------*/
.underline {text-decoration:underline;}

#header { 
 background: url('http://channel-index.com/images/bg-header.gif') repeat-x;
}
#header .b1{
 width: 850px;
 height: 100px;
 overflow: hidden;
 margin: 0 auto; 
 background: url('http://channel-index.com/images/bg-header1.gif') no-repeat;
}

#menu {
 margin: 78px 0 0 0;
 padding: 0;
}
#menu  li{
 list-style: none;
 display: inline;
 padding: 0 8px 0 0;
}
#menu li a{
 font-weight: bold;
 color: #1EAFEF;
 text-decoration: none;
}
#menu li a span{
 color: #180E66;
 padding: 0 2px;
}
#menu li a:hover span{
 text-decoration: underline;
}
#qwbl {padding-right:50px; float:right; padding-top:250px; position:relative;}
#qwblbutton {padding-right:40px; float:right; padding-top:250px; position:relative;}

#teller {visibility:hidden; display:none;}
#quote {padding-left:20px;}
/* ---------------------/*
/* ### content
/* ---------------------*/

#content {
 background: #1a2275 url('http://channel-index.com/images/bg-content.gif') repeat-x;
}
#content .b1{
 width: 850px;
 overflow: hidden;
 margin: 0 auto;
 background: url('http://channel-index.com/images/bg-content1.gif') repeat-y; 
}
#content .b1 .b2{
 width: 850px; 
 overflow: hidden; 
 background: url('http://channel-index.com/images/bg-content2.jpg') no-repeat;
}

.left-column {
 margin: 0 7px;
 padding: 30px 0;
 width: 186px; 
 float: left;
 display:inline;
 overflow: hidden;
} 

.left-column h2 { 
 color: #172074;
 font-size: 13px;
 padding: 5px 10px 5px 17px;
 margin: 0;
 line-height: 22px;
}

.left-column h2.bg { 
 background: #8dd0f0;
}
.left-column h3 { 
 color: #FFFFFF;
 margin: 10px 28px -12px 17px;
 font-size: 14px;
 line-height: 20px;
 font-weight: normal;
 border-bottom: 1px solid #FFF;
}

.left-column h2 img{ 
 float: right;
 padding: 5px 0 5px 5px;
}

.left-column p {
 padding: 5px 17px;
 color: #FFFFFF;
 line-height: 18px;
}

.right-column { float: left;
 display:inline; 
 width: 643px;
 margin: 0 6px 50px 0;
 overflow: hidden;
}

.fmenu { 
 text-align: right; 
}
.fmenu ul { 
 margin: 10px;
 padding: 0;
}
.fmenu li { 
 list-style: none;
 display: inline;
 margin: 0;
 padding: 0; 
 }
.fmenu li a {
 color: #FFF;
 text-decoration: none;
 padding: 0 8px 0 5px;
 border-right: 1px solid #FFF;
}
.fmenu li a:hover {
 text-decoration: underline;
}
.fmenu li.last a{
 padding: 0 0 0 5px;
 border: none;
}


.list { 
 background: url('http://channel-index.com/images/list_line.gif') repeat-x bottom left;
 margin: 0 50px; 
 min-height: 80px;
 padding: 10px 0 15px 0;
 line-height: 18px;
}
.list img { 
 float: right; 
 padding: 0 0 0 20px; 
}
.list h2 {
 color: #8dd0ef;
 margin: 0; 
 padding: 0;
 font-size: 14px;
 font-weight: normal;
}
.list a {
 color: #FFF;
 text-decoration: none;
}
.list a:hover span { 
 text-decoration: underline;
}





/* ---------------------/*
/* 1col
/* ---------------------*/

.white { 
 margin: 0 0 0 40px;
 width: 567px;
 overflow: hidden;
 background: #45599a url(http://channel-index.com/images/white-bg.gif); 
 float: left;
 display:inline;
}

.white a {color:#45599a;}

.white .top {
 background: url(http://channel-index.com/images/white-top.gif) no-repeat;
} 
.white .exclamation {
 background: url(http://channel-index.com/images/white-top-exclamation.gif) no-repeat;
} 
.white .exclamation2 {
 background: url(http://channel-index.com/images/white-top-exclamation2.gif) no-repeat;
} 
.white .exclamation3 {
 background: url(http://channel-index.com/images/white-top-exclamation3.gif) no-repeat;
} 
.white .exclamation4 {
 background: url(http://channel-index.com/images/white-top-exclamation4.gif) no-repeat;
} 
.white .exclamation5 {
 background: url(http://channel-index.com/images/white-top-exclamation5.gif) no-repeat;
} 
.white .exclamation6 {
 background: url(http://channel-index.com/images/white-top-exclamation6.gif) no-repeat;
} 
.white .exclamation7 {
 background: url(http://channel-index.com/images/white-top-exclamation7.gif) no-repeat;
} 
.white .exclamation8 {
 background: url(http://channel-index.com/images/white-top-exclamation8.gif) no-repeat;
} 
.white .exclamation9 {
 background: url(http://channel-index.com/images/white-top-exclamation9.gif) no-repeat;
} 
.white .exclamation10 {
 background: url(http://channel-index.com/images/white-top-exclamation10.gif) no-repeat;
} 
.white .bottom {
 background: url(http://channel-index.com/images/white-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px 200px 30px 30px;
} 


/* ---------------------/*
/* 2col
/* ---------------------*/

.left { 
 float: left;
 display:inline;
 width:256px;
 margin: 20px 40px 0 45px;
}
.right { 
 float: left;
 display:inline;
 width:256px;
 margin: 20px 0 0 0;
}

.left p,
.right p{
 padding: 0 10px;
}  
.blue-small { 
 margin: 0 30px 0 40px;
 width: 256px;
 overflow: hidden;
 background: #45599a url(http://channel-index.com/images/blue-small-bg.gif); float: left;
 display:inline;
}
.blue-small .top {
 background: url(http://channel-index.com/images/blue-small-top.gif) no-repeat;
} 
.blue-small .bottom {
 background: url(http://channel-index.com/images/blue-small-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px;
} 

.white-small { 
 margin: 0 30px 0 40px;
 width: 256px;
 overflow: hidden;
 background: #45599a url(http://channel-index.com/images/white-small-bg.gif); float: left;
 display:inline;
}
.white-small a{
 color:#45599a;}
 
.white-small .top {
 background: url(http://channel-index.com/images/white-small-top.gif) no-repeat;
} 
.white-small .cluster {
 background: url(http://channel-index.com/images/white-small-top-cluster.gif) no-repeat;
} 
.white-small .bottom {
 background: url(http://channel-index.com/images/white-small-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px;
} 

.white-arrow-left { 
 margin: 0 0 0 40px;
 width: 283px;
 overflow: hidden;
 background: #45599a url(http://channel-index.com/images/white-arrow-left-bg.gif);
 float: left;
 display:inline;
}
.white-arrow-left  .top {
 background: url(http://channel-index.com/images/white-arrow-left-top.gif) no-repeat;
} 

.white-arrow-left .bottom {
 background: url(http://channel-index.com/images/white-arrow-left-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px;
} 


.blue-large { 
 width: 285px;
 overflow: hidden;
 background: #45599a url(http://channel-index.com/images/blue-large-bg.gif);
 float: left;
 display:inline;
}
.blue-large .top {
 background: url(http://channel-index.com/images/blue-large-top.gif) no-repeat;
} 
.blue-large .exclamation{
 background: url(http://channel-index.com/images/blue-large-top-exclamation.gif) no-repeat;
} 
.blue-large .bottom {
 background: url(http://channel-index.com/images/blue-large-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px;
} 

.white-large { 
 width: 285px;
 overflow: hidden
 background: #45599a url(http://channel-index.com/images/white-large-bg.gif);
 float: left;
 display:inline;
}
.white-large .top {
 background: url(http://channel-index.com/images/white-large-top.gif) no-repeat;
} 
.white-large .bottom {
 background: url(http://channel-index.com/images/white-large-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px;
} 

.white-arrow-right { 
 width: 284px;
 overflow: hidden;
 background: #45599a url(http://channel-index.com/images/white-arrow-right-bg.gif);
 float: left;
 display:inline;
}
.white-arrow-right .top {
 background: url(http://channel-index.com/images/white-arrow-right-top.gif) no-repeat;
} 
.white-arrow-right .bottom {
 background: url(http://channel-index.com/images/white-arrow-right-bottom.gif) bottom left no-repeat;
 min-height: 223px;
 padding: 30px 30px 30px 55px;
} 


.bottom {
 line-height: 15px;
}
.bottom h2 { 
 margin: 0 40px 0 0;
 padding: 0;
 padding-top:10px;
 line-height: 18px;
 font-size:15px;
 border-bottom: 1px solid #FFF;
}

.bottom ul {
 padding: 0;
 margin-left: 17px;
}

.white .bottom,
.white-small .bottom,
.white-large .bottom,
.white-arrow-left .bottom,
.white-arrow-right .bottom{
 color: #1a2375;
}
.white .bottom h2,
.white-small .bottom h2,
.white-large .bottom h2,
.white-arrow-left .bottom h2,
.white-arrow-right .bottom h2{
 color: #80ccef;
 border-bottom-color: #80ccef;
}

/* min-height 'hack' for Internet Explorer */
/*\*/
* html .white .bottom,  
* html .white-arrow-small .bottom, 
* html .white-arrow-large .bottom, 
* html .white-small .bottom,
* html .white-large .bottom, 
* html .blue-small .bottom, 
* html .blue-large .bottom {
	height:223px;
}
/**/

/* ---------------------/*
/* 3col
/* ---------------------*/

#col-3-row-1 { margin: 20px 0 0 0; line-height:18px; }

#col-3-row-1 .left,
#col-3-row-2 .left { 
 float: left;
 display:inline;
 width: 170px;
 margin: 0 0 0 20px;
}
#col-3-row-1 .center,
#col-3-row-2 .center { 
 float: left;
 display:inline;
 width: 220px;
 margin: 0;
}
#col-3-row-1 .right,
#col-3-row-2 .right { 
 float: left;
 display:inline;
 width: 220px;
 margin: 0;
}

#col-3-row-1 .left p,
#col-3-row-1 .center p,
#col-3-row-1 .right p,
#col-3-row-2 .left p,
#col-3-row-2 .center p,
#col-3-row-2 .right p{
 padding: 0 10px;
 margin: 5px 0;
}
#col-3-row-1 .left h2,
#col-3-row-1 .center h2,
#col-3-row-1 .right h2,
#col-3-row-2 .left h2,
#col-3-row-2 .center h2,
#col-3-row-2 .right h2{
 padding: 0 10px;
 font-size: 13px;
 color: #172074;
 margin: 10px 0 0 0;
}

/* ---------------------/*
/* ### footer
/* ---------------------*/

#footer { 
 background: url('http://channel-index.com/images/bg-footer.gif') repeat-x;
 min-height: 100px;
}

#footer .b1 { 
 width: 850px; 
 margin: 0 auto;
 line-height: 100px; 
 color: #1a2275;
}