/* CSS Document */

#container {
	width: 200px;
	color: #000000;
	padding: 20px;
	float: left;
	background-color: #FFFFFF;
        }
#container2 {
	color: #000000;
	float: left;
	margin-left: 20px;
	background-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
        }
#container2 img {
	padding-right: 20px;
	padding-left: 20px;
        }
#container img {
	padding-top:5px;
        }
		#mission2 img {
	padding-top:5px;
        }
        
        /* slider specific CSS */
        .sliderGallery {
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 230px;
	width: 300px;
	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: 30px;
	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: #666666;
}
ul.dropdown li a {
	display: block;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid gray;
	color: #666666;
	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: #FFE752; color: #333333; position: relative; }
.program .prog{ background: #FFFFFF; color: #FFFFFF;}

ul.dropdown li.hover a { color: #990066; }
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, #editor #home a, #current #home a, #past #home a {
	color: #333333;
	background-color:#FFE752;
}
#homepage #home a:hover, #editor #home a:hover, #current #home a:hover, #past #home a:hover {
	color: #FFFFFF;
	background-color:#990066;
}
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 {
}
#mission {
	width: 270px;
	padding: 20px 0px 20px 20px;
	margin-bottom: 15px;
	background-color: #990066;
	float: left;
}
#mission2 {
	width: 270px;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
#editor #mission2 {
	width: 440px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
#mission6 {
	width: 440px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/staff.gif);
	background-repeat: no-repeat;
	height: 420px;
	background-position: -13px -4px;
}
#mission3 {
	width: 500px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
}
#mission4 {
	width: 500px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
}
#mission4 img {
	padding-right: 20px;
}
#key {
	background-color:#FFFFFF;
	width: 490px;
	padding: 20px;
	float: left;
}
#audience {
	background-color:#FFFFFF;
	width: 300px;
	padding: 10px;
	border: 2px solid #BB0B34;
	float: right;
	margin-right: 43px;
}
#mission p {
	color:#FFFFFF;
	line-height:20px;
	font-size: 13px;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
}
#mission2 p {
	color:#000000;
	line-height:20px;
	font-weight: 400;
	font-size: 11px;
	line-height: 18px;
}
#container p {
	color:#000000;
	line-height:20px;
	font-size: 13px;
	font-weight: 400;
	font-size: 11px;
	line-height: 18px;
}
#key p {
		color:#000000;
	line-height:20px;
	font-size: 13px;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
}
#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;
}
#container a, #mission2 a {
	color:#990066;
	line-height:18px;
	font-size: 11px;
}
#current #content a, #past #content a {
	color:#000000;
	line-height:18px;
	font-size: 11px;
	font-weight: 500;
}
#current #content p, #past #content p {
	color:#FFFFFF;
	line-height:18px;
	font-size: 11px;
	font-weight: 500;
}
#audience a {
	color:#BB0B34;
	line-height:18px;
	font-size: 12px;
}
#key a:hover, #container a:hover, #mission2 a:hover {
	color:#990066;
	text-decoration:underline;
}
#current #content a:hover, #past #content a:hover {
	color:#990066;
	text-decoration:underline;
}
#key img {
	padding-bottom: 8px;
}
#audience img {
	padding-bottom: 8px;
	padding-left: 2px;
}
#network {
	position:fixed;
	top:200px;
	left:0px;
	display:block;
	width: 38px;
	height: 160px;
	background-color: #FFFFFF;
}
#network img {
	padding-bottom:5px;
	padding-top: 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;
}
h1 {
	font-size:8px;
}

#search {
	padding-top: 0px;
	height: 18px;
}

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

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

.binder {
	margin-bottom:5px;
	background-image: url(../images/bground.gif);
	background-repeat:repeat;
	padding-top: 10px;
	color: #FFFFFF;
	background-position: 0px -58px;
	height: 700px;
}
.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.8;
filter:alpha(opacity: 80);		-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.rounded {
	-moz-border-radius: 0.7em;
	border-radius: 1em;
}

.binder_inner {
	margin:15px auto;
	width: 920px;
	height: 690px;
	margin-top: 0px;
	padding-left: 60px;
}



.home_lnk {
	display:block;
	position:absolute;
	left:30px;
	top:37px;
	width:492px;
	height:61px;
	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:#000000;
	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: 310px;
	margin: 0px 0px;
	height: 530px;
	float: left;
}
#editor #content {
	width: 550px;
	margin: 0px 0px;
	height: 580px;
	float: left;
}
#editor #content5 {
	width: 550px;
	margin: 0px 0px;
	height: 480px;
	float: left;
}
#current #content {
	width: 550px;
	margin: 0px 0px;
	height: 450px;
	float: left;
	background-image: url(../images/back_content.gif);
	background-repeat: no-repeat;
	background-position: -10px -10px;
}
#past #content {
	width: 550px;
	margin: 0px 0px;
	height: 450px;
	float: left;
}
#content2 {
	width: 550px;
	margin: 0px 0px;
	height: 530px;
	float: left;
}
#editor #content2 {
	width: 290px;
	margin: 0px 0px;
	height: 540px;
	float: left;
}
#current #content2 {
	width: 290px;
	margin: 0px 0px;
	height: 540px;
	float: left;
}
#past #content2 {
	width: 290px;
	margin: 0px 0px;
	height: 540px;
	float: left;
}

#contenttwo {
	width: 870px;
	margin: 0px auto;
	height: 60px;
	float: left;
	margin-top: 40px;
}
#editor #contenttwo {
	margin-top:20px;
}
#current #contenttwo {
margin-top:0px;
}
#past #contenttwo {
margin-top:0px;
}
#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;
}

#details {
	width:190px;
	background-color:#FFFFFF;
	margin-left: 20px;
	float: left;
}
#editor #details {
	width:190px;
	background-color:#FFFFFF;
	margin-left: 247px;
	float: left;
	margin-top: 46px;
}
#editor #details a {
	color:#990066;
	line-height: 13px;
}
#editor #details a:hover {
	text-decoration:underline;
}
#details2 {
	width:190px;
	background-color:#FFFFFF;
	margin-left: 20px;
	float: left;
}

#rightimage {
width: 210px; 
height: 274px; 
padding-top: 12pt;
}
.links {
	color:#FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
}
.links a{
	font-weight:bolder;
}
.top a{
	font-weight:bolder;
}
#footer {
	width: 870px;
	font-size:11px;
	margin: 8;
	float: left;
	background-color: #000000;
	padding-top: 5px;
}
#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: #990066;
	text-decoration: none;
}

a:active {
	color: #990066;
	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;
}