/* ABJ40 */

html, body { height: 100%; background-color: silver; }
body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}

div.navigate {
	height:40px;
	width:798px;
	margin:5px 0px 10px 0px;
	border:2px solid black;
	background-color: #649BC9;
	-moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
}

div.nav_page {
	float:left;
	font-weight:bold;
	width:133px;
	height:40px;
	text-align:center;
}

div.nav_text {
	padding:2px 2px 2px 2px;
}

a.pagelink {
	color:white;
	text-decoration: none;
}

div.onpage {
	background-color:#4b0082;
}

#header-wrapper {
	margin: 0;
   background-color: #e3e3e3;
}

#header { 
	width: 824px;
	height: 82px; 
	background-repeat: no-repeat;
	background-image: url("/images/ABJ40/Trvel Survey Methods/Travel Survey Methods Banner Final Small.jpg");
	margin-left: auto; 
	margin-right: auto; 
	overflow: hidden;
}

#container-wrapper {
	padding: 0 0 14px 0;
	background-color: #e3e3e3;
	background-image: url("../img/header.png");
	background-repeat: repeat-x;
}

#container {
	border: 1px solid silver;
	padding: 10px 20px;
	text-align: left;
   background-color: #fff;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

#container, #footer { width: 800px; margin-left: auto; margin-right: auto; overflow: hidden; }

#sidebar {
	width: 240px;
	float: right;
	border: 0px solid lime;
	margin-bottom: 10px;	
	margin-top: 5px;
	margin-right: 5px;
}

#content {
	border: 0px solid purple;
	width: 520px;
	margin-top: 5px;
	padding: 10px;
}	

#content_i {
	border: 0px solid purple;
	margin-top: 5px;
	padding: 10px;
}	

div.boxhead  { 
	background-color: #649BC9;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	color: white;
	-moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   border-bottom: 1px solid black;
}

div.box {
	background-color: white;
	border: 1px solid black;
	margin-bottom:10px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

ul.box {
	margin: 0;
	padding: 5px 5px 5px 5px;
	list-style: none;
}

li.box {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-bottom: 8px;
	padding-top: 0;
	border-bottom: 1px solid black;
}

li.a {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	padding-bottom: 3px;
	padding-top: 0;
}

li.bullet_pdf { 
	background:  url("images/acrob_white.gif") 3px 0px no-repeat; 
	padding: 0 0 10px 30px;
}

li.bullet_word { 
	background:  url("images/word.gif") 3px 0px no-repeat; 
	padding: 0 0 10px 30px;
}

li.bullet_ppt { 
	background:  url("images/ppt.gif") 3px 0px no-repeat; 
	padding: 0 0 10px 30px;
}

li.bullet_xls { 
	background:  url("images/excel.gif") 3px 0px no-repeat; 
	padding: 0 0 10px 30px;
}

h3 {
	margin: 0; padding: 0;
}

hgoals {
	FONT-COLOR:"#004080";
	margin: 0; padding-left: 20px; padding-top: 20px;
}

#footer {
	clear: both;
	padding-bottom: 8px;
	padding-top: 10px;
	border-top: 1px dotted silver;
}

img {
	border: 0;
}

a.tlg {
	font-weight: bold; 
	color: white; 
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}
a.tlg:hover {
	color: #336600;
}

form {
	margin: 0;
	padding: 0;
}

tr.roster {
	font-weight: bold;
	border-bottom: 1px solid black;
	width: 100px;
}

td.columnHead1 {
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
}

td.columnHead2 {
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

td.columnHead3 {
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

td.column1 {
	padding-left: 5px;
	width: 80px;
}

td.column2 {
	padding-left: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 350px;
}

td.column3 {
	padding-left: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 130px;
}

td.friend1 {
	padding: 8px;
	width: 150px;
}

td.friend2 {
	padding: 8px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 300px;
}
td.wide {
	padding-left: 8px;
	padding-top: 8px;
	border-bottom: 1px solid gray;
	width: 300px;
}
td.narrow {
	padding-left: 8px;
	padding-top: 8px;
	border-bottom: 1px solid gray;
	width: 80px;
}

p.indent0 {
	margin-top: 15px;
	margin-bottom: 0px;	
	text-align: left;
}

p.indent1 {
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 0px;	
	text-align: left;
}

p.indent2 {
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 8px;	
	text-align: left;
}
p.indentPPT {
	background: url("images/ppt.gif") 3px 0px no-repeat; 
	padding-left: 30px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}

p.indentPPT1 {
	background: url("images/ppt.gif") 12px 0px no-repeat; 
	padding-left: 40px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}

p.indentWord {
	background: url("images/word.gif") 3px 0px no-repeat; 
	padding-left: 30px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}
p.indentPdf {
	background: url("images/acrob_white.gif") 3px 0px no-repeat; 
	padding-left: 30px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}

p.indentPDF1 {
	background: url("images/acrob_white.gif") 12px 0px no-repeat; 
	padding-left: 40px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}

p.indentExcel {
	background: url("images/excel.gif") 3px 0px no-repeat; 
	padding-left: 30px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
}

p.indentExcel1 {
	background: url("images/excel.gif") 12px 0px no-repeat; 
	padding-left: 40px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;

