/* CSS Document */

#container {
	background-color: #fff;
	width: 580px;
	height: 240px;
	float: right;
	border: 2px solid #BB0B34;
	padding-bottom: 15px;
        }
        
        /* slider specific CSS */
        .sliderGallery {
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 230px;
	width: 560px;
	background-color: #FFFFFF;
        }
        
        .sliderGallery UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	left: 27px;
	top: 12px;
	width: 1505px;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
	width: 542px;
	height: 17px;
	margin-top: 210px;
	margin-left: 5px;
	padding: 1px;
	position: relative;
	background: url(../images/productbrowser_scrollbar_20070622.png) no-repeat;
        }
        
        .handle {
	position: absolute;
	cursor: move;
	height: 17px;
	width: 181px;
	top: 0;
	background: url(../images/productbrowser_scroller_20080115.png) no-repeat;
	z-index: 50;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }





* {
	margin: 0;
	padding: 0;
}
body {
	font: 11px "Frutiger", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
#page-wrap {
	width: 900px;
	margin-left: 34px;
	padding-bottom: 50px;
	padding-top: 70px;
}
a { text-decoration: none; }
ul { list-style: none; }
/* 
	LEVEL ONE
*/
ul.dropdown { position: relative; }
ul.dropdown li {float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover { color: #FFFFFF; }
ul.dropdown a:active {
	color: #BB0B34;
}
ul.dropdown li a {
	display: block;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid gray;
	color: #BB0B34;
	background-color: #FFFFFF;
	font-weight: bolder;
}
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover{ background: #BB0B34; color: #FFFFFF; position: relative; }
.program .prog{ background: #FFFFFF; color: #FFFFFF;}

ul.dropdown li.hover a { color: #000000; }
ul.dropdown li.hover ul li a { color: #666666; }
ul.dropdown li.hover ul li.hover a { color: #FFFFFF; }

/* 
	LEVEL TWO
*/
ul.dropdown ul { width: 130px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li {background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; background:none; color:#FFFFFF}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }


#homepage #home a {
	color: #FFFFFF;
	background-color:#BB0B34;
}
body 
{
	background-image:url(../images/logo2.gif);
	background-position: 23px 30px;
	position:relative;
	background-repeat:no-repeat;
	margin-top: 0pt;
	margin-left: 0pt;
	font-family: "Frutiger", "Helvetica Neue", helvetica, "trebuchet ms", sans-serif;
}
#header {
	background: url('../images/banner.gif') no-repeat;
	background-position: 730px 5px;
}
#mission {
	width: 320px;
	padding: 10px;
	border: 2px solid #0066CC;
	float: left;
	height: 225px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
}
#key {
	background-color:#FFFFFF;
	width: 300px;
	padding: 10px;
	border: 2px solid #BB0B34;
	float: right;
}
#audience {
	background-color:#FFFFFF;
	width: 300px;
	padding: 10px;
	border: 2px solid #BB0B34;
	float: right;
	margin-right: 43px;
}
#mission p {
	color:#000000;
	line-height:22px;
	font-size: 14px;
	font-weight: bold;
}
#key p {
	color:#000000;
	line-height:18px;
	font-size: 12px;
}
#audience p {
	color:#000000;
	line-height:18px;
	font-size: 12px;
	padding-left:2px;
}
#audience h2 {
	color:#000000;
	line-height:12px;
	font-size: 8.5px;
}
#key a {
	color:#BB0B34;
	line-height:18px;
	font-size: 12px;
}
#audience a {
	color:#BB0B34;
	line-height:18px;
	font-size: 12px;
}
#key a:hover {
	color:#BB0B34;
	text-decoration:underline;
}
#key img {
	padding-bottom: 8px;
}
#audience img {
	padding-bottom: 8px;
	padding-left: 2px;
}
#network {
	position:fixed;
	top:300px;
	left:0px;
	display:block;
	width: 38px;
	height: 280px;
	background-color: #BB0B34;
	padding-left: 15px;
}
#network img {
	padding-bottom:5px;
}
#network p {
	color:#BB0B34;
	font-weight:bolder;
	padding-left:10px;
}
#specs {
	line-height: 22px;
	width: 220px;
	border: 2px solid #BB0B34;
	float: left;
	-moz-border-radius: 0.7em;
	background-image: url(../images/finger.gif);
	background-position: -5px 15px;
	background-repeat: no-repeat;
	height: 180px;
	padding: 10px;
	background-color: #FFFFFF;
}
#specs a {
	color: #0066CC;
	font-size: 12px;
}
#specs h1 {
	font-size:14px;
	line-height: 12px;
}

#search {
	padding-top: 0px;
	padding-left: 710px;
}

#welcome {
	font-size:10px;
	padding-left: 34px;
	padding-top: 4px;
	font-weight: 400;
	height: 15px;
}
#welcome a {
	color:#BB0B34;
}

#button {
	margin-left:20px;
	margin-right:2px;
}
#buttonintro {
	margin-left:740px;
	margin-right:2px;
}

.binder {
	margin-bottom:5px;
	background-image: url(../images/image2.gif);
	background-repeat:repeat;
	padding-top: 10px;
	height: 780px;
	color: #FFFFFF;
}
.binder1 {
	margin-bottom:5px;
	background-image: url(../images/image3.gif);
	background-repeat:repeat;
	padding-top: 10px;
	height: 780px;
	color: #FFFFFF;
}
.binder2 {
	margin-bottom:5px;
	background-image: url(../images/image4.gif);
	background-repeat:repeat;
	padding-top: 10px;
	height: 780px;
	color: #FFFFFF;
}
.translucent {
	opacity: 0.5;
filter:alpha(opacity: 80);		-moz-opacity: 0.5;
	-khtml-opacity: 0.8;
}
.rounded {
	-moz-border-radius: 0.7em;
	border-radius: 1em;
}

.binder_inner {
	margin:15px auto;
	width: 1000px;
	height: 760px;
	margin-top: 0px;
}



.home_lnk {
	display:block;
	position:absolute;
	left:30px;
	top:47px;
	width:763px;
	height:51px;
	line-height:75px;
}
	
.contact_lnk {
	display:block;
	position:absolute;
	left:835px;
	top:2px;
	width:38px;
	height:23px;
	line-height:75px;
}

#nav {
position:relative;
width: 900px; 
height: 70px; 
padding-top: 10pt;
background: url('../images/nav.jpg') no-repeat; 
background-position: top center; 
text-align:left;
}

#nav ul {
	margin:0px;
	padding:0px 0 0 20px;
	list-style:none;
}

#nav ul li {
	float:left;
	margin:0 0 0 10px;
}

#nav ul li.first_child {
	margin:0 0 0 0px;
}
#line{
	background-color:#BB0B34;
	height: 4px;
}
.navprimary ul {
	position:absolute;
	left:0px;
	top:40px;
	width:880px;
}

#search img{
	margin-top: 0px;
	position: absolute;
	padding-left: 2px;
}

.sfHover a {
	color:#BB0B34!important;
}

#content {
	width: 980px;
	margin: 0px auto;
	height: 280px;
}
#contenttwo {
	width: 980px;
	margin: 0px auto;
	height: 410px;
}
#mission img {
	padding-bottom: 8px;
}
#specs img {
	padding-bottom: 8px;
}

#bluehead {
width: 606px; 
height: 38px; 
background: url('../images/blueheader.jpg') no-repeat; 
margin-top: 0pt;
padding-left: 00pt;
background-position:top center;
}

#blueheadchart {
width: 826px; 
height: 38px; 
background: url('../images/blueheader-charts.jpg') no-repeat; 
margin-top: 0pt;
padding-left: 00pt;
background-position:top center;
}

#rightimage {
width: 210px; 
height: 274px; 
padding-top: 12pt;
}
.links {
	color:#FFFFFF;
	padding-top: 4px;
}
.links a{
	font-weight:bolder;
}
.top a{
	font-weight:bolder;
}
#footer {
	width: 980px;
	font-size:11px;
	margin: 5px auto;
	padding-top: 15px;
	float: left;
	background-color: #000000;
}
#user {
	width: 900px;
	height: 30px;
	padding-left: 0px;
	font-size:10px;
	color: #000000;
	width: 900px;
	margin: 10px auto;
	line-height: 11px;
}
#usertop {
	width: 900px;
	height: 20px;
	font-size:10px;
	width: 900px;
	line-height: 11px;
	margin: 0px auto;
	padding-top: 10px;
}
#usertop a {
	color: #000000;
}
#intro {
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 14px;
	background-image:url(../images/mission1.jpg);
	padding: 10px;
	top: 270px;
	background-repeat: no-repeat;
	width: 540px;
	height: 28px;
}

/* TEXT CLASSES */

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
color: #BB0B34; 
text-decoration: none;
}

a:active {
color: #BB0B34; 
text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.main:hover { 
	color:#BB0B34;
	text-decoration: none;
}

.active_nav { 
	text-decoration: none;
	color:#BB0B34;
}	

.navprimary { 
font-size: 13px; 
color: #818181; 
text-transform: uppercase;
font-weight: 700;
}

.navprimary ul {
font-size: 12px; 
color: #818181; 
text-transform: uppercase;
font-weight: 500;
}

.navtertiary {
font-size: 12px;  
text-transform: uppercase;
font-weight: 500;
padding:12px;
}

.contentheaderlarge {
font-size: 22px;
color: #ffffff;
font-weight: 900;
font-style: oblique;
font-stretch: condensed;
text-transform: uppercase;
padding-left: 10pt;
line-height: 30pt;

}
.contentheader {
font-size: 22px;
color: #ffffff;
font-weight: 900;
font-style: oblique;
font-stretch: condensed;
text-transform: uppercase;
padding-left: 10pt;
line-height: 30pt;

}

.contentheadersmall {
font-size: 22px;
color: #ffffff;
font-weight: 900;
font-style: oblique;
font-stretch: condensed;
text-transform: uppercase;
padding-left: 10pt;
line-height: 30pt;

}

.contentheadertoday {
font-size: 22px;
color: #ffffff;
font-weight: 900;
font-style: oblique;
font-stretch: condensed;
text-transform: uppercase;
padding-left: 10pt;
line-height: 30pt;

}
.content {
font-size: 12px;
color: #333333; 
font-weight: 300;
line-height: 14pt;
padding-left: 12pt;
margin:0px;
padding-top:10px;
padding-bottom:10px;
}

.contentopening {
font-size: 14px;
color: #333333; 
font-weight: 400;
line-height: 16pt;
padding-left: 12pt;
}

.chartcallout {
font-size: 12px;
color: #BB0B34;
font-weight: 700;
font-style: oblique;
font-stretch: extra-condensed;
text-transform: uppercase;
padding-left: 12pt;
}

.contentcallout {
font-size: 13px;
color: #BB0B34;
font-weight: 900;
font-style: oblique;
font-stretch: extra-condensed;
text-transform: uppercase;
line-height: 16pt;
padding-left: 12pt;
padding-top:13px;
padding-bottom:10px;
margin:0;
}

.contentstats {
font-size: 14px;
color: #1D82AA;
font-weight: 800;
font-style: oblique;
font-stretch: condensed;
line-height: 15pt;
padding-left: 12pt;
}

.contentfineprint {
font-size: 11px;
color: #818181;
font-weight: 100;
font-stretch: condensed;
padding-left: 12pt;

}
.contentsource {
font-size: 11px;
color: #818181;
font-weight: 100;
font-stretch: condensed;
text-transform: uppercase;
padding-left: 12pt;

}

.contentcharthead {
font-size: 13px;
color: #BB0B34;
font-weight: 900;
font-style: oblique;
font-stretch: extra-condensed;
text-transform: uppercase;
line-height: 16pt;
padding-left: 12pt;
}

.chartheader {
font-size: 14px;
color: #818181;
font-weight: 600;
font-stretch: condensed;
text-transform: uppercase;
font-style: oblique;
padding-left: 12pt;

}

.chartheader2ndary {
font-size: 12px;
color: #818181;
font-weight: 400;
font-stretch: condensed;
text-transform: uppercase;
font-style: oblique;

}

.chartsection {
font-size: 11px;
color: #818181;
font-weight: 900;
font-stretch: condensed;
text-transform: uppercase;
padding-left: 12pt;
}

.chartcontent {
font-size: 11px;
color: #818181;
font-weight: 500;
padding-left: 12pt;
}

.footer {
font-size: 12px;
color: #A9A9A9;
font-weight: 200;
font-stretch: condensed;
text-transform: uppercase;
}