/* NCDOT Homepage Styles */

#inpagenav              {display:none;} /* This is turned off in JS, but on super slow connections it can flash in and out */
.noleftcol #contentarea {width:955px;background:#EFEFEF url('/_graphics/css_skin/contentarea_bg.gif') repeat-x top left;}
#head                   {display:none;}
#toppage h2             {background:none;border-bottom:1px dotted #CCC;color:#666;font-size:18px;letter-spacing:1px;margin:0 0 10px;padding:25px 0 5px;text-align:center;width:auto;}

/* News Slider */
#latestnews,
#newsholder,
#newsholder .wrapper,
#newsholder .wrapper ul li{width:955px;height:260px;overflow:hidden;}

#latestnews               {position:relative;border:1px solid #0A1843;background:url('/_graphics/site_graphics/toppage_newsloader.jpg') repeat 0 0;}
#newsholder               {position:relative;margin:0 auto 0;}
#newsholder .wrapper      {position:absolute;top:0;left:0;}
#newsholder .wrapper ul   {width:32700px;list-style:none;padding:0;margin:0;overflow:hidden;}
#newsholder .wrapper ul li{display:block;float:left;padding:0;margin:0;}

/* Newslider left nav */    
#newsholder .thumbNav        {position:relative;z-index:20;width:80px;height:100%;background:url('/_graphics/site_graphics/toppage_transpback.png') repeat 0 0;}
#newsholder .thumbNav ul     {padding:0px;margin:0px;height:100%;}
#newsholder .thumbNav li     {list-style-type:none;}
#newsholder .thumbNav a      {float:left;outline:None;width:62px;height:30px;margin:10px 7px;padding:0px;border:1px solid #fff;overflow:hidden;display:block;background:#0A1843 url("/_graphics/site_graphics/toppage_minincdoticon.png") no-repeat center 2px}
#newsholder .thumbNav a:hover{border:3px solid #8FD7FF;margin:8px 5px;-moz-box-shadow:0px 0px 4px #8FD7FF;-webkit-box-shadow:0px 0px 4px #8FD7FF;box-shadow:0px 0px 4px #8FD7FF;}
#newsholder .thumbNav a.cur  {border:3px solid #FFF36F;margin:8px 5px;-moz-box-shadow:0px 0px 4px #FFF36F;-webkit-box-shadow:0px 0px 4px #FFF36F;box-shadow:0px 0px 4px #FFF36F;}

/* Leftnav adjustments for different numbers of releases */
#latestnews .thumbNav ul.nav3 a{height:65px;}
#latestnews .thumbNav ul.nav4 a{height:42px;}
#latestnews .thumbNav ul.nav5 a{height:30px;}
#latestnews .thumbNav ul.nav6 a{height:21px;}
#latestnews .thumbNav ul.nav7 a{height:15px;}   

#latestnews .thumbNav img   {width:62px;margin-top:-10px;}
#latestnews ul.nav3 img     {width:100px;margin-top:0px;margin-left:-15px;}
#latestnews ul.nav4 img     {width:70px;margin-top:0px;margin-left:-5px;}
#latestnews ul.nav5 img     {width:62px;margin-top:-5px;}
#latestnews ul.nav6 img     {width:62px;margin-top:-15px;}
#latestnews ul.nav7 img     {width:62px;margin-top:-20px;}
    
#newsholder .arrow, #newsholder .start-stop {display:none;}


/* Newslider content */
#newsholder .newscontentbox     {height:100%;z-index:10;position:absolute;top:0px;margin-left:80px;padding-left:455px;background:url('/_graphics/site_graphics/toppage_transpback.png') repeat 0 0;}
#newsholder .newscontentbox a   {text-decoration:none;}
#newsholder .imageholder        {display:block;width:450px;position:relative;z-index:15;height:260px;left:80px;text-align:center;overflow:hidden;}
#newsholder .imageholder img    {height:auto;width:auto;max-width:450px;}

#newsholder img.bigbg           {margin-top:-20%;position:absolute;top:0;width:1008px;z-index:0;}
#newsholder h6 a                {width:400px;margin:15px 10px 10px;display:block;color:#fff;text-shadow:1px 1px #000;font-weight:bold;font-size:17px;line-height:19px;text-shadow:1px 2px 1px #000;text-decoration:none;}
#newsholder h6 a:hover          {text-decoration:none;color:#FFEF3F;}
#newsholder .newsstorytext_output{text-decoration:none;width:350px;min-height:30px;color:#fff;display:block;font-size:14px;line-height:17px;margin:10px 15px;min-height:30px;padding:0 0 0 40px;text-shadow:1px 2px 1px #000;background:url('/_graphics/site_graphics/toppage_minincdoticon.png') no-repeat 0px 2px;}
#newsholder a.newsstorylink     {line-height:12px;margin:15px 0 0 170px;width:80px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#newsholder a.newsstorylink:hover{-moz-box-shadow:0px 0px 7px #fff;-webkit-box-shadow:0px 0px 7px #fff;box-shadow:0px 0px 7px #fff;}

/* Newslider Red alerts */
#latestnews li.priority_10              {background:#000;}
#latestnews .priority_10 .newscontentbox{background:url("/_graphics/site_graphics/toppage_transpback_redalert.png") no-repeat top right transparent}
#latestnews .priority_10 .imageholder   {z-index:10;}
#latestnews .priority_10 img.bigbg      {display:none;}

/* Social media icons */
#socicons       {margin:0;padding:10px 0 0;bottom:10px;position:absolute;right:70px;z-index:15;background:transparent url("/_graphics/site_graphics/toppage_vertlineblue.png") no-repeat center top;} 
#socicons li    {float:left;list-style-type:none;margin-left:5px;}
#socicons a.thickbutton         {color:#fff;background-position:center 0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#socicons a.thickbutton:hover   {color:#000;background-position:center -40px;-moz-box-shadow:0px 0px 7px #fff;-webkit-box-shadow:0px 0px 7px #fff;box-shadow:0px 0px 7px #fff;}
#socicons .icn a    {padding:0;width:30px;height:30px;display:block;background-image:url('/_graphics/site_graphics/toppage_socialicons.png');background-repeat:no-repeat;}
    #connect_1      {background-position:-920px 0;}                    a#connect_1:hover{background-position:-920px -30px;}
    #connect_2      {background-position:0 0;}                         a#connect_2:hover{background-position:0 -30px;}
    #connect_3      {background-position:-230px 0;}                    a#connect_3:hover{background-position:-230px -30px;}
    #connect_4      {background-position:-690px 0;}                    a#connect_4:hover{background-position:-690px -30px;}
    #connect_5      {background-position:-460px 0;padding-right:0px;}  a#connect_5:hover{background-position:-460px -30px}
    #socicons span  {display:none;}

/* Mid section of page */
#midwaydown         {background:url("/_graphics/site_graphics/toppage_horizontalline.png") no-repeat 531px 30px;}
#midwaydown h2 a    {font-size:14px;color:#666;}
#midwaydown a:hover {color:#ff6600;text-decoration:none;}       

/* Services */
#serviceslinks      {width:450px;padding-left:25px;}
#serviceslinks ul   {margin:0;padding:0;width:190px;}
#serviceslinks ul li{list-style-type:none;margin-bottom:5px;border-bottom:1px dotted #ccc}
#serviceslinks ul a {padding:12px 30px 10px 5px;font-size:12px;color:#0A1843;display:block;background-repeat:no-repeat;background-image:url('/_graphics/site_graphics/toppage_leftrighticons.png');}

/*  traffic cam */  #serviceslinks_1 {background-position:125px -930px;} 
/*  State maps  */  #serviceslinks_2 {background-position:125px -675px;}     
/*  Ferry       */  #serviceslinks_3 {background-position:125px -335px;}     
/*  Scenic      */  #serviceslinks_4 {background-position:125px -845px;}     
/*  511         */  #serviceslinks_5 {background-position:125px 5px;}        
/*  reg        */   #serviceslinks_6 {background-position:125px -165px;} 
/*  manuals    */   #serviceslinks_7 {background-position:125px -250px;} 
/*  plates     */   #serviceslinks_8 {background-position:125px -760px;} 
/*  offices    */   #serviceslinks_9 {background-position:125px -675px;} 
/*  vehicle    */   #serviceslinks_10{background-position:125px -80px;}  


/* Project map */
#projectsbox                {width:390px;margin-right:10px;}
#projectsbox input.box      {padding:1px 4px;cursor:pointer;cursor:hand;}
#projectsbox div.indenth3   {min-height:150px;}

/* Blue bar */
#toptopics      {border:4px solid #CCC;}
#toptopics ul   {margin:0;padding:0;float:left;}

/* For less than 10 icons add a class */
#toptopics ul.icons6 a  {margin:15px 20px 10px 100px;}
#toptopics ul.icons8 a  {margin:15px 40px 10px 40px}
#toptopics ul.icons10 a {margin:15px 5px 10px 25px;}

#toptopics li           {float:left;list-style-type:none;}
#toptopics li a         {width:85px;font-size:12px;display:block;padding-left:70px;line-height:16px;margin:15px 15px 10px 15px;color:#fff;min-height:65px;background-image:url('/_graphics/site_graphics/toppage_bluebarsprite.png');background-repeat:no-repeat;}
#toptopics li a.last    {margin-right:0px;}
#toptopics li a:hover   {text-decoration:none;}
    /* Recovery */    a.box_1{background-position:0 0;}       a.box_1:hover{background-position:0 -115px;}  
    /* Drivegreen */  /*a.box_2{background-position:0 -230px;}  a.box_2:hover{background-position:0 -345px;}*/
    /* Setting Gov */ a.box_2{background-position:0 -2065px;}  a.box_2:hover{background-position:0 -2180px;}
    /* 5year */       a.box_3{background-position:0 -460px;}  a.box_3:hover{background-position:0 -575px;}  
    /* Dashboard */   a.box_4{background-position:0 -690px;}  a.box_4:hover{background-position:0 -805px;}     
    /* nc outline */  a.box_5{background-position:0 -920px;}  a.box_5:hover{background-position:0 -1035px;}   
    /* triscailon */  a.box_6{background-position:0 -1150px;} a.box_6:hover{background-position:0 -1265px;} 
    /* I40 */         a.box_7{background-position:0 -1380px;} a.box_7:hover{background-position:0 -1495px;} 
    /* Contact */     a.box_8{background-position:0 -1610px;} a.box_8:hover{background-position:0 -1725px;} 
    /* Mobilityfund*/ a.box_9{background-position:0 -1840px;} a.box_9:hover{background-position:0 -1955px;} 
    /* empty */       a.box_10{background-position:0 -2070px;}a.box_10:hover{background-position:0 -2185px} 

/* For vertical centering */
#toptopics span         {display:block;padding-top:3px;}
#toptopics span.oneline {padding-top:20px;}
#toptopics span.twoline {padding-top:10px;}


#wrap_stay_division{background:url("/_graphics/site_graphics/toppage_horizontalline.png") no-repeat 531px 50px transparent}


/* Divison links */
#divisionicons      {font-weight:bold;width:390px;margin-right:10px;}
#divisionicons h3   {margin-top:0px;margin-bottom:12px;}
#divisionicons ul   {width:175px;margin:0;padding:0 5px;}
#divisionicons li   {list-style-type:none;}
#divisionicons li a {color:#0A1843;border-bottom:1px dotted #ccc;font-size:12px;display:block;padding:15px 0px;background-image:url('/_graphics/site_graphics/toppage_division_icons.png');background-repeat:no-repeat;}
#divisionicons li a:hover{color:#ff6600;text-decoration:none;} 

    /* off                                      */        /* hover                                             */
    a#div_aviation  {background-position:right 0;}        a#div_aviation:hover{background-position:right -144px;}
    a#div_bike      {background-position:right -288px;}   a#div_bike:hover    {background-position:right -432px;} 
    a#div_ferry     {background-position:right -864px;}   a#div_ferry:hover   {background-position:right -1008px;} 
    a#div_highway   {background-position:right -1152px;}  a#div_highway:hover {background-position:right -1296px;} 
    a#div_public    {background-position:right -576px;}   a#div_public:hover  {background-position:right -720px;} 
    a#div_rail      {background-position:right -1440px;}  a#div_rail:hover    {background-position:right -1584px;} 
    a#div_turnpike  {background-position:right -1728px;}  a#div_turnpike:hover{background-position:right -1872px;} 


/* Stay Informed section */
#informed                 {width:475px;min-height:250px;position:relative;margin:0;padding:0 15px;}
#informed .wrapper        {width:465px;overflow:auto;height:240px;margin:0;position:absolute;top:10px;left:20px;}
#informed .wrapper ul     {width:32700px;list-style:none;position:absolute;top:0;left:0;padding:0px;margin:0;}
#informed .wrapper ul li  {display:block;float:left;padding:0;height:100%;width:465px;margin:0;}

#informed .arrow,
#informed .thumbNav a {background-image:url('/_graphics/site_graphics/toppage_stayinformedarrows.png');background-repeat:no-repeat;}

#informed .arrow          {display:block;height:200px;width:15px;text-indent:-9999px;position:absolute;top:-200px;cursor:pointer;}
#informed .forward        {background-position:right -195px;right:-15px;}
#informed .back           {background-position:left -195px;left:-15px;}
#informed .forward:hover  {background-position:right 55px;}
#informed .back:hover     {background-position:left 55px;}

#informed .thumbNav        {position:relative;top:230px;text-align:center;z-index:10;}
#informed .thumbNav ul     {padding:0;margin:0;}
#informed .thumbNav li     {display:inline;}
#informed .thumbNav a      {background-position:center right;outline:none;width:12px;display:inline-block;height:18px;margin:0 5px;}
#informed .thumbNav a:hover,
#informed .thumbNav a.cur  {background-position:center left;}
#informed .start-stop       {display:none;}

#informed .panel-wrapperright   {min-height:240px;float:right;width:225px;}
#informed .panel-wrapperleft    {min-height:220px;float:left;width:215px;margin-left:10px;}
#informed .panel_image          {width:210px;overflow:hidden;border:5px solid #fff;display:block;background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0px 0px 3px #666;-webkit-box-shadow:0px 0px 3px #666;box-shadow:0px 0px 3px #666;}

/* Prevents nested slider generation, black holes */
#informed .wrapper ul ul    {position:static;margin:0;overflow:visible;width:auto;}
#informed .wrapper ul ul li {float:none;height:auto;width:auto;}

/* Sitemap */
#sitemap div    {float:left;width:120px;margin:20px 33px 10px 10px;}
#sitemap div.last{margin:20px 0px 10px 5px;}
#sitemap h6 a   {color:#666;font-weight:bold;text-decoration:underline;line-height:1.2em;display:block;}
#sitemap h6 a:hover{text-decoration:underline;color:#ff6600}
#sitemap ul     {margin:4px 0 40px 5px;padding:0;}
#sitemap li     {list-style-type:none;}
#contentarea #sitemap li a   {color:#999;text-decoration:none;font-size:12px;display:block;line-height:12px;padding:5px 0px;}
#contentarea #sitemap li a:hover   {color:#ff6600;text-decoration:underline;}