@import "TinyMCE.css";
@import "maps.css";
@import "../../../Common/CSS/common_styles.css";
@import "freeflow.css";

html
{
  width: 100%;
  overflow-x: hidden;
}

body
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center; 
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
}

p{}


h2
{
  font-size: 22px;
  margin: 0px;
}
h3
{
  font-size: 18px;
  margin: 0px;
}
h4{}
h5{}
h6{}

a:link{}
a:hover{}
a:visited{}
a:active{}

img
{
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

table, tr, td
{
  border: 0px none;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  border-collapse:collapse;
}

td
{
  padding: 3px;
}

.clear
{
  clear: both;
  width: 100%;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

.error, .mandatory
{
  color: #ff0000;
}

.textbox
{
  border: 1px solid #0065A5;
  width: 220px;
}

.ddlist
{
  border: 1px solid #0065A5; 
  width: 222px;
}

.noborder
{
  border: 0px none;
}

.PageTitle
{
  margin-bottom: 14px;
  font-size: 17pt;
  font-family: Arial;
  font-weight: normal;
}

body.home .PageTitle
{
  display: none;
}

.cmsContent p
{
  padding: 0px 0px;
  margin: 0 0 4px 0;
}

.formrow
{
  padding: 5px 0px;
  width: 470px;
}

.formlabel
{
  width: 152px;
  float: left;
  text-align: right;
  margin-right: 12px;
}

.forminput
{
  float: left;
  text-align: left;
}

/****** Page Template  ******/
#cmsPageContainer1
{
  width: 995px;
  margin: 0px auto;
  margin-top: 0px;
  text-align: left;
  background-color: #ffffff;
  background-image: url(../images/arrow_up.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  padding-left: 2px;
}

#cmsPageContainer2
{
  width: 991px;
  background-image: url(../images/arrow_up.jpg);
  background-repeat: repeat-y;
  background-position: right top;
  margin-left: 4px;
}

#cmsContentInner3
{
  padding: 0px;
}

body.home #cmsContentInner3
{
  padding: 0px;
}

#cmsMiddleBlock
{
  padding: 0px 6px 0px 0px;
}

body.home #cmsMiddleBlock
{
  width: 980px;
  padding: 0;    
  /*margin-left: 6px;*/
}
body.home #cmsMiddleBlock #cmsContentOuter
{
  margin-left: 0px;
  _margin-left: -2px;
  margin-top: -4px;
  width: 560px;
}

/******  Header  ******/
#header
{
  width: 980px;
  height: 322px;
  background-image: url(../images/top_header.jpg);
  background-repeat: no-repeat;
  margin-left: 0px;
  overflow: hidden;
  background-position: 4px 0;
}

#headerInner
{
  height: 320px;
  position: relative;
  background-image: url(../images/arrow_right.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
}

.headerSimpleNav
{
  position: absolute;
  left: 510px;
  top: 45px;
}

.headerSimpleNav ul
{
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
}

.headerSimpleNav li
{
  padding: 0px;
  margin: 0px;
  padding: 0px 5px 0px 4px;
  list-style: none;
  display: inline;
  border-right: 1px solid #0065A5;
}

.headerSimpleNav li a
{
  color: #0065A5;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
}

.headerSimpleNav li a:hover
{
  text-decoration: underline;
}

.headerSimpleNav li.noborder
{
  border: 0px none;
}

.headerSearch
{
  position: absolute;
  right: 8px;
  top: 45px;
  width: 193px;
}

.headerSearchInner
{
  position: relative;
}

#header .searchBox
{
  position: relative;
  width: 200px;
}

#header .searchBox .searchLabel
{
  font-weight: bold;
  font-size: 11px; 
  color: #0065A5;
}

#header .searchBox .textbox
{
  height: 12px;
  width: 120px;
  font-size: 10px;
  border-color: #0065A5;
}

#header .searchBox .inputField
{
  position: absolute;
  left: 3px;
  top: 0px;
}

#header .searchBox .link
{
  position: absolute;
  right: 0px;
  top: 0px;
  _top: 1px;
  *top: 1px;
}

#header .searchBox a
{
  display: block;
  width: 27px;
  height: 17px;
  background-image: url(../images/search_go.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  /*border: solid 2px #0065A5;*/
  text-decoration: none;
  text-align: center;
}
#header .searchBox a:hover
{
  background-position: 1px 1px;
}


#header .searchBox a span
{
  display: none;
}

.topnavigation
{
  position: absolute;
  left: 4px;
  top: 71px;
}

.topnavigation .logo
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 283px;
  height: 98px;
}

.topnavigation .buttonrow1,
.topnavigation .buttonrow2
{
  position: absolute;
  left: 284px;
  _left: 288px;
  top: 0px;
  width: 693px;
  margin-top: 29px;
}

.topnavigation .buttonrow2
{
  top: 22px;
}

.topnavigation .buttonrow1 ul, .topnavigation .buttonrow2 ul
{
  display: inline;
  margin: 0px;
  padding: 0px;
}

.topnavigation .buttonrow1 li, .topnavigation .buttonrow2 li
{
  display:block;
  display: inline;
  margin: 0px;
  padding: 0px;
}

.topnavigation li a:link, .topnavigation li a:visited
{
  display: block; 
  float: left;
  background-color: #8acce2;
  color: #0367a5;
  width: 141px;
  _width: 140px;
  height: 14px;
  margin-right: 4px;
  padding: 2px 3px 2px 26px;
  text-decoration: none;
  background-image: url(../images/white_arrow_right.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.topnavigation li a:hover, .topnavigation li a:active
{
  background-color: #0065a5;
  color: #ffffff;
}
.topnavigation li a:active 
{
  background-color: #0065a5;
  color: #ffffff;
}

.topnavigation li a span
{
}

.topnavigation li.topnavitem_right a
{
  margin-right: 0px;
}

.headerImage
{
  position: absolute;
  top: 169px;
  height: 140px;
  left: 4px;
  width: 976px;
}

.headerImageLeft
{
  width: 528px;
}

.headerImageRight
{
  left: 536px;
  width: 220px;
}

.headerImage .AdvertControl
{
  
}

.etollbutton
{
  position: absolute;
  left: 760px;
  top: 169px;
  width: 220px;
}

/******  Left Navigation Bar  ******/
#leftNav ul li
{
/*  display: none;*/
}

#leftNav ul li li
{
  display: block;
}

#leftNav
{
  width: 225px;
  background-color: #0065a4;
  float: left;
  margin: 0px 4px 4px 4px;
  _margin-left: 2px;
  padding: 4px;
  min-height: 320px;
  _height: 320px;
}

#leftNavInner
{
  position: relative;
}

#leftNav ul 
{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#leftNav li
{
  padding: 0px;
  margin: 0px;
}

#leftNav ul li
{
  display: none;
}

#leftNav ul li.active, 
#leftNav ul li.active ul li
{
  display: block;
}

#leftNav .submenu li
{
  background-image: url(../images/arrow_blue_left_nav.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  padding-bottom: 1px;
  padding-right: 0px;
  margin-top: 2px;
  min-height: 24px;
}

#leftNav .submenu li li, #leftNav .submenu li li li
{
  background-image: none;
  min-height: 0px;
}

#leftNav ul.subsubsubmenu
{
  padding-left: 16px;
}

#leftNav li a 
{
  color: #c0e1ec;
  text-decoration: none;
  display: block;
  padding: 2px 4px 2px 20px;
  background-image: url(../images/leftnav_arrow.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}

#leftNav a:hover
{
  color: #ffffff;
}

#leftNav li li a
{
  text-decoration: none;
  font-weight: normal;
  display: block;
  padding: 2px 4px 2px 32px;
  background-image: url(../images/leftnav_arrow.jpg);
  background-repeat: no-repeat;
  background-position: 12px 2px;
  _padding: 2px 4px 4px 32px;
}

#leftNav li li li a
{
  text-decoration: none;
  font-weight: normal;
  display: block;
  padding: 2px 4px 2px 44px;
  background-image: url(../images/leftnav_arrow.jpg);
  background-repeat: no-repeat;
  background-position: 24px 2px;
}

#leftNav li li li li a
{
	 text-decoration: none;
  font-weight: normal;
  display: block;
  padding: 2px 4px 2px 56px;
  background-image: url(../images/leftnav_arrow.jpg);
  background-repeat: no-repeat;
  background-position: 36px 2px;
}

#leftNav li li ul
{
  margin-bottom: 8px;
}

#leftNav li a:active, #leftNav li a:hover
{
  font-weight: bold;
}

#leftNav li.active a
{
  font-weight: bold;
  color: #ffffff;
}

#leftNav li.active li a
{
  font-weight: normal;
  color: #c0e1ec;
}

/******  CMS Content  ******/
#cmsContentOuter
{
  margin-top: 0;
  float: left;
  width: 515px;
  margin-bottom: 25px;
}

.cmsContent a,
.cmsContentInner3 a
{
  text-decoration: underline;
  margin-left: 0;
  color: #0065a4;
}

.cmsContent a:hover,
.cmsContentInner3 a:hover
{  
  color: #5a88a4;
}

body.home .cmsContent
{
  width: 550px;
}

/******  Right Nav  ******/
#rightnav
{
  float: right;
  width: 220px;
}

body.home #rightnav
{
  float: right;
  width: 420px;
}

body.home .AdvertRegionControl a img
{
  border: 0px none;
}

body.home .AdvertRegionControl a:link, body.home .AdvertRegionControl a:hover
{
  border: 0px none;
  text-decoration: none;
  background-color: #ffffff;
}

#rightnav .AdvertControl a span
{
  background-color: #ffffff;
  border: 0px none;
  display: none;
  visibility: hidden;
}

.rightnavPanel ul, .rightnavPanel li 
{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#rightnav .rightnavigation
{
  float: right;
  width: 220px;
}

#rightnav .AdvertRegionControl
{
  width: 220px;
}

#rightnav .AdvertControl
{
  width: 220px;
  height: 72px;
  padding-bottom: 4px;
  _padding-bottom: 1px;
}

#rightnav .AdvertControl a:link, #rightnav .AdvertControl a:hover
{
  text-decoration: none;
}


#rightnav .rightnewpanel
{
  float: left;
  width: 196px;
}

#rightnav .newtitleblock
{
  width: 172px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 24px;
  color: #ffffff;
  font-weight: bold;
  background-color: #0065a4;
  background-image: url(../images/white_arrow_right.gif);
  background-repeat: no-repeat;
  background-position: 5px 6px;
}

#rightnav .newcontentblock
{
  width: 196px;
  color: #ffffff;
  margin-top: 4px;
  height: 282px;
  background-image: url(../images/arrow_right.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  padding-bottom: 2px;
  /*background-color: #0065a4;*/
}

#rightnav .roadnetwork, #rightnav .localityguide
{
  height: 72px;
  width: 196px;
  background-image: url(../images/arrow_right.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  overflow: hidden;
}

/***  Search Page  ***/
body.search .cmsContent
{
  width: 770px;
}

body.search .total
{
  font-weight: bold;
}

body.search .resultItem
{
  padding: 8px 0px;
  border-top: 1px solid #d5d5d5;
}

body.search .resultItem .title
{
  font-size: 13px;
}

body.search .resultItem .title, body.search .resultItem .link
{
  padding: 4px 0px;
}

body.search .resultItem a
{
  text-decoration: none;
  color: #005fa0;
}

body.search .resultItem a:hover
{
  text-decoration: none;
  color: #6bbfd7;
}

/***  Site Map  ***/
body.sitemap_aspx #cmsContentOuter 
{
  width: 515px;
  margin-left: 3px;
}

body.sitemap_aspx #cmsContentOuter ul.Sitemap,
body.sitemap_aspx #cmsContentOuter ul.Sitemap ul
{
  list-style-type: none;
}

body.sitemap_aspx #cmsContentOuter ul.Sitemap ul
{
  padding-left: 10px;
}

body.sitemap_aspx #cmsContentOuter ul.Sitemap a:link,
body.sitemap_aspx #cmsContentOuter ul.Sitemap a:hover,
body.sitemap_aspx #cmsContentOuter ul.Sitemap a:active,
body.sitemap_aspx #cmsContentOuter ul.Sitemap a:visited
{
  padding: 2px;
  display: block;
  color: #005FA0;
  text-decoration: none;
}

body.sitemap_aspx #cmsContentOuter ul.Sitemap a:hover
{
  color: #6BBFD7;
}

body.sitemap_aspx #cmsContentOuter .Sitemap .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem
{
  padding: 2px 0px;
}

body.sitemap_aspx #cmsContentOuter .Sitemap .Item .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .Item
{
  padding: 0px;
}

body.sitemap_aspx #cmsContentOuter .Sitemap .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .Item .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .Item .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .AlternatingItem .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .Item .AlternatingItem .AlternatingItem
{
  background-color: #e8e8e8;
}

body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .Item .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .Item .AlternatingItem,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .AlternatingItem .Item,
body.sitemap_aspx #cmsContentOuter .Sitemap .AlternatingItem .AlternatingItem .AlternatingItem
{
  background-color: #fbfbfb;
}

/***  Bread Crumb Nav  ***/
body.home .breadCrumb, body.search .breadCrumb
{
  display: none;
}

.breadCrumb
{
  /*width: 543px;*/
  /*height: 19px;*/
  padding: 4px;
  background-color: #dcf1f7;
  margin-bottom: 14px;
}

.breadCrumb ul
{
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
  padding-left: 1px;
}

.breadCrumb li
{
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
  display: inline;
  background-image: url(../images/breadcrumb_arrow.jpg);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding: 3px 3px 3px 18px;
  white-space: nowrap;
}

.breadCrumb li a, .breadCrumb .breadcrumbtitle
{
  color: #50b3cf;
  text-decoration: none;
  padding-right: 4px;
}

.breadCrumb li a:hover
{
  text-decoration: underline;
}

.breadCrumb .breadcrumbtitle
{
  color: #88cbdf;
}

.breadCrumb li a.active
{
  font-weight: bold;
}

/***  News  ***/
.NewsPage .NewsArticleList
{
  padding-top: 20px;
}

.NewsArticleList .Item
{
  padding: 5px 0px;
  margin-bottom: 6px;
  background-color: #e2ecef;
}

.NewsArticleList .AlternatingItem
{
  padding: 5px 0px;
  margin-bottom: 6px;
  background-color: #e2ecef;
}

.NewsPage .MainArticle
{
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #0065A4;
}

.NewsArticleList .Date, .NewsPage .Date
{
  font-size: 11px;
  padding-bottom: 3px;
  font-weight: bold;
}

.NewsArticleList .Title a, .NewsPage .Title a
{
  font-size: 13px;
  font-weight: bold;
  color: #0065a4;
  text-decoration: none;
}
.NewsPage .MainArticle .Article .Title a
{
  font-size: 16px;
}

.NewsPage .Article .Title a
{
  font-size: 13px;
}

.NewsArticleList .Title a:hover, .NewsPage .Title a:hover
{
  color: #5a88a4;
}

.NewsPage .Category
{
  display: none;
  visibility: hidden;
}

.NewsPage .NewsArticleList h2
{
  display: none;
  visibility: hidden;
}

.FAQQuestionHeader
{
  font-weight:bold;
  cursor: pointer;
}

.FAQQuestionHeader .FAQQuestionText:hover
{
  color: Green;
}

#footer
{
  display:block;
  width: 980px;
  height: 27px;
  text-align: center;
  margin-left: 0px;
}
#footerInner
{
  display:block;
  padding: 4px;
  background: #e7e7e9;
  width: 968px;
  margin-left: 4px;
}
#footerInner,
#footerInner a,
#footerInner a:hover,
#footerInner a:link,
#footerInner a:active,
#footerInner a:visited
{
  font-weight: bold;  
  color: #808285;
}

#footerLinks
{
  float: left;
}

#footerLinks ul
{
  display: inline;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#footerLinks li
{
  border-right: solid 1px;
  display: inline;
  list-style: none;
  margin: 0px;
  padding: 0px 5px 0px 4px;
}

#footerLinks li.noborder
{
  border: 0px none;
}

#footerText
{
  float: right;
}

#ddOptions
{
  visibility:visible !important;
}



/***  Contact Us Page  ***/
.tbemailmessage
{
  height: 140px;
  width: 300px;
}

.FAQQuestionHeader:hover
{
  background: #DCF1F7;
}