body {margin:0; padding: 0; background: #0077b1; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #333333;}
img {border: 0;}


h1, h2, h3, h4 {}
h1 {font-weight: 800; color: #00547d; text-transform: none; font-size: 30px; letter-spacing: -1px;}
h2 {font-weight: 800; color: #00547d; text-transform: none; font-size: 18px;}
h3 {font-weight: 800; color: #333; font-size: 14px;}

hr { height: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #ccc; }

.flHR {display: block; padding: 0 0 10px 0; margin: 0 0 0 0;}
.flTitle {font-weight: bold;}
.flDescription {padding: 10px 0;} 

a {color: #0077b1;}
a:hover {color: #05608c;}

#pageTitle h1 {margin-top: 0 !important;}
.byline {text-align:center; margin: 10px 0 0 0;}

.headerContainer {width: 960px; height: 130px; margin: 0 auto; background: url(../images/headerBG.png) bottom center no-repeat;}
    .logoContainer {position: absolute; margin: 20px 0 0 25px;}
    .topNav {position:absolute; margin: 90px 0 0 260px; width: 670px;}
    .memberLnks {position:absolute; margin: 20px 0 0 345px; width: 400px; text-align: right; color: #fff;}
        .memberLnks a { text-transform: none; text-decoration:none; font-size: 11px; color: #87caeb; display: inline-block; padding: 0 15px;}
        .memberLnks a:hover {color: #fff;}
        
    .searchContainer {position:absolute; margin: 17px 0 0 760px; width: 200px; background: #001a2b; padding: 0 0 0 0; border-radius: 7px; -moz-border-radius: 7px; overflow: hidden !important;}
    
.mainBtnContainer {min-width: 960px; max-width: 978px; height: 57px; margin: 0 auto; background: url(../images/mainBtnBar.png) bottom center no-repeat;}
    .btnContainer {float:right; width: 700px;}

.mainContentContainer {width: 100%; padding: 0px ; background: #fff;}
    .mainContentPadding {padding: 45px 20px 20px 20px;}
    
    
    .sliderContainer {width: 600px; float:left; padding-bottom: 5px; background: #000; border-radius: 5px !important; -moz-border-radius: 7px !important;}
    .MediaGallery .bx-wrapper {margin-bottom: 0 !important;}
    .sliderContainer .MediaGallery .captionBox .caption {color: #fff;}
    .MediaGallery .bx-wrapper .bx-pager .bx-pager-item {margin: 0 5px;}
    
    /*
        .sliderContainer .MediaGallery {width: 600px !important; height: 340px !important; overflow: hidden !important; border-radius: 5px !important; -moz-border-radius: 5px !important;}
        .sliderContainer .MediaGallery .captionBox {width: 560px !important; top: 33px !Important; padding: 10px 20px 0 20px !important; color: #fff !Important; background:  url(../images/black.png) !important;font-weight: 800; text-transform: none; font-size: 14px;}
        .sliderContainer .MediaGallery .captionBox .caption {padding: 0 !Important; }
        .sliderContainer .MediaGallery .bx-pager {bottom: 0px !important; position: absolute !important; z-index: 999 !important; background: url(../images/black.png)!important;; width: 560px !Important; padding: 10px 20px !important;}
        .sliderContainer .MediaGallery .bx-pager a {margin-right: 5px !Important;}
    */
    .updatesContainer {width: 300px; float:right; padding-bottom: 20px;}
    
        .updatesLnk {display: block; padding: 15px 10px 15px 60px; margin-bottom: 15px; background: url(../images/btnUpdates.jpg) 0 0 no-repeat #003852; color: #fff; text-decoration: none; text-transform: none; font-weight: 800; -moz-border-radius: 5px; border-radius: 5px;}
        .updatesLnk:hover {background: url(../images/btnUpdates-Over.jpg) 0 0 no-repeat #003852; color: #fff;}

        .smBG {background: url(../images/smBG.jpg) repeat-x 0 50% #fff; text-align: center; margin: 10px 0 0 0;}
            .socialMediaMenu {display: inline-block; width: 60px; height: 60px; text-indent: -9999px;}

            .smTwitter {background: url(../images/sm-Twitter.jpg) no-repeat;}
            .smTwitter:hover {background: url(../images/sm-Twitter-over.jpg) no-repeat;}

            .smFacebook {background: url(../images/sm-Facebook.jpg) no-repeat;}
            .smFacebook:hover {background: url(../images/sm-Facebook-over.jpg) no-repeat;}

            .smYoutube {background: url(../images/sm-Youtube.jpg) no-repeat;}
            .smYoutube:hover {background: url(../images/sm-Youtube-over.jpg) no-repeat;}


.latestNewsContainer {background: #f1f1f1; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; height: 36px; width: 918px; margin: 20px 0;}
    .latestNewsFade {position: absolute; margin: 0 0 0 768px;}
    .latestNewsTitle {float:left; font-weight: 800; text-transform: none; color: #fff; background: url(../images/latestNewsTitle.png) 100% 50% no-repeat; height: 20px; padding: 8px 25px 8px 8px;}
    .latestNews {float:right; width: 770px;}
    
    
.mapContainer {width: 600px; float:left; padding-bottom: 20px;}    

.trafficCenterContainer {width: 300px; float:right; padding-bottom: 20px;}
    .tcPanel {border: 1px solid #ccc; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px;}


.partnersContainer {background: url(../images/partnersShadow.jpg) no-repeat top center; min-height: 200px;}

.bottomPage {background: url(../images/bottomOfPage.png) no-repeat top center; min-height: 21px;}
.bottomPage2 {background: url(../images/bottomOfPage.png) no-repeat top center; min-height: 21px;}

.footerContainer {margin: 0 auto; padding: 20px 0; width: 960px; color: #fff;}

.rtsFooter {color: #fff; font-size: smaller;}    
.rtsFooter a, .rtsFooter a:hover {color: #fff; text-decoration: none;}

.travelCenter {background: url(../images/travelCenter-Title.jpg) -5px 0 no-repeat; min-height: 70px;}
.travelCenter span {display:block; font-weight: 800; color: #fff; text-transform: none; font-size: 30px; letter-spacing: -1px; margin: 0; padding: 12px 0 0 55px;}

.tcBtn {background: url(../images/tcBtnBkgrnd.jpg) repeat-x 0 100% #fefefe; display: block; padding: 10px; color: #333333; text-decoration: none; text-transform: none; font-weight: 800;} 
.tcBtn:hover, .active {background: url(../images/tcBtnBkgrnd-over.jpg) repeat-x 0 100% #0077b1; display: block; color:#fff;}

.tcBtn span {display:block; padding: 5px 5px 5px 40px;}

.tcBtn .alerts {background: url(../images/icon001.png) 50% 50% no-repeat;}
.tcBtn:hover .alerts, .active .alerts {background: url(../images/icon001-over.png) 50% 50% no-repeat;}

.tcBtn .cameras {background: url(../images/icon002.png) 50% 50% no-repeat;}
.tcBtn:hover .cameras, .active .cameras {background: url(../images/icon002-over.png) 50% 50% no-repeat;}

.tcBtn .travelTimes {background: url(../images/icon003.png) 50% 50% no-repeat;}
.tcBtn:hover .travelTimes, .active .travelTimes {background: url(../images/icon003-over.png) 50% 50% no-repeat;}

.tcBtn .messageSigns {background: url(../images/icon004.png) 50% 50% no-repeat;}
.tcBtn:hover .messageSigns, .active .messageSigns {background: url(../images/icon004-over.png) 50% 50% no-repeat;}

.tcBtn .altRoutes {background: url(../images/icon005.png) 50% 50% no-repeat;}
.tcBtn:hover .altRoutes, .active .altRoutes {background: url(../images/icon005-over.png) 50% 50% no-repeat;}

.contentPanel {border-bottom: 1px solid #ccc; padding: 10px; height: 300px; overflow: hidden; -webkit-overflow-scrolling:touch !important;}

.contentPanel001 {display:block;}
.contentPanel002, .contentPanel003, .contentPanel004, .contentPanel005 {display:none;}


.contentLeftSide {width: 230px; float:left; padding-bottom: 20px; padding-right: 20px; border-right: 1px solid #ccc;}
    .sideContent {padding: 20px 0;}
    
    .contentLeftSide .updatesLnk {font-size: 11px; padding: 15px 10px 15px 40px; margin-bottom: 15px; background: url(../images/btnUpdates.jpg) -10px 0 no-repeat #003852;}    
    .contentLeftSide .updatesLnk:hover {background: url(../images/btnUpdates-Over.jpg) -10px 0 no-repeat #003852;}
    
    .contentRightSide h2 {text-transform: none; color: #781d18; letter-spacing: -1px;}

.contentRightSide {width: 650px; float:right; padding-bottom: 20px;}


.noMargin {margin: 0 !important;}
.clearBoth {clear: both;}

.rtsFooter {text-align: center;}


.width100 {width: 100%; margin-bottom: 1%;}
.width75 {width: 70%; margin-right: 5%; float:left; margin-bottom: 1%;}
.width50 {width: 45%; margin-right: 5%; float:left; margin-bottom: 1%;}
.width33 {width: 30%; margin-right: 3%; float:left; margin-bottom: 1%;}
.width25 {width: 25%; float:left; margin-bottom: 1%;} 

.borderTopBot {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.padding20 {padding: 20px;}
.paddingBot10 {padding-bottom: 10px;}

.mobileMenu {display:none;}

/* SEARCH */
.search {}

/* FIX BOTTOM PAGE IN IE */
.bottomPage {background: none;}
form .bottomPage {background: url(../images/bottomOfPage.png) no-repeat center top;}

/******** Blog **********/

.blogDivider {height: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: 1px solid #ccc !important;}
.calPaginationNextItem, .calPaginationPrevItem {display:inline-block; color: #fff; text-decoration: none; background: #781d18; padding: 7px 15px; margin: 0 5px; text-transform: none;}
.calPaginationNextItem:hover, .calPaginationPrevItem:hover {background: #3f1212; color: #fff;}


/******** Photo Gallery **********/
.photoGallery div {margin: 10px 0;}
.imgBox {border: 5px solid #fff; -webkit-box-shadow:  0px 0px 10px 0px #ccc; box-shadow:  0px 0px 10px 0px #ccc;}
.photoGallery .mediaItem .caption {padding: 10px 0; font-size: smaller;}

/******** Calendar **********/
.calDivider {height: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: 1px solid #ccc !important;}
.calBreadCrumbs a {font-style:normal; letter-spacing: normal;}
.calDateTitle {font-size: 10px !Important;}

.calItemTitle h3 {margin-top: 0 !important;}
.calItemTitle h3 a {text-decoration: underline;}
.calItemDescription {font-size: 13px;}

.calIndItemTitle {padding-bottom: 15px;}

/******** rss **********/
.rssItems {margin: 0 !important; padding: 0 !Important;}
.latestNewsContainer .rssitemdivider {display:none;}
.latestNewsContainer .rssitemtitle {display: inline-block; padding-top: 5px; font-size: 11px; text-decoration:none;}

/********REQUIRED - DO NOT EDIT***********/

img {border: 0;}

/*******************************************/

/********REQUIRED - MODAL WINDOWS - DO NOT EDIT***********/
.ModalBackground {background-color: Black; filter: alpha(opacity=80); opacity: 0.7;}
.ModalBackgroundLogin {background-color: Black;}
/*******************************************/

/********REQUIRED - PHOTO GALLERY - EDITABLE***********/
gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#gallery ul a:hover img {
    border: 5px solid #000;
    border-width: 5px 5px 5px;
    color: #fff;
}
#gallery ul a:hover { color: #fff; }
/******************************************************/

/*Telerik*/

/********REQUIRED - LOGIN MODAL WINDOW - EDITABLE***********/
/***Login modal container***/
.loginmodalcontainer {width: 700px; min-height: 600px; background-color: White;}

/***Login container div***/
.logincontainer {width: 100%; padding: 5px;}

/***Login header container div***/
.loginheadercontainer {}

/***Login title***/
.logintitlecontainer {text-align: center; padding: 5px;}
.logintitletext {font-size: large;}
/*****************/

/***Login username***/
.loginusernamecontainer {width: 100%; text-align: center; padding: 5px;}
.loginusernametext {font-size: larger;}
.loginusername {}
/*****************/

/***Login password***/
.loginpasswordcontainer {width: 100%; text-align: center; padding: 5px; clear: both;}
.loginpasswordtext {font-size: larger;}
.loginpassword {}
/*****************/

/***Login message***/
.loginmessagecontainer {width: 100%; clear: both; text-align: center; margin-bottom: 3px;}
.loginmessagetext {font-size: larger; color: Red;}
/*****************/

/***Login button***/
.loginbuttoncontainer {width: 100%; clear: both; text-align: center;}
.loginbutton {}
.logincancelbutton {}
/*****************/

/***Login footer container div***/
.loginfootercontainer {}
/***********************************************************/


/********REQUIRED - LOGIN LITE - EDITABLE***********/
/***Login outer container***/
.loginlitemodalcontainer {}

/***Login container div***/
.loginlitecontainer {}

/***Login username***/
.loginliteusernamecontainer {}
.loginliteusernametext {}
.loginliteusername {}
/*****************/

/***Login password***/
.loginlitepasswordcontainer {}
.loginlitepasswordtext {}
.loginlitepassword {}
/*****************/

/***Login message***/
.loginlitemessagecontainer {}
.loginlitemessagetext {}
/*****************/

/***Login button***/
.loginlitebuttoncontainer {}
.loginlitebutton {}
/*****************/
/***********************************************************/


/********REQUIRED - SHOPPING CART - EDITABLE***********/

/********InCart Component********/
/***Outer container div***/
.incartcontainer {width: 150px; border: solid 1px Black; background: Black; padding: 5px; opacity: 0.5;}

/***Items in cart container***/
.incartitemsincartcontainer {}
.incartitemsincartnumber {color: White;}
.incartitemsincarttext {color: White;}
/*****************************/

/***Cart total container***/
.incarttotalcontainer {}
.incarttotalamount {color: White;}
.incarttotaltext {color: White;}
/*****************************/

/***Checkout container***/
.incartcheckoutcontainer {}
a.incartcheckoutlink {text-decoration: none; color: #56d7f7;}
a.incartcheckoutlink:hover {color: #ffffff;}
/*****************************/
/********************************/


/********Product Categories Component********/
/***Product Categories container div***/
.productcategoriescontainer {float: left;}
.productcategoriestreeview {}
/********************************************/


/********Products Component********/
/***Products outer container div***/
.productscontainer {}

/***Products DataList***/
.productsdatalist {}
/***********************/

/***Individual product container div***/
.productcontainer {padding: 5px; margin: 10px;}
/*****************************/

/***Product title container***/
.producttitlecontainer {}
.producttitle {}
/*****************************/

/***Product image container***/
.productimagecontainer {}
.productimage {}
/*****************************/

/***Product price container***/
.productpricecontainer {}
.productprice {}
/*****************************/

/***Product add to cart container***/
.productaddcontainer {}
.productaddqtytext {}
.productaddqty {}
.productaddbutton {}
/*****************************/
/********************************/


/********Product Details Component********/
/***Product details container***/
.productdetailscontainer {background-color: White; width: 500px;}
/*****************************/

/***Product details title container***/
.productdetailstitlecontainer {margin: 5px;}
.productdetailstitle {font-weight: bold; font-size: 12pt;}
/*****************************/

/***Product details description container***/
.productdetailsdesccontainer {margin: 5px;}
.productdetailsdesc {}
/*****************************/

/***Product details image container***/
.productdetailsimagecontainer {margin: 5px;}
.productdetailsimage {}
/*****************************/

/***Product details price container***/
.productdetailspricecontainer {margin: 5px;}
.productdetailsprice {}
/*****************************/

/***Product add to cart container***/
.productdetailsaddcontainer {margin: 5px;}
.productdetailsaddqtytext {}
.productdetailsaddqty {}
.productdetailsaddbutton {}
/*****************************/
/*****************************************/

/*****************************************************/


/********REQUIRED - DYNAMIC DATA - EDITABLE***********/
/***Search outer container***/
.ddatasearchcontainer {float: right; clear: both;}

/***Clear search div***/
.ddataclearsearchcontainer {float: left; margin: 3px;}
.ddataclearsearchbutton {font-size: small;}
/**********************/

/***Search box div***/
.ddatasearchboxcontainer {float: left; margin: 3px;}
.ddatasearchbox {}
/*****************/

/***Search button div***/
.ddatasearchbuttocontainer {float: left; margin: 3px;}
.ddatasearchbutton {}
/*****************/
/***********************************************************/

/* BEGIN FILE LINKS PAGINATION STYLES*/
/*
	#mainContentContainer is EDITABLE
*/
#mainContentContainer .pager
{
	padding: 0;
	margin: 10px 0 0 0;
	padding-top: 10px;
	background: #fff !important;
	height: 38px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	/*border-radius: 8px;
	-moz-border-radius: 8px;*/
}
#mainContentContainer  .pager div.short
{
	float: right;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 74px;
}
#mainContentContainer .pager div.short input
{
	width: 28px;
	border: none;
	margin-left: 8px;
	float: left;
}
#mainContentContainer  .pager ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 4px;
}
#mainContentContainer .pager ul li
{
	display: inline;
	margin-left: 3px;
}
#mainContentContainer .pager ul li a.normal
{
	text-decoration: none;
	display: inline-table;
	width: 20px;
	text-align: center;	
}
#mainContentContainer .pager span
{
	font-size: .9em;
	margin:  5px 3px 0 3px;	
	float: left;
}
#mainContentContainer .pager .btn
{
	display: block;
	width: 40px;
	text-align: center;
	float: left;	
	margin: 0;
	margin-left: 4px;
	cursor: pointer;	
}
#mainContentContainer .pager ul li a.active
{
	text-decoration: none;
	display: inline-table;
	width: 20px;
	text-align: center;	
}

/*blue -- Editable */
.blue
{
	background-color: transparent;
}
.blue a.normal
{
	background-color: #ffffff;
	color: Black;
	border: solid 1px #DDDDDD;
	padding: 5px 0;
	font-size: .85em;
}

.blue a:hover
{
	background-color: #aabfcb;
	color: Black;
	border: solid 1px #DDDDDD;
	padding: 5px 0;
	font-size: .85em;
}


.blue a.active
{
	background-color: #3b4449;
	color: #fff;
	border: solid 1px #dddddd;
	font-weight: bold;
}
#mainContentContainer  .pager.blue .btn
{
	background-color: #AAAAAA;
	color: Black;
	border: solid 1px #DDDDDD;
}

/* END FILE LINKS PAGINATION STYLES*/



/* Admin Header */
.AdminHeader_Container {height: 50px !important; padding: 5px 0 0 0 !important;background: url(../images/adminBG.jpg) bottom center repeat-x #000 !important; border-bottom: 1px solid #333 !important; }
.AdminHeader_Title {padding: 0 !important; text-indent: -9999px; background: url(../images/smallLogo.png) top center no-repeat; width: 60px; height: 41px;}

a.AdminHeader_ManageUsersButton {display:block !important; padding: 8px 10px !important; color: #ccc !important; text-decoration: none;}
a.AdminHeader_ManageUsersButton:hover {display:block; padding: 8px 10px;  color: #fff !important;}

a.AdminHeader_LogoutButton {display:block !important; padding: 8px 10px !important; color: #ccc !important; text-decoration: none; border: 0 !important;}
a.AdminHeader_LogoutButton:hover {display:block; padding: 8px 10px;  color: #fff !important;}
/* End of Admin Header */

.clsButton {font-size: 11px; padding: 8px 10px; margin-bottom: 15px; background: url(/images/btnUpdates.jpg) 100% 0 no-repeat #003852; display: inline-block; border: 0; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 800; -moz-border-radius: 5px;border-radius: 5px; cursor: pointer;}
.clsButton:hover { background: url(/images/btnUpdates-Over.jpg) 100% 0 no-repeat #003852; color: #fff; }

.mobileMapLink, .mobileMessage {display:none;}