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

body{
margin: 0;
padding: 0;
color: #415968;
font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:link, 
a:visited{
color: #662086;
border-bottom: 1px dotted #16325c;
text-decoration: none;
}

a:hover,
a:active{
border-bottom: 1px solid #16325c;
text-decoration: none;
}

h1{
padding: 0 0 10px;
margin: 0;
color: #662086;
font: normal 28px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: none;
}

#home h1{
/*padding: 20px 0 5px 0;*/
background: url(../images/h1-home.gif) bottom left no-repeat;
height: 130px;
width: 700px;
padding: 0;
margin: 0;
font: normal 43px/46px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #662086; 
text-indent: -5000px;
}

h2{
color: #3593c1;
font: bold 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0 8px;
margin: 0 0 12px;
background: url(../images/h2-bg.gif) bottom left no-repeat;
}

#home #rotate h2{
height: 130px;
width: 700px;
padding: 0;
margin: 0;
font: normal 43px/46px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #662086; 
text-indent: -5000px;
}

#home h2.admin{
background: url(../images/h2-admin.gif) bottom left no-repeat;
}

#home h2.capitalize{
background: url(../images/h2-capitalize.gif) bottom left no-repeat;
}

#home h2.overspending{
background: url(../images/h2-overspending.gif) bottom left no-repeat;
}

#home h2.income{
background: url(../images/h2-income.gif) bottom left no-repeat;
}

#home h2.balance{
background: url(../images/h2-balance.gif) bottom left no-repeat;
}

h2 a:link,
h2 a:visited{
color: #3593c1;
border-bottom: none;
}

h2 a:hover,
h2 a:active{
text-decoration: none;
color: #662086;
}

h3{
font: bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #16325c;
padding: 0 0 3px;
margin: 0;
}

h4, h5, h6{
font: bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #415968;
padding: 0 0 3px;
margin: 0;
}

h5 a:link,
h5 a:visited{
color: #5c727e;
border-bottom: none;
}

h5 a:hover,
h5 a:active{
text-decoration: none;
color: #662086;
}

p{
padding: 0 0 12px;
margin: 0;
}

ul{
padding: 0 0 12px;
margin: 0;
list-style-type: none;
position: relative;
}

li{
padding: 0 0 3px 10px;
margin: 0;
background: url(../images/bullet.gif) 0px 7px no-repeat;
}

blockquote{
border: 2px dotted #3593c1;
margin: 10px 0;
padding: 15px;
color: #3593c1;
font: bold 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Form Styles */

form{
padding: 0;
margin: 0;
}

fieldset{
padding: 0;
border: none;
width: 600px;
}

legend{
border: 1px solid #ccc;
background: #fff;
padding: 0;
}

label{
margin: 0 0 3px;
display: block;
}

input,
select,
textarea{
border: solid 1px #C5D9D7;
margin: 0 0 15px;
font: normal 14px/20px Arial, Helvetica, sans-serif;
color: #16325c;
}

#pgcontent input,
#pgcontent select{
width: 450px;
line-height: 20px;
height: 20px;
}

textarea{
width: 600px;
}

input:focus, 
select:focus, 
textarea:focus{
border: 1px solid #6CADC3;
}

input.btn, 
#pgcontent input.btn{
width: auto;
font: bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
background: #214369 url(../images/login-btn-bg.gif) repeat-x top left;
/*float: right;
position: relative;
display: inline;*/
color: #fff;
border: 1px solid #214369;
margin: 0 0 10px;
height: 20px;
}

input#searchsubmit{
width: auto;
font: bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
background: #214369 url(../images/login-btn-bg.gif) repeat-x top left;
color: #fff;
border: 1px solid #214369;
padding: 0;
margin: 0 0 10px;
height: 20px;
}

/* Special Classes */
.imgright{
float: right;
position: relative;
display: inline;
padding: 5px 0 0 20px;
}

.imgleft{
float: left;
position: relative;
display: inline;
margin: 0 0 5px 0;
}

.clear{
clear: both;
}

div.clear{
line-height: 1px;
height: 1px;
}

.highlight{
color:#3593C1;
}

.listtwocol{
width: 330px;
float: left;
position: relative;
display: inline;
}

p.date{
color:#6A828F;
font-weight:normal;
margin-bottom:12px;
padding:0;
font-size: 11px;
}

.single p.date{
border-top: 1px solid #91A3B0;
padding: 5px 0 0;
}

em.date{
display: inline;
float: left;
position: relative;
padding: 0 3px 0 0;
}

p.date a:link, 
p.date a:visited, 
.nxt-prev a:link, 
.nxt-prev a:visited{
color:#6A828F;
border-bottom: none;
}

p.date a:hover,
p.date a:active, 
.nxt-prev a:hover,
.nxt-prev a:active{
color: #662086;
border-bottom: none;
}

.nxt-prev{
color:#6A828F;
font-weight:normal;
margin: 30px 0 0;
padding: 3px 0 10px;
font-size: 11px;
border-top: 1px dotted #91A3B0;
}

.nxt-prev .imgright{
padding: 0;
}

.cat{
float: right;
display: inline;
}



/*Layout */

.wrapper{
width: 960px;
margin: 0 auto;
clear: both;
}

#header{
height: 100px;
}

#header ul{
list-style-type: none;
margin: 0;
padding: 45px 0 0;
float: right;
font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header li{
float: left;
display: inline;
margin: 0;
padding: 0;
background: none;
}

#header a:link, 
#header a:visited{
border-bottom: none;
}

#logo a:hover, 
#logo a:active{
color: #6c217f;
}

#header li a:link, 
#header li a:visited{
display: block;
margin: 0 0 0 35px;
text-decoration: none;
color: #16325c;
border-bottom: 2px solid #fff
}

#header li a:hover, 
#header li a:active, 
#header li a.active{
color: #6c217f;
border-bottom: 2px solid #739b97
}

#main{
border-bottom: 1px solid #91a3b0;
border-top: 1px solid #91a3b0;
}

#breadcrumbs{
font: normal 12px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0 20px;
color: #8495a1;
}

#breadcrumbs a:link, 
#breadcrumbs a:visited{
border-bottom: none;
color: #91a3b0;
}

#breadcrumbs a:hover, 
#breadcrumbs a:active{
color: #16325c;
}

#pgcontent{
float: left; 
position: relative;
display: inline;
width: 690px;
margin: 0 0 20px;
}

.col{
position: relative;
display: inline;
margin: 0 0 20px;
}

.one{
width: 195px;
}

.two{
width: 210px;
}

.col.two{
/*background: #d4e5f2 url(../images/col-one-top.gif) top right no-repeat; Light Blue Box
#6EB3D6 url(../images/login-bottom.gif) no-repeat scroll left bottom
background: #6eb3d6 url(../images/login-top.gif) no-repeat scroll right top;*/
float: right;
}

.col h3 a:link,
.col h3 a:visited{
color: #16325c;
border-bottom: none;
}

.col h3 a:hover,
.col h3 a:active{
color: #6c217f;
border-bottom: none;
}

.col.two .top-corner{
background: #6eb3d6 url(../images/col-one-top.gif) top right no-repeat;
}

.col ul{
/*padding: 0 15px;*/
padding: 0;
font: normal 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*background: url(../images/login-bottom.gif) no-repeat left bottom;*/
background: #6eb3d6 url(../images/col-one-bottom.gif) bottom left no-repeat;
}

.col ul ul{
padding: 0;
margin: 0;
font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: none;
}

.col li{
background-image: none;
padding: 12px 0;
margin: 0 15px;
/*border-top: 1px solid #fff; Light Blue Box
background-color: #6eb3d6;
*/
border-top: 1px dotted #fff;
}

.col.two li{
color: #fff; /* Light Blue Box override */
}

.col li.first{
border-top: none;
background:  url(../images/col-one-top.gif) top right no-repeat;
padding: 12px 15px;
margin: 0;
}

.col li a:link, 
.col li a:visited{
text-decoration: none;
border-bottom: none;
/*color: #415968; Light Blue Box */
color: #fff;
}

.col li a:hover, 
.col li a:active,
.col li a.active, 
.col li.current-cat a:link, 
.col li.current-cat a:visited, 
.col li.current-cat a:hover, 
.col li.current-cat a:active{
text-decoration: none;
border-bottom: none;
/*color: #3593c1; Light Blue Box */
color: #16325C;
}

.col li li{
padding: 8px 0;
margin: 0;
}

.col h2{
background: none;
margin: 0;
}

.col.two h2{
padding: 0 0 8px;
color: #16325C; /* Light Blue Box override */
}

.col li h2 a:link,
.col li h2 a:visited{
/*color: #3593c1; Light Blue Box */
color: #16325C;
border-bottom: none;
}

.col li h2 a:hover, 
.col li h2 a:active{
text-decoration: none;
/*color: #000; Light Blue Box */
color: #fff;
}

.col.two input{
width: 115px;
margin: 0;
}

.col.partnerships{
width: 248px;
float: right;
}

.blog-box{
background: #d4e5f2 url(../images/col-one-bottom.gif) bottom left no-repeat;
margin-top: 15px;
}

.col.partnerships .blog-box{
margin-left: 38px;
}

.col.two .blog-box h2, 
.blog-box h2{
background: url(../images/col-one-top.gif) top right no-repeat;
padding: 12px 12px 6px;
font-size: 13px;
line-height: 18px;
}

.blog-box h2 a:link, 
.blog-box h2 a:visited{
color: #16325C;
}

.blog-box h2 a:hover, 
.blog-box h2 a:active{
color: #662086;
}

.blog-box p, 
#home .blog-box p{
padding: 0 12px 12px;
}

#blog h3{
font: bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #16325c;
padding: 30px 0 8px;
margin: 0 0 8px;
/*border-bottom: 1px solid #A9C2C8;*/
background: transparent url(../images/h2-bg.gif) no-repeat scroll -350px bottom
}

#blog p{
font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#blog a.learnmore{
margin: 0;
}

/*Footer */
#footer, 
#home #footer{
font: normal 12px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 8px 0 18px;
color: #8495a1;
}

#footer span{
float: right;
position: relative;
display: inline;
}

#footer a:link, 
#footer a:visited{
color: #91a3b0;
}

/*Blog Styles */
.three{
width: 450px;
}

.left{
float: left;}

.right{
float: right;
}

.blog h1{
padding: 0;
}

.blog h2{
margin: 10px 0 12px;
background: url(../images/timeline-h2.gif) bottom right no-repeat;
}

/* Home Page Styling */

#home #pgcontent{
float: right;
width: 705px;
margin: 25px 0 20px;
}

#home #footer{
border-top: 1px dotted #91a3b0;
}

#home .col{
margin: 25px 0;
}

#home .two{
width: 250px;
}

#home .col.two h3,
#home .col.two h4,
#home .col.two h5,
#home .col.two p, 
#home em.date{
margin-left: 40px;
}

#home .col.one, 
#home .col.two{
background-color: #fff;
background-image: none;
float: left;
}

#home #rotate{
padding: 0;
}

#home #rotate li{
background: none;
padding: 0;
}

#home h3{
font: bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #16325c;
padding: 0 0 10px;
margin: 0;
}

#home h4{
font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3593c1;
padding: 0 0 3px;
margin: 0;
}

#home h4 a:link,
#home h4 a:visited{
color: #3593c1;
border-bottom: none;
}

#home h4 a:hover,
#home h4 a:active{
color: #6c217f;
border-bottom: none;
}

#home h5{
color: #6a828f;
padding: 3px 0;
margin-bottom: 5px;
border-bottom: 1px solid #a9c2c8;
font-weight: normal;
}

#home p{
font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0 0 8px;
}

#home em.date{
font: italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* Login Box on Home Page */
#home #login{
background: #6eb3d6 url(../images/login-bottom.gif) bottom left no-repeat;
}

#login form{
margin: 0 15px;
padding: 10px 0 0;
border-top: 1px solid #fff;
}

#login label{
color: #fff;
padding: 0;
display: block;
}

#login input.text{
margin: 0 0 10px;
border: 1px solid #fff;
width: 160px;
}

#login .ckbox label{
display: inline;
font-size: 11px;
line-height: 18px;
}

#login .ckbox input{
margin: 0 5px 0 0;
padding: 0;
border: none;
display: inline;
width: auto;
}

#login input.forgot{
background: none;
font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
border-left: none;
border-top: none;
border-right: none;
border-bottom: 1px dotted #fff;
text-decoration: none;
padding: 0;
margin: 0 0 3px;
text-align: left;
width: 160px;
}

#login a:link, 
#login a:visited{
color: #fff;
border-bottom: 1px dotted #fff;
}

#login a:hover, 
#login a:active{
color: #16325c;
border-bottom: 1px solid #16325c;
}

#login h3{
font: bold 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 12px 0;
margin: 0 18px;
color: #fff;
background: url(../images/blue-arrow.gif) right 13px no-repeat;
letter-spacing: 0;
text-transform: none;
border-top: 1px solid #fff;
cursor: pointer;
}

#login h3.active{
background: url(../images/blue-arrow-down.gif) right 13px no-repeat;
}

#login h3.first{
padding: 12px 18px 10px;
margin: 0;
background: url(../images/login-top-arrow.gif) top right no-repeat;
border-top: none;
color: #16325c;
}

#login h3.first.active{
background: url(../images/login-top.gif) top right no-repeat;
color: #fff;
}

#login h3 a:link, 
#login h3 a:visited{
color: #fff;
border-bottom: none;
}

#login h3:hover, 
#login h3 a:hover, 
#login h3 a:active{
color: #16325c;
}

#login h3.first:hover{
color: #fff;
}

#login p{
padding: 0 0 10px;
color: #fff;
}

/* Home Page Modules */

a.learnmore:link, 
a.learnmore:visited{
background: #62a8d0 url(../images/learn-more.gif) top left no-repeat;
width: 91px;
height: 22px;
color: #fff;
border-bottom: none;
text-indent: -5000px;
display: block;
margin: 0 0 15px 40px;
}

a.learnmore:hover, 
a.learnmore:active{
background: #2d5973 url(../images/learn-more.gif) bottom left no-repeat;
}


a.case-study:link, 
a.case-study:visited{
background: #62a8d0 url(../images/case-study-link.gif) top left no-repeat;
height: 33px;
width: 91px;
color: #fff;
border-bottom: none;
text-indent: -5000px;
display: block;
margin: 0 0 15px 40px;
}

a.case-study:hover, 
a.case-study:active{
background: #2d5973 url(../images/case-study-link.gif) bottom left no-repeat;
}

.white-paper form{
margin-left: 40px;
}

.col.two.white-paper input{
width: 210px;
margin: 0;
}

.col.two.white-paper input.btn{
/*background: #62a8d0 url(../images/download-link.gif) top left no-repeat;*/
background: #62a8d0 url(../images/download-program-overview.gif) top left no-repeat;
height: 33px;
/*width: 110px;*/
width: 130px;
padding: 0;
color: #fff;
border: none;
float: none;
letter-spacing: normal;
text-indent: -5000px;
display: block;
cursor: pointer;
margin: 8px 0 0;
}

.white-paper input.btn:focus{
background-position: bottom left;
}

.state-map a:link, 
.state-map a:visited{
border-bottom: none;
}

/* Map Styles */
#map{
position: relative;
background-color: #fff;
background-image:url(../images/map-bg.gif)!important;
background-repeat: no-repeat;
background-position: top left;
}

#map h2{
text-indent: -5000px;
background: url(../images/map-h2-bg.gif) bottom left no-repeat;
width: 500px;
height: 70px;
margin: 0;
padding: 0;
}

#stateabbr{
background: url(../images/us-map2.gif) top left no-repeat;
width: 660px;
height: 480px;
padding: 0;
margin: 10px 40px 0;
position: absolute;
}

#stateabbr li{
padding: 0;
margin: 0;
background: none;
}

#stateabbr a:link, 
#stateabbr a:visited{
position: absolute;
color: #fff;
text-align: center;
padding: 0;
margin: 0;
border-bottom: none;
display: block;
width: 25px;
height: 20px;
line-height: 18px;
font-weight: bold;
background: url(../images/map-abbr-bg.gif) top left no-repeat;
font-size: 12px;
color: #415968;
z-index:10010;
}

#stateabbr a:hover, 
#stateabbr a:active,
#stateabbr a.active{
background: url(../images/map-abbr-bg.gif) bottom left no-repeat;
color: #415968;
}

.al{ top: 275px; left: 449px; }
.ak{ top: 368px; left: 85px; }
.az{ top: 245px; left: 122px; }
.ar{ top: 253px; left: 372px; }
.ca{ top: 196px; left: 36px; }
.co{ top: 183px; left: 208px; }
.ct{ top: 132px; left: 650px; }
.de{ top: 158px; left: 650px; }
.dc{ top: 210px; left: 650px; }
.fl{ top: 347px; left: 538px; }
.ga{ top: 275px; left: 495px; }
.hi{ top: 424px; left: 230px; }
.ia{ top: 136px; left: 353px; }
.id{ top: 89px; left: 112px; }
.il{ top: 165px; left: 406px; }
.in{ top: 163px; left: 445px; }
.ks{ top: 195px; left: 300px; }
.ky{ top: 198px; left: 470px; }
.la{ top: 308px; left: 380px; }
.ma{ top: 80px; left: 650px; }
.me{ top: 25px; left: 630px; }
.md{ top: 184px; left: 650px; }
.mi{ top: 111px; left: 458px; }
.ms{ top: 280px; left: 411px; }
.mn{ top: 79px; left: 340px; }
.mo{ top: 200px; left: 370px; }
.mt{ top: 50px; left: 178px; }
.nc{ top: 220px; left: 548px; }
.nd{ top: 49px; left: 275px; }
.ne{ top: 145px; left: 280px; }
.nh{ top: 33px; left: 590px; }
.nj{ top: 140px; left: 598px; }
.nm{ top: 250px; left: 194px; }
.nv{ top: 153px; left: 72px; }
.ny{ top: 94px; left: 568px; }
.oh{ top: 154px; left: 486px; }
.ok{ top: 242px; left: 312px; }
.or{ top: 73px; left: 44px; }
.pa{ top: 132px; left: 543px; }
.ri{ top: 106px; left: 650px; }
.sc{ top: 252px; left: 529px; }
.sd{ top: 97px; left: 275px; }
.tn{ top: 230px; left: 450px; }
.tx{ top: 311px; left: 285px; }
.ut{ top: 170px; left: 137px; }
.vt{ top: 40px; left: 560px; }
.va{ top: 187px; left: 545px; }
.wa{ top: 22px; left: 66px; }
.wv{ top: 182px; left: 514px; }
.wi{ top: 90px; left: 393px; }
.wy{ top: 115px; left: 190px; }

.stateinfo ul{
padding: 0 12px;
font-weight: bold;
margin: 0 0 0 16px;
background: #fff;
/*border-bottom: 1px solid #91a3b0;
border-left: 1px solid #91a3b0;
border-right: 1px solid #91a3b0;*/
border-bottom: 1px solid #3593c1;
border-left: 1px solid #3593c1;
border-right: 1px solid #3593c1;
}

.stateinfo li{
background-image: none;
/*background-color: #D4E5F2;
border-top: 1px solid #fff;
*/
background: #fff;
border-top: 1px solid #b2bec8;
padding: 5px 0 5px 200px;
clear: left;
line-height: 16px;
}

.stateinfo li.website{
/*padding: 5px 10px 8px;*/
padding: 5px 0 8px;
font-weight: normal;
border-top: none;
font-size: 11px;
text-transform: uppercase;
}

.stateinfo li.website a:link, 
.stateinfo li.website a:visited, 
.stateinfo li.website a:hover, 
.stateinfo li.website a:active, 
.stateinfo li.website strong{
font-size: 13px;
text-transform: none;
font-weight: bold;
}

.stateinfo span{
font-weight: normal;
float: left;
position: relative;
display: inline;
width: 245px;
margin: 0 0 0 -200px;
padding: 0 0 3px;
font-size: 11px;
text-transform: uppercase;
}

.stateinfo h3, 
#home .stateinfo h3{
/*background: #D4E5F2 url(../images/map-stateinfo-h3-bg3.gif) no-repeat left center;*/
background: url(../images/map-stateinfo-h3-bg2.gif) no-repeat left center;
padding: 0;
font: bold 16px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
text-indent: -10px;
text-transform: none;
color: #fff;
/*
color: #3593c1;*/
letter-spacing: 0;
/*background: #fff;
border: 1px dotted #91a3b0;*/
}

#home .footnote, 
.footnote{
padding: 0 40px;
position: absolute;
top: 558px;
width: 680px;
height: 100px;
}

#home .footnote p, 
.footnote p{
padding: 0 0 8px;
font: normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* JS Specific Styles */

.hasJS .stateinfo{
display: none;
z-index: 10010;
height: 400px;
width: 390px;
position: absolute;
left: 200px;
top: 200px;
}

.hasJS a.top:link, 
.hasJS a.top:visited{
right: 8px;
top: 6px;
width: 20px;
height: 20px;
background: url(../images/close_btn.gif) top left no-repeat;
text-indent: -5000px;
position: absolute;
border-bottom: none;
}

.hasJS a.top:hover,
.hasJS a.top:active{
background: url(../images/close_btn.gif) top right no-repeat;
}

.hasJS .hide{
display: none;
}

/* the overlayed element */
div.overlay {
background-image:url(../images/map-bg.gif)!important;
background-position: top left;
background-repeat: no-repeat;
width:776px;
height:633px;		
display:none;
}

.apple_overlay { 
background-image:url(../images/map-bg.gif);
background-position: top left;
background-repeat: no-repeat;
width:776px;     
} 

.apple{ 
background-image:url(../images/map-bg.gif);
background-position: top left;
background-repeat: no-repeat;
width:776px;     
} 

div.overlay div.close {
background: url(../images/close.gif) top left no-repeat;
position:absolute;
right:20px;
top:20px;
cursor:pointer;
height:20px;
width:20px;
border-bottom: none;
}

div.overlay div.close:hover {
background: url(../images/close.gif) bottom left no-repeat;
}

/*Timline */

.hasJS .timeline{
position: relative;
}

.hasJS .timeline h2{
margin: 0;
background: url(../images/timeline-h2.gif) bottom left no-repeat;
}

.hasJS .timeline h3{
padding: 13px 0;
width: 160px;
cursor: pointer;
background: url(../images/timeline-h3.gif) bottom right no-repeat;
}

.hasJS .timeline h3.hover,
.hasJS .timeline h3:hover{
color: #16325c;
background: url(../images/timeline-h3-hover.gif) bottom right no-repeat;
}

.hasJS .timeline h3.active, 
.hasJS .timeline h3.active.hover,
.hasJS .timeline h3.active:hover{ 
color: #662086;
background: url(../images/timeline-h3-active.gif) bottom right no-repeat;
}

.hasJS .timeline div{
width: 500px;
height: 400px;
display: inline;
position: absolute; 
top: 45px;
left: 190px;
margin: 15px 0;
}

.hasJS .timeline div.wider{
width: 550px;
}

.hasJS .timeline.year h3{
width: 60px;
cursor: pointer;
background: url(../images/timeline-h3-yr.gif) bottom right no-repeat;
}

.hasJS .timeline.year h3.hover,
.hasJS .timeline.year h3:hover{
color: #16325c;
background: url(../images/timeline-h3-yr-hover.gif) bottom right no-repeat;
}

.hasJS .timeline.year h3.active, 
.hasJS .timeline.year h3.active.hover,
.hasJS .timeline.year h3.active:hover{ 
color: #662086;
background: url(../images/timeline-h3-yr-active.gif) bottom right no-repeat;
}

.hasJS .timeline.year div{
width: 600px;
left: 90px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 � 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
	z-index: 10;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1 {
font-family: Din;
visibility: hidden;
}

/*.sIFR-active #home h1{
font-family: Din;
visibility: hidden;
}*/
}