/* ---------- General ---------- */
.clear { clear: both; }
a img { border: none; }

body {
	background: #f8f8f8 url(../img/bg.gif) repeat-x;
	color: #333;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#page {
	width:1000px;
	background: url(../img/page-bg.gif) repeat-y;
	overflow:hidden;
	margin:0px auto;
}
a {
	color:#0054a6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p { margin: 0 0 1.2em 0; }

h1,h2,h3,h4 { color:#004e9a; margin: 0.3em 0 0.6em; }
h1 { font-size:24px; }
h2 { font-size:16px; }
h3 { font-size:14px; }

hr { height:1px; border:none; background:#c4c4c4; margin:10px; }

/* ---------- Header ---------- */

#header {
	height:200px;
	position:relative;
	background:url(../img/header.jpg) no-repeat;
}
#header h1 a{
	display:block;
	width:300px;
	height:140px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:50px;
	outline:none;
}
#header h1 {
	margin:0px;
	padding:0;
}
#header .header-overlap {
	position:absolute;
	top:200px;
	left:0;
	background:url(../img/header-overlap.gif) no-repeat;
	width:1000px;
	height:21px;
}

/* ---------- Navigation ---------- */
#nav {
	background:url('../img/nav-bottom.gif') no-repeat bottom left;padding-bottom:21px;
}
#nav ul { list-style:none; margin:0; padding:21px 0 0;background:url('../img/nav-top.gif') no-repeat top left; }
#nav ul li { list-style:none; padding:0 20px 12px;background:url('../img/nav-bg.gif') repeat-y;width:200px; }
#nav a { font-size:14px;font-weight:bold;color:#86b0d9;text-shadow:#003a72 1px 0 0; }
#nav a:hover { color:#fff;text-decoration:none; }

#nav ul.submenu { background:none;padding-top:7px;display:none; }
#nav ul.submenu li { background:none;padding:0 0 3px 15px;width:180px }
#nav ul.submenu li a { font-size:12px; }

.home #nav a.home,
.trucking-today #nav a.trucking-today,
.news #nav a.news,
.find-event #nav a.find-event,
.register-event #nav a.register-event,
.event-ideas #nav a.event-ideas,
.media #nav a.media,
.downloads #nav a.downloads,
.about-ata #nav a.about-ata,
.ata-members #nav a.ata-members,
.sponsors #nav a.sponsors,
.about #nav a.about,
.safety #nav a.safety,
.environment #nav a.environment,
.matters #nav a.matters,
.careers #nav a.careers {
	color:#fff;
}
.trucking-today #nav .trucking-sub,
.about #nav .about-sub {
	display:block;	
}
/* ---------- Main Content ---------- */

#main {
	width: 960px;
	padding: 0 20px 20px;
	overflow: hidden;
	background:url('../img/main-bottom.gif') no-repeat bottom left;
}

#left_col {
	width: 240px;
	overflow: hidden;
	float:left;
	padding:5px 0 7px;
	margin:0 0 20px;
	background:#fff url(../img/left-bottom.gif) no-repeat bottom left;
}

#left_col a.sidebar-ad { margin-top: -11px; display: block; }

#left_col #feed-subscribe a {
	width:240px;
	height:106px;
	display:block;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background:url(../img/subscribe-feed.gif) no-repeat;
	margin:-14px 0 0;
}

#middle_col {
	width: 470px;
	padding: 0 5px;
	overflow: hidden;
	float:left;
}
#right_col {
	width:240px;
	padding:27px 0 0;
	float:left;
}
#right_col .right-banner a {
	height:136px;
	width:240px;
	display:block;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
}
#right_col .right-banner a.find { background:url(../img/find-event.gif) no-repeat; }
#right_col .right-banner a.register { background:url(../img/register-event.gif) no-repeat;margin-top:-11px; }
#right_col .members, #right_col .sponsors, #right_col .other { text-align:center;padding-bottom:10px;width:240px; position:relative; }
#right_col .members, #right_col .sponsors { background:url(../img/right-box-bg.gif) repeat-y;padding-top:35px; }
#right_col .members img, #right_col .sponsors img { padding-bottom:8px; }
#right_col .members { margin:30px 0; }
#right_col .bottom { background:url(../img/right-box-bottom.gif) no-repeat;position:absolute; height:19px;width:240px;bottom:-19px; left:0; }
#right_col .other img { padding:0 5px; }
#right_col h3 { text-align:left;font-size:12px; color:#666;padding:30px 15px 0; margin:0;background:url(../img/right-box-top.gif) no-repeat top left;
width:210px; position:absolute; top:-22px; left:0; }

#content { padding:40px 10px 20px; }

/*#page.home*/ #content { padding-top:10px; }
/*#middle_col h1.image { display:none; }*/
/*#page.home*/ #middle_col h1.image { display:block; width:470px;height:154px; overflow:hidden; text-indent:-9999px; background:url(../img/home-img.jpg) no-repeat;margin:21px 0 0; }

/* ---------- Tables ---------- */
table{ width: 100%;margin:15px 0; }
table th { text-align: left; border-bottom: 1px solid #ddd;background: #f8f8f8;padding:8px 5px 5px; }
table td { border-bottom: 1px solid #ddd;padding:8px 5px 5px;  }


/* ---------- Forms ---------- */
form { margin:15px 0; }
form ul { margin: 0; padding: 0; }
form span.required { color: #911; }
form ul li input { padding: 3px; border: 1px solid #aaa; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333; font: normal 12px/1em Arial, Helvetica, sans-serif; }
form ul li input.width-short { width: 50px; }
form ul li input.width-medium { width: 100px; }
form ul li input.width-long { width: 150px; }
form  ul, form  ul li { margin:4px 0;display:block; padding:0; list-style:none; }
form  ul { margin:20px 15px; }
form  label { float:left; width:200px; display:block; clear:both; }
form  .rightlabel { width: auto; padding-left: 10px; float: none; display: inline; clear: none; }
form table td { border-bottom: 1px solid #ccc; }
form ul.wide li { border-bottom: 1px solid #ccc; width: 99%; overflow: hidden; padding: 5px; }
form ul.wide li input { float: right; }
.errormsg, .redtext { color: #911; }
fieldset { border: 0px none #ddd; margin: 0; padding: 0; }
fieldset legend { font-weight: bold; }
form { border-top: 1px solid #CCCCCC; padding-top: 10px; margin-top: 10px; }
form label { float:left; width:100px !important; display:block; clear:both; }
form textarea { width: 99%; }
form #formbuttons input.button { float: none; display: block; margin: 0 auto 0 auto; }
form #formbuttons { border-top: 0px none #ccc; padding-top: 0px; margin-top: 0px; }

/* ---------- Buttons ---------- */

#formbuttons { width: 100%; overflow: hidden; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; text-align: center; font-weight: bold; }
#formbuttons input.button { background: url(../img/button.gif) top left no-repeat; width: 100px; height: 40px; float: right; color: #b8d6e8; border: 0px none #000; background-color: transparent; cursor: pointer; text-align: center; font-weight: normal; }
#formbuttons input.button:hover { background-position: bottom left; color: #fff; }
#formbuttons a.button, #formbuttons button.button-grey { background: url(../img/button.gif) top left no-repeat; width: 100px; height: 40px; color: #b8d6e8; float: left; border: 0px none #000; background-color: transparent; cursor: pointer; text-align: center; text-decoration: none; font-weight: normal; }
#formbuttons a.button { height: 30px; padding: 10px 0 0 0; }
#formbuttons a.button:hover,
#formbuttons button.button-grey:hover { background-position: bottom left; color: #fff; }

/* ---------- Footer ---------- */

#footer {
	width: 930px;
	padding: 5px 35px 30px;
	clear: both;
	color: #797e88;
	background:#f8f8f8;
	overflow:hidden;
}
#footer a { color:#0054a6; }
#footer .inner {
	width: 100%;
	overflow: hidden;
}
#footer .copyright {
	float: left;
	width: 780px;
	text-align:center;
	color:#aaa;
	font-size:11px;
	text-shadow:#fcfcfc 1px 0 0;
	line-height:20px;
}
#footer .copyright a { padding: 0 4px; }
a#starfish {
	background: url(../img/starfish.gif) top left no-repeat;
	width: 75px;
	height: 23px;
	display: block;
	float: right;
}
a#starfish:hover { background-position: bottom left; }
a#starfish span { width: 1px; height: 1px; overflow: hidden; display: block; text-indent: -9999em; }
a#ata-logo { float:left;padding-right:15px; }