/* Screen styles for TransportationMATTERS (transportation-matters.org) */
/* Designed and developed by TCS Software (associationsoftware.com) */
/* Built January 2009 */
/* Modified March 2010 */


/*
===========================================================================
@IMPORTED STYLESHEET: css_reset
---------------------------------------------------------------------------
*/

/* default resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
		
:focus {
	outline: 0;
}
body {
	line-height: 1;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/* 2. sitewide structural styles */

.imgleft {
	margin:0 15px 8px 0;
	float:left;
	}

.imgright {
	margin:0 0 8px 15px;
	float:right;
	}

.imgcenter {
	text-align:center;
	display:block;
	}

.imgcenter2 {
	margin:0 auto;
	display:block;
	}

.clearboth {
	clear:both;
	}

.clearleft {
	clear:left;
	}

.clearright {
	clear:right;
	}

#tcspromo {
	float:right;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_navigation
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
/* image replacement nav properties */

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#nav ul li { 
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
	font-size: 0.9em;
	margin:0;
	padding:0;
	}
			
#nav li em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	background-position:0 0;
	}
	
	/* image replacement specific properties */
#nav {
	list-style: none;
	}
	
#nav li {
	float: left; 
	padding-bottom: 1px; 
	} /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	
#nav li, #nav li em { 
	height: 40px; 
	width: 160px; 
	}
	
#nav li#nav_about, #nav li#nav_about em, #nav li#nav_home, #nav li#nav_home em, #nav li#nav_platform, #nav li#nav_platform em, #nav li#nav_action, #nav li#nav_action em { 
	width: 161px; 
	}

	
#nav li:hover em { 
	background-position: 0 -40px;
	}
	
* html>body #nav li em { 
	margin-bottom: -40px; 
	} /* for ie5.x/mac only */
	
#nav_home em {
	background: url(http://www.associationdatabase.com/aws/TMC/am/gi/nav_home.png?ver=3) top left no-repeat;
	}
	
#nav_about em {
	background: url(http://www.associationdatabase.com/aws/TMC/am/gi/nav_about.png?ver=3) top left no-repeat;
	}
	
#nav_platform em {
	background: url(http://www.associationdatabase.com/aws/TMC/am/gi/nav_platform.png?ver=3) top left no-repeat;
	}
	
#nav_news em {
	background: url(http://www.associationdatabase.com/aws/TMC/am/gi/nav_news.png?ver=3) top left no-repeat;
	}

#nav_links em {
	background: url(http://www.associationdatabase.com/aws/TMC/am/gi/nav_links.png?ver=3) top left no-repeat;
	}
	
#nav_action em {
	background: url(http://www.associationdatabase.com/aws/TMC/am/gi/nav_action.png?ver=3) top left no-repeat;
	}
	

/* suckerfish styles */

#nav a { 
	display: block; 
	font-weight: normal; 
	}

* html #nav a { 
	height: 1%; 
	}
	
#nav ul li ul {
	position: absolute;
	z-index: 10; /* show the dropdowns above the http://www.associationdatabase.com/aws/TMC/am/gi */
	top: 40px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	background-image:url(http://www.associationdatabase.com/aws/TMC/am/gi/back_subnav.png?ver=3);
	}
	
#nav li:hover ul { 
	left: auto; 
	}
	
#nav ul li li {
	height: auto; /* reset the height and padding set on the IR list items */
	padding-bottom: 0;
	font-size: 110%;
	display:block;
	}
	
#nav ul li ul li a {
	padding:5px 3px;
	color: #164374;
	text-decoration:none;
	display:block;
	width:111px;
	}
	
#nav ul li ul li a:hover, #nav ul li ul li:hover {
	color: #164374;
	background-color:#94cc52;
	text-decoration:none;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_structure
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
body {
	background:#86887d url(http://www.associationdatabase.com/aws/TMC/am/gi/back_body.png?ver=3) top left repeat-x;
	text-align:center;
	color#003;
	font:normal 1em Arial, Helvetica, sans-serif;
	line-height:1.3em;
	}

#frame {
	text-align:left;
	margin:0 auto;
	width:964px;
	}
	
#header {
	background:#002043 url(http://www.associationdatabase.com/aws/TMC/am/gi/back_header.png?ver=3) top left no-repeat;
	overflow:hidden;
	}
	
#header h1 {
	padding:58px 0 10px 320px;
	margin:0;
	}
	
#sublinks {
	float:right;
	width:216px;
	padding:10px;
	background:transparent url(http://www.associationdatabase.com/aws/TMC/am/gi/back_sublinks.png?ver=3) top left repeat-y;
	margin-top:10px;
	}
	
h2.searchhead {
	padding:0;
	display:block;
	background:transparent url(http://www.associationdatabase.com/aws/TMC/am/gi/head_search.png?ver=3) top left no-repeat;
	height:25px;
	margin:0;
	text-indent:-999em;
	}
	
#sublinks .tcssearch {
	}
	
#sublinks input.search_button, .tcsFormButton {
	margin-left:5px;
	background-color:#feca0d;
	color:#003;
	text-transform:uppercase;
	border:1px solid #feeba3;
	}
	
 input.search_button:hover, .tcsFormButton:hover {
	background-image:none;
	background-color:#c9ca2e;
	border:1px solid #e0dc76;
	}
	
a.headerlink {
	color:#FFFF99;
	text-decoration:none;
	font-size:.9em;
	}
	
a.headerlink:hover {
	color:#fff;
	text-decoration:underline;
	}
	
a.headerlink:visited {
	color:#ccc;
	}
	
#joinlink a {
	display:block;
	text-indent:-999em;
	background-image:url(http://www.associationdatabase.com/aws/TMC/am/gi/button_join.png?ver=3);
	background-position:top left;
	background-repeat:no-repeat;
	height:30px;
	width:206px;
	margin:5px 0;
	}
	
#joinlink a:hover {
	background-position:0 -30px;
	}
	
#content {
	background:#fff url(http://www.associationdatabase.com/aws/TMC/am/gi/back_content.png?ver=3) top right repeat-y;
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
#maincontent {
	float:left;
	width:708px;
	padding:10px;
	}
	
#subcontent {
	float:right;
	width:216px;
	padding:10px;
	}
	
#footer {
	background-color:#002043;
	padding:10px;
	color:#fff;
	}
	
#footer address {
	font:normal .9em Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height:1.2em;
	font-style:normal;
	}
	
#footer a, #footer a:hover, #footer a:visited {
	color:#fff;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_home
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
/* home page styles */

#elevatorpitch {
	background:#fff url(http://www.associationdatabase.com/aws/TMC/am/gi/back_elevator.png?ver=3) bottom left no-repeat;
	border:1px solid white;
	}

#subsections {
	overflow:hidden;
	width:100%;
	}
	
.left2cols {
	float:left;
	width:50%;
	overflow:hidden;
	}
	
#promobox_econ {
	float:left;
	width:176px;
	border-right:1px solid #fff;
	}
	
#promobox_econ h2 {
	display:block;
	background:#7cbe31 url(http://www.associationdatabase.com/aws/TMC/am/gi/head_econcompetitiveness.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:58px;
	padding:0;
	margin:0;
	width:100%;
	}
	
#promobox_mobility {
	float:right;
	width:176px;
	border-right:1px solid #fff;
	}
	
#promobox_mobility h2 {
	display:block;
	background:#7cbe31 url(http://www.associationdatabase.com/aws/TMC/am/gi/head_mobility.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:58px;
	padding:0;
	margin:0;
	width:100%;
	}
	
.right2cols {
	float:right;
	width:50%;
	overflow:hidden;
	}
	
#promobox_quality {
	float:left;
	width:176px;
	border-right:1px solid #fff;
	}
	
#promobox_quality h2 {
	display:block;
	background:#7cbe31 url(http://www.associationdatabase.com/aws/TMC/am/gi/head_qualityoflife.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:58px;
	padding:0;
	margin:0;
	width:100%;
	}
	
#promobox_funding {
	float:right;
	width:177px;
	}
	
#promobox_funding h2 {
	display:block;
	background:#7cbe31 url(http://www.associationdatabase.com/aws/TMC/am/gi/head_funding.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:58px;
	padding:0;
	margin:0;
	width:100%;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_textstyles
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
/* text styles */	
	
h1, .heading1 {
	margin-bottom:.8em;
	font:normal 2em Arial, Helvetica, sans-serif;
	color:#164374;
	}
	
h2, .heading2 {
	margin:0 0 .6em 0;
	font:normal 1.7em Arial, Helvetica, sans-serif;
	color:#00752f;
	line-height:1.3em;
	}
	
h2.foundershead {
	padding:0;
	display:block;
	background:#00752f url(http://www.associationdatabase.com/aws/TMC/am/gi/back_foundershead.png?ver=3) top left no-repeat;
	height:28px;
	margin:0 0 5px 0;
	text-indent:-999em;
	}
	
h2.newshead {
	padding:0;
	display:block;
	background:#164374 url(http://www.associationdatabase.com/aws/TMC/am/gi/back_newshead.png?ver=3) top left no-repeat;
	height:28px;
	margin:10px 0 5px 0;
	text-indent:-999em;
	}
	
h3, .heading3 {
	margin:0 0 .6em 0;
	font:normal 1.5em Arial, Helvetica, sans-serif;
	color:#164374;
	line-height:1.3em;
	}
	
h4, .heading4 {
	margin:0 0 .6em 0;
	font:normal 2em Arial, Helvetica, sans-serif;
	color:#002043;
	line-height:1.3em;
	}
	
h5 {
	margin:0 0 .6em 0;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#999;
	line-height:1.3em;
	}
	
h6 {
	margin:0 0 .6em 0;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.3em;
	}
	
p {
	margin-bottom:.8em;
	line-height:1.3em;
	}
	
ol, ul {
	margin:0 1.2em .8em 1.2em;
	padding:0 1em;
	}
	
li {
	margin:0 0 .3em 0;
	padding:0;
	font:normal 1em Arial, Helvetica, sans-serif;
	line-height:1.3em;
	}
	
a {
	text-decoration:none;
	color:#4a7e1a;
	}

a:hover {
	text-decoration:underline;
	color:#58b31f;
	}
	
a:visited {
	color:#425720;
	}
	
table {
	margin:15px 0;
	border:1px solid #e9e9de;
	}
	
th {
	padding:3px 5px;
	background-color:#7cbe31;
	color:#fff;
	font-weight:bold;
	}
	
td {
	padding:3px 5px;
	}
	
tr.altrow {
	background-color:#e9e9de;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_tcsstyles
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
/* tcs styles */

.tcslinks table, .tcscalendars table, .tcsnews table {
	border:none;
	}

.tcslinks td {
	padding:0 20px 20px 0;
	}
	
.tcsnews h3 {
	margin:.8em 0 0 0;
	font-size:1.1em;
	}
	
.tcslinks h3 {
	margin:.1em 0;
	color:#000;
	font-size:1.2em;
	}
	
.tcsnews h4 {
	margin:0;
	font-size:1em;
	}
	
.tcsnews p {
	margin:0;
	}
	
.tcscalendars h3 {
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	}
	
.tcsnews h5, .tcscalendars h5 {
	clear:left;
	margin:.8em 0 0 0;
	font-weight:bold;
	font-style:italic;
	}
	
.testimonialpage td {
	padding:0 20px 20px 0;
	}
	
ul.tcslegend {
	margin:0 1em;
	padding:0 1em;
	}
	
.tcsTable_Format1 td {
	padding-bottom:10px;
	}
	
.tcsSubHeadFont {
	font:normal 1.5em Arial, Helvetica, sans-serif;
	color:#6287af;
	margin:.6em 0 .3em 0;
	}
	
.pagination {
	border-top:1px solid #7cbe31;
	padding:5px;
	background-color:#e9e9de;
	}

#subcontent .tcsnews a {
	color:#425720;
	}
	
#subcontent .tcsnews a:visited {
	color:#4a7e1a;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_calendars
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
/* styles for style 2 calendars */

.tcscalendars ul {
	margin:0;
	padding:0;
	}
	
.tcscalendars li {
	margin:.8em 0;
	padding:.5em 0;
	list-style:none;
	overflow: auto;
	width: 100%;
	}
	
.tcscalendars h2 {
	clear:left;
	padding:.6em 0 .2em 0;
	}
	
.tcscalendars .datestamp {
	background:#fff url(http://www.associationdatabase.com/aws/TMC/am/gi/back_calendartop.png?ver=3) top center no-repeat;
	width:120px;
	padding-top:5px;
	margin-right:10px;
	float:left;
	text-align:center;
	clear:left;
	}
	
.tcscalendars .datestamp h5 {
	color:#fff;
	padding:0 0 10px 0;
	text-transform:uppercase;
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/TMC/am/gi/back_calendarbottom.png?ver=3) bottom center no-repeat;
	font-size:13px;
	width:120px;
	}

.tcscalendars h5 span.bignumber {
	font:20px bold Helvetica, Arial, sans-serif;
	color:#fff;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_classes
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/TMC/am/gi]  -->*/
/* sitewide classes */

.slideshow {
	margin:5px 0;
	}
	
ul.sidenav {
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul.sidenav li {
	margin:0;
	padding:0;
	}
	
ul.sidenav a {
	display:block;
	text-decoration:none;
	padding:3px 5px;
	}
	
ul.sidenav a:hover {
	text-decoration:none;
	background-color:#fff;
	}

table.nicetable {
	margin:10px 0;
	border:1px solid #acabac;
	font:normal normal 1em Helvetica, Arial, sans-serif;
	}

.nicetable th {
	padding:3px 5px;
	background-color:#acabac;
	font-weight:bold;
	}

.nicetable td {
	padding:3px 5px;
	border-top:1px solid #acabac;
	}

.nicetable td + td {
	border-left:1px solid #acabac;
	}

.altrow td {
	background-color:#e9e9e9;
	font-weight:bold;
	}