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

/* Global Settings */

* {
padding:0;
margin:0;
}

html, body {
height:100%;
}

body {
background:#252a28;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

a img {
border:none;
}

a {
text-decoration:none;
}


/* Common Formatting */

h1 {
color:#424544;
font-size:25px;
font-weight:bold;
margin:0;
}

h2 {
color:#94ca00;
font-size:20px;
font-weight:bold;
margin:0;
}

h3 {
color:#666;
font-size:15px;
font-weight:bold;
margin:0;
}

p {
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5;
margin-bottom:0;
margin-top:10px;
}

ul {
margin:20px 0 10px;
}

li {
background:url(../images/arrows.gif) no-repeat 0 2px;
color:#666;
list-style:none;
margin-top:8px;
padding-left:30px;
}

li a {
	color:#94ca00;
text-decoration:none;
}

li img {
	margin:2px;	
}

blockquote {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:15px 0;
}

blockquote .pic {
float:left;
margin:0 10px 10px 0;
}

blockquote h2 {
color:#666;
font-size:17px;
margin-top:15px;
}

blockquote p {
margin:0;
}


/* Form Styles */

form {
padding:0;
margin:0;
}

input {
background:none;
border-width:1px;
color:#94d900;
padding:2px;
margin-right:3px;
margin-top:0;
margin-bottom:3px;
width:auto;
}

.submit {
background:url(../images/button_go.png) no-repeat;
border:none;
height:24px;
padding:0;
margin:0;
vertical-align:middle;
width:26px;
}


/* Global Classes */

.bold          { font-weight:bold; }
.dotted 	   { background:url(../images/dotted.gif) repeat-x top center; height:3px; margin-bottom:10px; width:100%; }
.clear         { clear:both; height:0; }
.float-left    { float:left; }
.float-right   { float:right; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.italic        { font-style:italic; }
.site-width	   { margin:0 auto; width:960px; padding:0; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }


/* Wrapper */

.wrapper {
height:auto !important;
height:100%;
margin:0 0 -27px;
min-height:100%;
background-color: #252A28;
}


/* Header Styles */

#header-wrap {
background:#fff;
}

#home #header-wrap {
border-bottom:#525655 solid 6px;
}

#header {
height:125px;
margin:0 auto;
}

#logo {
height:78px;
margin:25px 0 0 4px;
position:absolute;
width:334px;
}

#header .nav {
float:right;
margin-top:90px;
width:575px;
}

#header .nav a {
background:url(../images/nav_up.gif) no-repeat;
color:#b3b6b6;
display:block;
float:left;
font-weight:bold;
height:24px;
margin-left:3px;
padding:12px 3px 0 5px;
text-align:center;
text-transform:uppercase;
width:100px;
}

#header .nav a:hover {
background:url(../images/nav_over.gif);
color:#94d900;
}

#home a.nav_home  {
background:#525655;
color:#fff;
font-weight:bold;
}

#challenge a.nav_challenge  {
background:#525655;
color:#fff;
font-weight:bold;
}

#solutions a.nav_solutions  {
background:#525655;
color:#fff;
font-weight:bold;
}

#resources a.nav_resources  {
background:#525655;
color:#fff;
font-weight:bold;
}

#contact a.nav_contact  {
background:#525655;
color:#fff;
font-weight:bold;
}

#sub-nav-wrap {
background:url(../images/subnav_bg.png) repeat-x top center;
height:29px;
}

#sub-nav {
}

#sub-nav .links {
height:28px;
margin-left:477px;
width:463px;
}

#sub-nav a {
color:#fff;
float:left;
font-size:12px;
font-weight:bold;
padding-top:5px;
margin-left:0px;
text-align:center;
width:112px;
}

.sub-nav-div {
background:url(../images/sub_nav_div.gif) no-repeat;
float:left;
height:28px;
width:2px;
}




/* Home Page Styles */

#home #content-wrap {
padding-top:0;
}

#flash-area-wrap {
background:url(../images/flash_bg.png) repeat-x top center;
border-bottom:#cbcbcb 2px solid;
height:293px;
}

#flash-area {

height:292px;
margin:0 auto;
}

#compass-area-wrap {
background:#191c1b;
height:80px;
}

#compass-area {
background:url(../images/compass_bar.png) no-repeat top center;
height:80px;
margin:0 auto;
}

#login-wrap {
background:url(../images/logo_compass.gif) no-repeat left;
height:80px;
width:618px;
}

#login {
margin-left:178px;
margin-top:29px;
width:426px;
}

#login h2 {
color:#94d900;
font-size:23px;
font-weight:normal;
}

#login p {
margin-top:2px;
text-align:right;
}

#login a {
color:#94d900;
font-size:11px;
}

#home-content {
margin-top:30px;
}

.home-content h2 {
color:#666;
}

.home-section {
width:285px;
margin-right:27px;
}

.why {
margin:10px auto 20px;
width:260px;
clear: both;
}

.why .pic {
float:left;
height:80px;
margin-right:20px;
width:55px;
}

.why .text p {
margin:0;
}


/* News Styles */

.news {
background:url(../images/dotted.gif) repeat-x bottom center;
height:100%; /* ie6 fix */
overflow:auto;
padding:0 0 15px 5px;
margin-bottom:15px;
}

.date {
margin-right:8px;
width:105px;
}

.date p {
font-family:Arial, Helvetica, sans-serif;
margin:0;
text-transform:uppercase;
}

.news p.day {
background:url(../images/date_div.gif) no-repeat right;
color:#94d900;
float:left;
font-size:35px;
font-weight:bold;
width:45px;
}

.news p.daytbd {
background:url(../images/date_div.gif) no-repeat right;
color:#94d900;
float:left;
font-size:15px;
font-weight:bold;
width:45px;
height:30px;
margin-top:10px;
}

.news p.month {
font-size:18px;
font-weight:bold;
line-height:0.5;
margin:14px 0 0;
text-align:center;
}

.news p.year {
font-size:14px;
font-weight:bold;
text-align:center;
}

.news .text {
margin-top:5px;
width:165px;
}

.news .text p {
margin:0;
}


/* Content Styles */

#content-wrap {
background:#fff url(../images/page_bg.png) repeat-x top center;
padding-top:30px;
}

#content {
overflow:auto;
}

.content-section-wide {
background:url(../images/content_back_long.png) no-repeat -12px 0;
margin-bottom:40px;
padding:40px 54px 40px 40px;
width:850px;
}

.content-section-wide p {

}

.content-section-mid {
background:url(../images/content_back_mid.png) no-repeat 0 0;
padding:35px 20px;
width:590px;
}

.content-section-narrow {
background:url(../images/content_back_short.png) no-repeat 0 0;
padding:30px 20px 30px 40px;
width:250px;
}

.content-section-narrow .pic {
margin-top:3px;
}

.content-section-tall {
background:url(../images/solutions_top_bg.png) no-repeat;
padding:40px 0 40px 60px;
width:890px;
}

.content-section-tall p {
width:830px;
}

.content-section-wide .request {
height:91px;
margin:0 auto;
width:308px;
padding-left: 10px;
}

#content .left {
width:570px;
}

#content .right {
width:335px;
}

#content .right .content-section-narrow {
background:url(../images/resources_right_column.png) no-repeat;
padding:30px 40px 0;
margin:10px 0 0 -10px;
}


/* Challenge Styles */

#resources h1 {
margin:0 0 0;
}

h1 {
margin:0 0 0 20px;
}

/* solutions Styles */

.solutions-pic {
background:url(../images/solutions_top_bg.jpg) no-repeat;
height:120px;
padding-top:150px;
margin-top:15px;
width:855px;
}

.solutions-section {
height:350px;
margin-bottom:90px;
width:100%;
}


/* Resources Styles */

#resources h2 {
color:#666;
}

.resources-section {
height:100%;
margin:30px 0 40px;
}

.resources-section .pic {
padding-top:20px;
width:150px;
}

.resources-section .text {
width:410px;
}

.resources-section .text p {
}

.resources-section .text ul {
margin:5px;
}

.resources-section .text li {
color:#739d00;
font-weight:bold;
margin-top:2px;
}


/* Coda Styles */

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
height:320px;
margin: 20px 0;
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer-wrap {
background: url(../images/solutions_bottom_bg.png) no-repeat 2px 75px;
height:320px;
}

#slider1 {
height:230px;
}

.stripViewer { /* This is the viewing window */
clear:both;
margin:auto;
overflow:hidden;
position:relative;
width:840px;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left:0;
top:0;
width:100%;
list-style-type:none;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
position:relative;
width:920px;		
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
margin:0;
padding:25px 0 0 0;
width:830px;
background-color: #fff;
}

.stripViewer .panelContainer .panel .wrapper .text {
width:500px;
}

.stripViewer .panelContainer .panel .wrapper .pic {
margin-right:0px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
background:url(../images/solutions_bottom_subnav.png) no-repeat 3px 0;
height:37px;
padding:38px 0px 0 40px;
width:900px !important;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
margin:0;
}

.stripNav ul li {
background:none;
float: left;
color:#fff;
margin:0;
padding:0;
}

.stripNav a { /* The nav links */
color:#fff;
display:block;
font-size:14px;
font-weight:normal;
line-height:32px;
padding:0 18px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

.stripNav li.tab1 a { background:url(../images/solutions_sub_nav_div.gif) no-repeat right 7px;  }
.stripNav li.tab2 a { background:url(../images/solutions_sub_nav_div.gif) no-repeat right 7px; }
.stripNav li.tab3 a { background:url(../images/solutions_sub_nav_div.gif) no-repeat right 7px; }
.stripNav li.tab4 a { background:url(../images/solutions_sub_nav_div.gif) no-repeat right 7px; }
.stripNav li.tab5 a { background:url(../images/solutions_sub_nav_div.gif) no-repeat right 7px; }

.stripNav li a:hover {
color:#94d900;
}

.stripNav li a.current {
color:#94d900;
}

.stripNav .div {
background:#fff;
height:17px;
width:1px;
}

.stripNavL, .stripNavR { /* The left and right arrows */
display:none;
}



/* Footer Styles */

#footer-wrap {
background:#252a28;
}

#footer {
color:#fff;
padding-top:40px;
position:relative;
}

#footer .nav {
height:25px;
margin:0 auto;
overflow:auto;
width:930px;
}

#footer .nav a {
color:#94d900;
float:left;
text-transform:uppercase;
}

.footer_div {
background:url(../images/footer_div.gif) no-repeat;
float:left;
height:17px;
margin:0 26px;
width:1px;
}

.footer-wrapper {
margin:25px 0 0 240px;
width:615px;
}

#footer .text {
}

#footer p {
color:#cbcbcb;
margin:0;
}

.footer-wrapper .footer_div {
margin:0 15px;
}

#footer .icons {
}

#footer .icons a {
margin:0 6px;
}

#emedia-push {
height:27px;
background-color: #252A28;
}

.emedia-logo {
height:27px;
}