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

body{margin:0; font-family:calibri, arial, helvetica; font-size:16px; font-weight:normal; color:#333; background-color:#ebebeb;}
a {color:#134582; text-decoration:none;}
a:hover{color:#175ad1; text-decoration:none;}

.page-content a{color:#134582; text-decoration:underline;}
.page-content a:hover{color:#175ad1;}
.page-content link:visited{color:#134582; text-decoration:none; border-bottom:1px #134582 dotted;}
img{border:none;}
.left{float:left;}
.gradient{filter: none;}
.round-corners{border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
/*Initial Off Switches*/
.mobile-container{display:none;}
.tablet-container{display:none;}

/*Homepage*/

	/*Header*/
.header-wrap{width:100%; height:50px; background:url("http://www.mobility35.org/images/header-bg.jpg") repeat-x center;}
.header{width:960px; height:50px; margin:0 auto 0 auto;}
.reg-nav{width:25%; height:20px; float:right; margin:8px -45px 0 0; color:#fff; text-align:right;}
.reg-nav a{color:#fff;}
.reg-nav a:hover{text-decoration:underline;}
.top-nav-active{list-style:none; float:left; width:auto; height:auto; margin:0 0 0 12px; color:#fff; border-bottom:4px #175ad1 solid;}
.top-nav-active a:hover{text-decoration:none;}
.reg-nav ul{margin:0;}
.reg-nav ul li{list-style:none; float:left; width:auto; height:auto; margin:0 0 0 12px;}
	/*end header*/
	
	
	/*Main Nav*/
.nav-container{width:100%; height:50px; background:url("http://www.mobility35.org/images/nav-bar-bg-w-shadow.png")repeat-x;}
.nav-wrap{width:860px; height:50px; margin:0 auto 0 auto;}
.nav-wrap ul{width:100%; margin:0 0 0 152px;}
.nav-wrap ul li{
	list-style:none;
}
.nav-wrap2{width:860px; height:50px; margin:0 auto 0 auto;}
.nav-wrap2 ul{width:100%; margin:0 auto 0 152px;}
.nav-wrap2 ul li{
	list-style:none;
}

.nav-link{width:auto; height:34px; padding:16px 16px 0 16px; text-align:center; font-weight:bold; text-transform:uppercase; color:#14375a; cursor:pointer; float:left; list-style:none;}
.nav-link:hover{background:url("http://www.mobility35.org/images/nav-bar-hover.jpg") repeat-x bottom;}
.nav-divide{width:2px; height:50px; background:url("http://www.mobility35.org/images/nav-divide-repeat-y.jpg") no-repeat; float:left;}
.active{width:auto; height:34px; padding:16px 16px 0 16px; text-align:center; font-weight:bold; text-transform:uppercase; float:left; background:url("http://www.mobility35.org/images/nav-bar-hover.jpg") repeat-x bottom; color:#134582;}
	/*end main nav*/
/*end headmast*/

/*Home Page*/
/*message block*/
.banner-container{width:100%; height:180px; background:url("http://www.mobility35.org/images/highway.jpg") no-repeat top; background-size:cover; margin:0;}
.banner-wrap{width:984px; height:218px; margin:0 auto 0 auto;}
.logo-block{width:250px; height:250px; margin:30px 0 0 50px; position:relative; z-index:1; float:left; background:url("http://www.mobility35.org/images/my35-logo2.png") no-repeat; background-size:contain;}
.message-block{width:532px; height:100px; margin:0 0 0 40px; text-align:center;}
.message-block h1{margin-top:30px;float:left; font-size:28px; color:#fff; height:auto; padding:12px 32px 12px 32px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:0px; border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:10px; -moz-border-radius:7px; opacity:.85; background: #175ad1;}
.message-block .message{float:right;margin-top:-15px; width:auto; height:auto; font-size:24px; color:#333; padding:12px 32px 12px 32px; border-top-left-radius:0px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius:7px; opacity:.85; background: #fff;}
.subscribe-block .cta-btn{width:auto; height:auto; float:left; font-size:16px; color:#fff; padding:16px; margin:0px 0 0 20px;border-top-left-radius:0px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; opacity:.85; background: #175ad1;}
.subscribe-block h1{font-size:20px;}
.subscribe-block .cta-btn:hover{opacity:1;}
.subscribe-block .cta-btn img{margin:0 0 0 12px;}
.message-block .message:hover{opacity:1;}
.message-block .message img {margin-left:12px;}
.cta-btn{float:left; margin:60px 0 0 40px;}
.message-block{text-align:left;}
/*content area*/
.content-container{width:100%; min-height:768px; float:left; text-align:center; margin:0px 0 40px 0;}
.content-topper{width:920px; height:180px; margin:0 auto 0 auto; padding:80px 20px 0px 20px; text-align:center; background: #f8f8f8; border-bottom:1px #ebebeb solid;}
.content-topper .block{width:760px; margin:0 auto 0 auto; font-size:24px; color:#11336f; text-align:center;}
.content-wrap{width:1024px; min-height:768px;  margin: 0 auto 0 auto; overflow:visible;}
.content-block2{width:960px; min-height:768px; background-color:#f8f8f8; float:left;}
.content{width:720px; background-color:#fff; float:left;}
.page-shadow-left{width:32px; min-height:768px; background: url("http://www.mobility35.org/images/page-shadow-left.png") no-repeat; float:left;}
.page-shadow-right{width:32px; min-height:768px; background: url("http://www.mobility35.org/images/page-shadow-right.png") no-repeat; float:left;}
.page-shadow-bottom{width:1024px; height:55px; background: url("http://www.mobility35.org/images/page-shadow-bottom.png") no-repeat; float:left;}
.left-block{width:360px; min-height:768px; background: url("http://www.mobility35.org/images/page-shadow-left.png") no-repeat right top #fff; float:left;}
.left-block .subscribe-block{width:280px; height:100px;}
.left-block .subscribe-block h1{font-size:24px; color:#14375a; margin:0;}
.right-block{width:600px; min-height:768px; background-color:#fff; float:left;}
.right-block .welcome-block{width:520px; height:100px; padding:40px 40px 0 40px; text-align:left; font-size:20px; color:#333;}
.hp-header{font-size:32px; color:#14375a; width:80%; height:40px; padding:40px 10% 20px 10%; text-align:left;}
.right-block h1{font-size:32px; color:#14375a; width:80%; height:40px; padding:40px 10% 20px 10%; text-align:left;}

	/*twitter box*/
.twitter-block{width:290px; height:200px; margin:0 0 0 30px; padding:0 0 30px 0; border-bottom:1px solid #e0e0e0; font-size:16px; text-align:left;}
	/*end twiter box*/
	
	/*Traffic conditions and cam boxes*/
.option-block{width:300px; height:90px; margin:30px 0 0 30px; padding:0 0 10px 0; text-align:left; border-bottom:1px solid #e0e0e0;}
.option-block img{float:left; border:0; margin-right:20px;}
.option-block h1{font-size:18px; color:#14385c; margin:8px 0 8px 0;}
.option-block-text{padding:12px 0 0 0;}
	/* end traffic conditions and cam boxes*/
	
	/*Map*/
.map-block{width:600px; height:854px; float:left;}
#north {width: 600px; height: 204px; background-image: url("http://www.mobility35.org/images/map-north.png"); position: relative;}
#img1 {width: 98px; height: 23px; background-image: url("http://www.mobility35.org/images/city-tab-ftw.png");}
#north:hover #img1 {background-image: url("http://www.mobility35.org/images/city-tab-red-ftw.png");}
#img1-a {width: 98px; height: 23px; background-image: url("http://www.mobility35.org/images/city-tab-dallas.png");}
#north:hover #img1-a {background-image: url("http://www.mobility35.org/images/city-tab-red-dallas.png");}
#central {width: 600px; height: 142px; background-image: url("http://www.mobility35.org/images/map-central.png"); position: relative;}
#img2 {width: 98px; height: 23px; background-image: url("http://www.mobility35.org/images/city-tab-waco.png");}
#central:hover #img2 {background-image: url("http://www.mobility35.org/images/city-tab-red-waco.png");}
#capital {width: 600px; height: 105px; background-image: url("http://www.mobility35.org/images/map-capital.png"); position: relative;}
#img3 {width: 98px; height: 23px; background-image: url("http://www.mobility35.org/images/city-tab-austin.png");}
#capital:hover #img3 {background-image: url("http://www.mobility35.org/images/city-tab-red-austin.png");}
#alamo {width: 600px; height: 168px; background-image: url("http://www.mobility35.org/images/map-alamo.png"); position: relative;}
#img4 {width: 98px; height: 23px; background-image: url("http://www.mobility35.org/images/city-tab-san.png");}
#alamo:hover #img4 {background-image: url("http://www.mobility35.org/images/city-tab-red-san.png");}
#south {width: 600px; height: 120px; background-image: url("http://www.mobility35.org/images/map-south.jpg"); position: relative;}
#img5 {width: 98px; height: 23px; background-image: url("http://www.mobility35.org/images/city-tab-laredo.png");}
#south:hover #img5 {background-image: url("http://www.mobility35.org/images/city-tab-red-laredo.png");}

	/*end map*/
/*end content*/
/*end homepage*/

/*subpage*/
	/*Content*/
	.content-block{width:720px; min-height:768px;  background-color:#fff; float:left;}
	.page-content{width:620px; min-height:400px; margin:80px 0 40px 40px; text-align:left; float:left;}
	.right-column{width:200px; min-height:400px; float:left; margin:80px 0 0 40px; padding:0 0 0 20px; border-left:1px solid #ebebeb; text-align:left;}
	.divider{width:95%; border-bottom:1px dotted #dddddd;}
	.small-logo-block{width:120px; height:142px; position:relative; z-index:1; float:left; margin:-90px 0 0 20px; float:left;}
	.page-content h1{font-size:24px; font-weight:normal; color:#134582; margin:0 0 20px 0; text-align:left;}
	/*
	/*Projects*/
	.projects-block{width:360px; min-height:900px; background-color:#fff; float:left;}
	.projects-content{width:280px; min-height:900px; margin:60px 40px 40px 40px; text-align:left;}
	.projects-map-block{width:360px; min-height:900px; background: url("http://www.mobility35.org/images/page-shadow-right.png") no-repeat left #f8f8f8; float:left; text-align:left;}
	.projects-content h1{font-size:24px; font-weight:normal; color:#134582; margin:0 0 40px 0;}
	.projects-map-content{width:280px; min-height:900px; margin:60px 40px 40px 40px; text-align:left;}
	table{width:100%;}
	table tr td{border-bottom:1px #ebebee solid; padding:8px; vertical-align:top; text-align:left;}
	.accordion{min-height:400px;}
	table ul{margin-left:-20px}
	table ul li ul{margin-left:0px;}
	table a:link{
	text-decoration:none;
}
	.content-thumbnail{width:200px; height:auto; border-collapse:collapse; float:right; margin:0 0 12px 12px; border:1px #ebebeb solid;}
	/*
	/*News*/
	.byline{font-size:12px; font-style:italic; color:#666;}
	.subline{font-size:16px; font-weight:bold; font-style:italic; margin:-30px 0 8px 0;}

	/*Nav*/
	.left-nav-block{width:240px; min-height:768px; background: url("http://www.mobility35.org/images/page-shadow-left.png") no-repeat right #f8f8f8; float:left;}
	.left-nav{width:100%; height:auto; float:left; margin-top:30px;}
	.left-nav h1{font-size:24px; font-weight:normal; color:#656a70; margin:0; padding:0 0 0 36px; text-align:left;}
	.left-nav {width:240px; margin:20px 0 0 0;}
	.left-nav li{width:204px; height:36px; padding:12px 0 0 36px; margin:0 0 0 -40px; text-align:left; list-style:none; background:url("http://www.mobility35.org/images/left-nav-divide.gif") bottom repeat-x;}
	.left-nav li a{font-size:16px; color:#134582;}
	.left-nav li:hover, .left-nav-active{color:#134582; cursor:pointer; background-color:#dedede; position:relative;}
	.left-nav-active{color:#175ad1;}
	.left-nav ul ul{ background-color:gray; visibility:hidden;}
	.left-nav ul li:hover > ul ul{visibility:visible;}
	/*NEW NAV CSS*/
	#cssmenu ul {position: relative;z-index: 397; }
	#cssmenu ul li { min-height: 1px; line-height: 1em; vertical-align: middle; list-style:none; width:204px; height:36px; padding:12px 0 0 36px; margin:0 0 0 -40px; text-align:left; list-style:none; background:url("http://www.mobility35.org/images/left-nav-divide.gif") bottom repeat-x; font-size:16px;}
	#cssmenu ul li:hover {
  z-index: 399;
  cursor: default;
  position: relative; color:#fff; background-color:#134582;
}
#cssmenu ul ul {
  visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 398; width: 100%;}
#cssmenu ul ul ul {
  top: 0px; 
  left: 99%;
}
#cssmenu ul li:hover > ul {
  visibility: visible; /* show sub menu */
}
#cssmenu ul ul {
  top: 0px;
  left: 99%;
}

#cssmenu ul {
  width: 200px; /* main menu width */
}
#cssmenu ul ul {
  width: 230px; /* sub menu width */
  background:#ebebeb;
}
#cssmenu ul ul li{
	width:235px;
}
#cssmenu ul ul li a{
	color:#134582; width:180px;
}
#cssmenu ul li {
  padding:12px 0 0 36px; color: #134582;}
#cssmenu ul li:hover {
  color:#fff; cursor:pointer; background-color:#dedede; position:relative;
  }
  #cssmenu ul li:hover a{
	color:#134582;
}
#cssmenu ul a:link,#cssmenu ul a:visited {color: #134582;text-decoration: none; display:inline-block; padding:12px 0 12px 36px; margin:-12px 0 -12px -36px; width:218px;}
#cssmenu ul a:hover {
  color: #fff;
}
#cssmenu ul a:active {
  color: #ffa500;
}

/*Footer Mast*/
.footer-container{width:100%; float:left; height:auto;}
/*

/*Connect with us*/
.connect-container{width:100%; height:48px; float:left;}
.connect-wrap{width:960px; height:48px; margin:0 auto 0 auto;}
.connect-block{width:auto; height:32px; padding:16px 0 0 33%; margin:0 auto 0 auto;}
.connect-block ul{margin:0 0 0 -25px;}
.connect-block ul li{float:left; width:auto; margin:0 30px 0 0; list-style:none; font-size:14px; font-weight:bold; color:#505050;}
.connect-block ul li:hover{color:#0066FF;}
.connect-block ul li img{margin:0 12px 4px 0; border:0; float:left;}
/*

/*footer*/
.footer-wrap{width:960px; height:50px; background:url("http://www.mobility35.org/images/footer-bg.jpg") center; margin-left:32px;}
.footer{width:960px; height:50px; margin:0 auto 0 auto;}
.footer-nav{width:auto; height:20px; margin:20px auto 0 auto; color:#fff; padding-left:16%;}
.footer-nav a{color:#fff;}
.footer-nav a:hover{text-decoration:underline;}
.footer-nav ul{margin-left:-30px;}
.footer-nav ul li{list-style:none; float:left; width:auto; height:auto; margin:0 0 0 12px; font-size:16px;}
	/*end footer*/
	
	
/*copyright*/
.copyright-wrap{width:100%; height:auto; float:left;}
.copyright-block{width:550px; height:auto; margin:0px auto 0px auto; text-align:center; font-size:12px;}
/*end copyright*/
/*End Footer Mast*/

/*////////////////////////////////////////////////////////////////!!!Responsive Design!!!///////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 1000px){

}

@media screen and (max-width: 700px){
}