html { height: 100%; overflow-y: scroll; }

* {
    font-family: Verdana, "Lucida Grande", "Lucida", sans-serif; 
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    }

body {
    margin: 0;
    padding: 0;
    color: #666;
    width: 100%;
    text-align: center;
    background: #034b7b url(bg.gif) repeat left top;
    }

a { text-decoration: none }

img { border: none; vertical-align: top }

table { border: 0 }

table th, table td { margin: 0;    padding: 0; vertical-align: top }

#clear
{
clear:both;
}



/*******************HEADER*******************/


div#flashBanner 
{
background: #fff url(mainimage.png) no-repeat 0 0;
position:relative;
z-index:100;
}

div#flashBanner  {
    background-color: #fff;
height:410px;
    }

#flashBanner div a:link, #flashBanner div a:visited {
    color: #034B7B;
}

#flashBanner div a:hover {
    text-decoration: underline;
}

#top_menu {
    background: #fff;
    }

#top_menu ul {
    text-align: right;
    padding-right: 9px;
    }

#top_menu ul li {
    display: inline;
    margin-right: 15px;
    }

#top_menu a {
    color: #53BEE2;
    font-size: 0.95em;
    }

#top_menu a:hover {
    background: #53BEE2;
    color: #fff;
    }

#header
{
width:100%;
background-color:#fff;
padding-bottom:10px;
}

#header img
{
margin:0 0 0 18px;
float:left;
}

/* Hides from IE-mac */
*html #header ul {padding-right: 6px;}
/* End hide from IE-mac */    



/*******************MAINMENU*******************/

ul.CMenu
{
float:right;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:14px 0 0 0;
position:relative;
width:485px;
z-index:3000;
}

.CMenu li 
{
float:left;
padding:22px 9px 0;
position:relative;
}

ul.CMenu a.menu
{
color:#034B7B;
text-transform:uppercase;
font-size:14px;
font-family:arial, helvetica, sans-serif;
}


ul.CMenu a.menu:visited
{
color:#034B7B;
text-transform:uppercase;
font-size:14px;
font-family:arial, helvetica, sans-serif;
}


ul.CMenu a.menu:hover
{
color:#9CCD38;
text-transform:uppercase;
font-size:14px;
font-family:arial, helvetica, sans-serif;
}

.CMenu ul
{
border:1px solid #999999;
background-color:white;
width:120px;
padding-top:9px !important;
padding-bottom:9px !important;
-moz-border-radius:9px;
-webkit-border-radius:9px;
}

ul.CMenu, .CMenu ul
{
padding-right:5px !important;
}

.CMenu ul li
{
padding:0px;
}

.CMenu ul li a.menu
{
font-size:10px;
text-transform:none;
color:#009BD2;
display:block;
padding:2px 5px 2px 12px;
width:108px;
}

.CMenu ul li a.menu:visited
{
font-size:10px;
text-transform:none;
color:#009BD2;
display:block;
padding:2px 5px 2px 12px;
width:108px;
}

.CMenu ul li a.menu:hover
{
font-size:10px;
text-transform:none;
color:white;
display:block;
padding:2px 5px 2px 12px;
background-color:#9CCD38;
}

/*******************CONTENT*******************/


#content {
    background: #fff url(bg_content.png) repeat-y 0 0;
    width: 780px;
    z-index:80;
    }

.colOne, .colTwo {
    position: absolute;
top:-1px;
    left: 0;
/*border-top:1px solid #fff;*/
    }

.colOne {
    width: 220px;
    padding: 0 0 15px 0;
    margin:0;
    margin-top:-10px;
    border:none;
    }

.colTwo {
    width: 560px;
    left: 220px;
background-color:white;
top:-10px
    }

.imgCorner_tl {
    width: 12px;
    height: 12px;
    top: 0;
    position: absolute;
    background: transparent url(corner_tl.gif) no-repeat 0 0;
    }

/* --- TYPOGRAPHY --- */

h1 {
color:#034B7B;
font-size:1.4em;
font-weight:bold;
line-height:1.7em;
margin:12px 0;
}

h2 {
    margin: 8px 0 4px 0;
    color: #009bd2;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.4em;
    }

h3 {
    margin: 0;
    color: #034B7B;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.3em;
    }

h4 {
    color: #f63;
    }

h5 span {
    color: #f63;
    }

p {
    padding: 7px 0;
    }

.bodyCopy a {
    color: #9ccd38;
    text-decoration: underline;
    }

.bodyCopy a:hover {
    color: #fff;
    background: #9ccd38;
    }

strong {
    color: #f63;
    }

div.hr {
    clear: both;
    height: 1px;
    margin: 15px 0;
    background: url(hr.gif) repeat-x;
    }
    
sup {
    line-height: 12px;
    font-size: 5pt;
}

/*
------------------------------------------------------------------------------
COLUMN ONE SIDEBAR
------------------------------------------------------------------------------*/

colOne h3 {
margin: 18px 0 0 25px;
font-weight:normal;
    }

.colOne h2
{
font-size: 1.4em;
margin: 10px 0 0 25px;
font-weight:normal;
background: transparent url(sideNav_topBg.png) no-repeat right bottom;
padding-bottom:12px;
}

.colOne h2#nobot
{
background-image: none;
padding-bottom:10px;
}

/* --- sidenav --- */


ul.sideNav {
border-top:1px solid #fff;
    padding: 20px 0;
    list-style: none;
    margin: 0 0 0 10px;
    }

#sideNavBot {

height:12px;
width: 220px;
margin:0;
padding:0;
}


ul.sideNavTop {
    background: transparent url(subNav_bg.jpg) repeat-y left top;
}



/* Hides from IE-mac */
*html .sideNav ul { width: 220px }
/* End hide from IE-mac */    

.sideNav li {
    margin-left: 15px;
    padding-left: 15px;
    background: url(bullet_link.jpg) no-repeat left center;
    }

/* Hides from IE-mac */
*html .sideNav li { background: url(bullet_link.jpg) no-repeat 0 7px }
/* End hide from IE-mac */    

.sideNav a {
    color: #034b7b;
    font-weight: bold;
    display: block;
    padding: 5px 0;
    background: url(sideNav_btmBorder.gif) no-repeat right bottom;
    }

/* Hides from IE-mac */
*html .sideNav a { width: 180px    }
/* End hide from IE-mac */    

.sideNav a:hover {
    color: #009bd2;
    }

.sideNav li a#thispage {
    color: #009bd2;
    background: url(sideNav_hoverBg.jpg) no-repeat right bottom;
    overflow: hidden;
    }

.sub ul.subNav {
border-top:1px solid #fff;
    padding: 8px 0 12px 12px;
    margin:0;
    /*background: transparent url(subNav_bg.jpg) repeat-y right top;*/
    }

div.subBtm {
    /*background: transparent url(sideNav_topBg_sub.jpg) no-repeat right bottom;
    margin:0;*/
width:220px;
    height: 12px;
    }

.sub ul.subNav li {
    margin-left: 15px;
    }

.sub ul.subNav li a {
    color: #034b7b;
    line-height: 22px;
display:block;
background:url("sideNav_btmBorder.gif") no-repeat scroll right bottom transparent;
    }

.sub ul.subNav a:hover {
    color: #009bd2;
background:url("sideNav_hoverBg.jpg") no-repeat scroll right bottom transparent;
    }

.sub ul.subNav li.currentSection a {
    color: #009bd2;
    }

.sub ul.subNav li a#thispage {
    color: #009BD2;
    line-height: 22px;
background:url("sideNav_hoverBg.jpg") no-repeat scroll right bottom transparent;
    }


.sub ul.sideNav {
    background: transparent;
    padding-top: 10px;
    }

/* --- home page call to action --- */

ul.callToAction {
    border-top: 1px solid #fff;
    margin: 5px 0;
    }

.callToAction li {
    position: relative;
    width: 210px;
    padding-left: 10px;
    border-bottom: 1px solid #fff;
    }

.callToAction img {
    border-bottom: 1px solid #fff;
    }

.callToAction a {
    display: block;
    height: 26px;
    width:210px;
    padding: 10px 0 0 10px;
    color: #034B7B;
    background: url(btn_actionBg.jpg) no-repeat left bottom;
    }

/* Hides from IE-mac */
*html .callToAction a { height: 36px }
/* End hide from IE-mac */    

.callToAction a:hover {
    color: #034B7B;
    background: url(btn_actionBg_over.jpg) no-repeat left bottom;
    }

/*
------------------------------------------------------------------------------
COLUMN TWO BODY
------------------------------------------------------------------------------*/

.bodyCopy {
    position: relative;
    left: 1px;
    width: 519px;
    padding: 10px 15px 00px 15px;
    background: url(bg_contentGrad.jpg) no-repeat left 0;
margin:0;
    }

/* Hides from IE-mac */
*html .bodyCopy { width: 549px }
/* End hide from IE-mac */    


/* --- two col layout --- */

.col1of2 {
    width: 220px;
    float: left;
    display: inline;
    }

.col2of2 {
    width: 220px;
    margin-left:230px;
    }

/* --- sign up link --- */

.signup {
    background: url(bullet_link.jpg) no-repeat left center;
    padding-left: 15px;
    }

/* Hides from IE-mac */
*html .signup { background: url(bullet_link.jpg) no-repeat 0 7px }
/* End hide from IE-mac */    

.signup a {
    color: #034B7B;
    font-weight: bold;
    font-size: 0.9em;
    }

.signup a:hover {
    color: #fff;
    background: #034B7B !important;
    }

a.btn { padding: 5px 10px 0 70px; height: 57px; width: 80px; display: block; float: left; margin-bottom: 10px;  }
a.btn:hover { color: #9ccd38; }

a.pdf 
{ 
background:url(acrobat.png) no-repeat scroll 0 0 transparent;
display:block;
height:20px;
padding-left:20px;
}

a.pdf:hover { background: url(acrobat.png) no-repeat 0 0 #9ccd38; color:white ;}

div.Document dd
{
display:none;
}

div.Document dt
{
margin-bottom:6px;
}

/* ----------------------------------------------------------------------------
COLLAPSABLE BOX
------------------------------------------------------------------------------*/
.bodyCopy h6 { padding: 4px 0; }
.bodyCopy h6 a { color: #034B7B; text-decoration: none !important; padding-left: 18px; background: url(arrow_closed.gif) no-repeat 5px center; }
.bodyCopy h6 a:hover { color: #9ccd38; background: url(arrow_closed.gif) no-repeat 5px center; }
div.collapsableBox { margin: 0 18px 12px 18px; }




/* ---  --- */

.newsItem {
    margin-top: 7px;
    padding-top: 7px;
    background: url(hr.gif) repeat-x;
    }

.newsItem .date {
    font-size: .9em;
    margin-bottom: -8px;
    padding: 0;
    color: #f63;
    }

.testimonial a {
    text-decoration: none !important;    
    }

/* --- products -- */
.products .hr {
    margin-bottom: 6px !important;
    margin-top: 6px !important;    
    }

.products h3 a {
    color: #034B7B;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.2em;
    text-decoration: none !important;
    }

.products h4 {
    color: #009bd2 !important;
    font-weight: bold;
    margin-top: 10px !important;
    clear: both;
    }

.products p strong {
    font-weight: bold;
    color: #666;
    }
/*
------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------*/

form button.go {
    width: 28px;
    height: 16px;
    border: none;
    cursor: pointer;
    cursor: hand;
    background: url(btn_go.jpg) no-repeat 0 0;
    position: relative;
    top: 4px;
    left: 4px;
    }

form input.btn {
    text-align: center;
}

/* Hides from IE-mac */
* html form button.go { top: 0;    left: 0    }
/* End hide from IE-mac */

form input.updateInput {
    width: 130px;
    border: 1px solid #C3C3C3;
    border-top-color: #7C7C7C;
    border-bottom-color: #ddd;
    background: #fff;
    line-height: 16px;
    margin: 3px 0 0 18px;
    padding: 2px;
    color: #999;
    }

label {
    float: left;
    display: block;
    width: 200px;
    }

.formRow input, .formRow textarea {
    width: 200px;
    border: solid #999999 1px;
    }

.formRow {
    margin-bottom: 10px;
    }

#submit {
    margin-left: 200px;
    width: 80px;
    }

.newsletter label {width: 40px; margin-left: 20px;}

/*
------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/


ul li {
    list-style: none;
    }

ul.features {
    margin-top: 6px;
    margin-bottom: 15px;
}
ul.features li, .Zine ul li {
    list-style: none;
    background: #fff url(bullet_link.jpg) no-repeat 0px 2px;
    margin-left: 10px;
    margin-bottom: 4px;
    padding-left: 15px;
    line-height: 15px;
    }
ul.features li ul {
    margin-top: 4px;
    }

/* --- sitemap --- */

ul.sitemap ul {
    margin-left: 20px;
    margin-bottom:10px;
    }

ul.sitemap ul.sitemap ul {
    margin-left: 20px;
    margin-bottom:0px;
    }

ul.sitemap ul li {
    background: #fff url(bullet_link.jpg) no-repeat center left;
    padding-left: 15px;
    font-weight:normal;
    }

ul.sitemap li {
    background: none;
    padding-left: 15px;
    font-weight:bold;
    }

/* --- feature listing with image --- */

.listImg li {
    display: block;
    position: relative;
    clear: both;
    list-style: none;
    padding-bottom: 30px;
    }

.listImg p {
    width: 280px;
    padding: 0;
    margin: 0 0 0 230px;
    }

.listImg img {
    float: left;
    }

.listImg a {
    font-size: 1.1em;
    font-weight: bold;    
    }


ul.newsarticles li {
    list-style: none;
    margin-left: 10px;
    padding-left: 15px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/*


------------------------------------------------------------------------------
    FOOTER
------------------------------------------------------------------------------*/

#footer {
    width: 780px;
    margin: 0 auto;
    background: transparent url(bg_page_btm.gif) repeat-x left top;
    padding-bottom: 10px;
    }

#footer p {
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 0.9em;
    }

#footer a {
    color: #53BEE2;
    font-size: 1.0em;
    }

#footer a:hover {
    color: #fff;
    background: #53BEE2;    
    }

#footer p#copyright, #footer p#copyright a {
    color: #C6E8F3;
    }

p#copyright a:hover {
    color: #034b7b !important;
    background: #C6E8F3;
    }

/*
------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------*/

#container {
    width: 780px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 10px;
    background: transparent url(bg_page_top.gif) no-repeat left top;
    }

.clear_children,.cc_tallest { position: relative;} /**/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

.clearfix, .col_wrap {
    height: 1%; 
    }

.clearfix:after, .col_wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

html > body .clearfix, html > body .col_wrap {
    min-height: 1px; 
    height: auto;
    }

.col { float: left; width: 50%; }


.absolute_float_right{ right: 15px; position: absolute; }

.absolute_float_left{ left: 15px; position: absolute; }

.padding { padding: 10px 0 0 150px; }

.rightalign_link { padding-left: 400px; }
/*
------------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
------------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
}

.sIFR-hasFlash .colOne h2 {
    visibility: hidden;
}

/*------------------------------------------------------------------------------
Feature Projects
------------------------------------------------------------------------------*/

.topBanner
{ 
background-color:#fff; 
position: relative; 
height:244px;
z-index:-1px;
margin:0 !important;
}

.topBanner img
{
margin:0 0 0 10px;
}

.topBanner div.pics img
{
margin:0px;
}

.topBanner div#projectsLeftbar img
{
margin:0px;
}

#indexbanner
{
height:411px; 
}


#bot_curve
{ 
background-image: url(botcurve.png); 
background-repeat: no-repeat; 
position: absolute; 
left: 0; 
bottom: 0; 
height: 85px; 
width:780px;
z-index: 100; 
}

#projectBanner
{ 
background-image: url(bg_content.jpg); 
background-repeat: repeat-y; 
background-position: 0 0; 
height:460px; 
}

#projectsLeftbar div
{
color: #669900;
margin:20px 30px 20px 20px;
line-height:120%;
}

#projectsLeftbar h2
{
color: #034b7b;
margin:0 0 10px 0;
padding:0;
}

#projectsLeftbar #statstitle
{
color: #009bd2;
margin:15px 0 0 0;
padding:0;
}

#projectsLeftbar
{ 
background-image: url(leftside_top.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
float:left; 
width:230px; 
height:430px; 
}

#projectsimg
{ 
width:550px; 
height:430px; 
float:right; 
background-color: #fff;
}

.pics
{
position:absolute;left:223px;
overflow: hidden;
}

pre { display:none }

#nav
{
width:200px;
position:absolute;
left:20px;
bottom:80px;
}

#nav a 
{ 
color:#fff; 
background: url(button.gif) no-repeat; 
text-decoration: none; 
width: 26px; 
height: 26px; 
float: left; 
margin: 0; 
padding: 0; 
}

#nav a:hover 
{ 
background: url(button.gif)  no-repeat -52px 0; 
}

#nav a.activeSlide 
{ 
color:#fff;
background: url(button.gif) no-repeat -26px 0; 
}

#nav a:focus { outline: none; }


/*******************Zines*******************/

.Zine .ZineIndex div.ZineItem
{
background:url(hr.gif) repeat-x scroll 0 0 transparent;
margin-top:7px;
padding-top:7px;
}

div.Zine .ZineHeader .ZineTitle h2
{
color:#034B7B;
font-size:1.4em;
font-weight:bold;
line-height:1.7em;
margin:12px 0;
}

table.ZineTools a
{
text-decoration:none !important;
}


table.ZineTools img
{
padding-right:5px;
}

div.Zine
{
font-weight:normal;
font-size:95%;
margin-right:10px;
}

div.Zine .ZineLink
{
display:block;
font-weight:bold;
}

div.Zine span.ZineDate
{
font-style:italic;
color:#999999;
}

div.Zine .ZineSummaryIndex
{
text-align:right;
}

/*******************Survey*******************/

div.survey h2
{
display:none;
}

div#SurveyQuestionBlock_1 textarea
{
width:150px;
}

/*******************home page*******************/

table.promotion div.Zine .ZineTitle h2
{
padding-top:0px;
margin-top:0px;
}

table.promotion div.Zine .ZineSummaryIndex
{
text-align:left;
}

table.promotion div.Zine .ZineIndex div.ZineItem
{
background:none;
margin-top:0px;
padding-top:0px;
}

table.promotion div.Zine table.ZineTools
{
display:none;
}

table.promotion div.Zine span.ZineDate
{
display:none;
}

table.promotion div.Zine a.ZineLink
{
text-decoration:none !important;
color:#034B7B;
}

table.promotion div.Zine a.ZineLink:hover
{
background-color:white;
}

div.news div.Zine .ZineIndex div.ZineItem
{
background:none;
}

div.news div.Zine .ZineSummaryIndex
{
display:none;
}

div.news div.Zine table.ZineTools tr
{
display:inline;
padding-right:50px;
}

div.news div.Zine table.ZineTools
{
margin-top:20px;
}

div.news div.Zine .ZineHeader .ZineTitle h2
{
margin:0px;
}


#top_menu ul 
{
display:inline-block;
}

span.VersionMenu
{
display:inline-block;
}

#top_menu {
text-align:right;
padding-right:15px;
}

div.ZineArticle div.ZineBody table.ZineImage
{
float:right;
}


table.promotion div.Zine div.ZineIndex div.ZineArticle div.ZineTitle
{
display:none;
}

/*************** table ******************/

table.A
{
margin:5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}

table.A td
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}

table.promotion .Zine img.ZineThumb
{
margin-right:10px;
}

div.careers .ZineIndex
{
margin-top:15px;
margin-bottom:15px;
}

div.careers .ZineIndex .listitem
{
margin-bottom:5px;
}

div.careers .ZineIndex .listitem
{
font-weight:bold;
}

div.careers .ZineIndex .listitem .ZineDate
{
font-weight:normal;
}

div.careers .ZineIndex .listitem .ZineArticle
{
font-weight:normal;
}

div.careers .ZineIndex .list
{
margin-top:10px;
}

div.careers .ZineIndex a.listcontrol img
{
padding-right:7px;
padding-top: 4px;
}

div.vjs-current-time-display, div.vjs-remaining-time-display {
text-align: center !important;
line-height: normal !important;
}

.vjs-default-skin .vjs-controls {
height: 5.6em !important;
}

.vjs-default-skin .vjs-fullscreen-control {
display: none !important;
}

.vjs-default-skin .vjs-volume-control {
padding-right: 15px !important;
}