/* CSS Document */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img { border: none; }

html,body { height: 100%; }
body {
	font: 12px/18px  Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	text-align:center;
	}
#wrap {
	width: 880px;
	margin: 0 auto;
}
.bg-wrap {
	float: left;
	width: 880px;
	min-height: 100%;
	
}
	
/* HEADER //////////////////////////////////////////////////////////////////////////////*/	

#header {
	float: left;
	width: 880px;
	position: relative;
}
#header h1 {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 25px 0 0 34px;
}
#header h1 a {
	float: left;
	width: 270px;
	height: 85px;
	overflow: hidden;
	text-indent: -12000px;
	background: url("../images/new_jtd_logo.gif") no-repeat;
}
#header .links {
	float: left;
	color: #1a1818;
	display: inline;
	margin: 0 0 10px 698px;
	font: 14px  Arial, Helvetica, sans-serif;
	font-weight: bold;
}



.links a {
	color: #000;
	text-decoration: none;
	}
	
.links a:hover {
	text-decoration: underline;
	}

/* MAIN NAV //////////////////////////////////////////////////////////////////////////////*/

    #navigation {
	  margin-left: 20px;
	  float: left;
	  display: inline;
      width:100%;
      height: 53px;
	  }

/* Body //////////////////////////////////////////////////////////////////////////////*/

    #container {
	  margin-left: 20px;
	  float: left;
	  display: inline;
      width: 840px;
      height: 100%;
	  background: url("../images/tabbkg.jpg") repeat-y;
	  }
	  #container h1{
	  margin: 18px 0 0 15px;
	  float: left;
	  display: inline;
	  color: #ea7f28;
	  font-size:17px;
	  font-weight: bold;
	  text-align:left;
	  }
	   #container h2{
	  margin: 0 0 0 15px;
	  float: left;
	  display: inline;
	  color: #000;
	  font-weight: bold;
	  }
	  
	  #search {
	  width: 385px;
	  height: 100%;
	  margin-left: 200px;
	  padding-top: 20px;
	  text-align: left;
	  float: left;
	  display: inline;
	  clear: both;
	  }
	  
	  #search h1{
	  color: #1fb2ff;
	  font-size:17px;
	  font-weight: bold;
	  }
	  
	   #search h2{
	  color: #000;
	  font-size: 10px;
	  }

#search form {
	float: left;
	display: inline;
	width: 350px;
	
  }
#search fieldset {
	float: left;
	display: inline;
	width: 400px;
	margin: 4px 10px 0 15px;
  	font-size: 100%;
	
  }
.go-button {
     margin: 0 0 5px 5px;
	}
.field {
	float:left;
	display: inline;
	width: 250px;
	padding-right: 10px;
	font-size: 18px;
	}
.pagefield {
	float:left;
	display: inline;
	width: 25px;
	font-size: 12px;
	}
.page {
	padding: 0 2px 0 2px;
	}
	
 #results {
	  margin-left: 20px;
	  float: left;
	  display: inline;
      width: 840px;
      height: 100%;
	  
	 }
.line{
	background: url("../images/mid-line.jpg") repeat-x;
	float:left;
	display: inline;
	width: 794px;
	height: 3px;
	margin: 35px 0 20px 0;
	}
.results-header{
	font-size: 16px;
	font-weight: bold;
	color: #f6931d;
	}
.results-sub{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}
.display{
	text-align: center;
	}
#bottom {
	  margin-left: 20px;
	  float: left;
	  display: inline;
      width: 840px;
      height: 100%;
	  background: url("../images/btmcrns.jpg") no-repeat;
	  }

/* CALLOUTS //////////////////////////////////////////////////////////////////////////////*/	  
	#callouts {
	margin-left: 20px;
	  float: left;
	  display: inline;
      width: 840px;
      height: 100%;
	  }
	
	.oheader{
	font-size: 14px;
	font-weight: bold;
	color: #f6931d;
	padding: 6px 0 0 10px;;
	}
	
	.bsub{
	font-size: 12px;
	color: #000;
	padding: 4px 0 0 10px;
	}
	
	.bsub a{
	text-decoration: none;
	color: #000;
	
	}
	.bsub a:hover{
	text-decoration: underline;
	
	}
	
	.special{
	font-size: 13px;
	color: #1a97d8;
	padding: 4px 0 0 10px;
	}
	
	.special a{
	text-decoration: none;
	color: #1a97d8;
	
	}
	.special a:hover{
	text-decoration: underline;
	
	}
	
	

	  
/* HEADNAV /////////////////////////////////////////////////////////*/
	 #headnav {
	 clear: both;
	font-size: 4;
	color: #000;
	 text-align: center;
	 font-weight: bold;
	 }
	 
#headnav a {
	color: #000;
	text-decoration: none;
	}
	
#headnav a:hover {
	text-decoration: underline;
	}

/* NAVNAV /////////////////////////////////////////////////////////*/
	 #navnav {
	 clear: both;
	font-size: 18;
	color: #000;
	 text-align: left;
	 font-weight: bold;
	 }
	 
#navnav a {
	color: #000;
	text-decoration: none;
	}
	
#navnav a:hover {
	text-decoration: underline;
	}


/*Copy Write*/
#copyrite {
	 text-align: center;
	 clear: both;
	 height: 100%;
	 }
	 
/* FOOTER ////////////////////////////////////////////////////////////////*/
 #footer {
	 text-align: center;
	 clear: both;
	 height: 100%;
	 font-weight: bold;
	 margin: 10px 0 20px 0;
	 }
	 
#footer a {
	color: #000;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

#footer-nav ul {
		clear: both;
		padding-top: 20px;
		}
		
#footer-nav ul li{
		margin: 0 auto;
		display: inline;
		border-left: 1px black solid;
		padding: 0 5px 0 7px;
		}
		
#footer-nav p {
		clear: both;
		padding-top: 20px;
		}

#footer-nav ul li.first {
		border: none;
		}
		
.clear {
 clear: both;
 }
 
.faqs{
	font-size: 14px;
	font-weight: bold;
	color: #f6931d;
	
	}
	
.details-header{
	font-size: 16px;
	font-weight: bold;
	color: #f6931d;
	}
.details{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	
	}
.details a{
	text-decoration: none;
	color: #000;
	
	}
.details a:hover{
	text-decoration: underline;
	
	}
.tracks{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 24px;
	
	}
	
	.tracks a{
	text-decoration: none;
	color: #000;
	
	}
.tracks a:hover{
	text-decoration: underline;
	
	}
.blue {
	padding: 0 0 5px 5px;
	color: #1a97d8;
	font-size: 12px;
	font-weight: bold;
	}
.blue a {
	text-decoration: none;
	}
.blue a:hover {
	text-decoration: underline;
	}
	
.texta {
	font-size: 10px;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.textb {
	font-family: verdana,sans-serif;
	color: #333;
	font-size: 10px;
	border: 1px solid #ccc;
}

.submit {
	font-family: verdana,sans-serif;
	border-right: 2px solid #CE7C29;
	border-bottom: 2px solid #CE7C29;
	font-size: 11px;
	font-weight:bold;
	background-color: #FF9934;
	color: #fff;
	cursor: pointer;
	padding: 2px;
}

#error{
	background-color:#F7921C;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 5px 5px 15px;
	margin: 5px 0 5px 0;
	width:auto;
	border: 1px solid #999999;
}

#message{
	background-color: #1FB2FF;
	font-size: 12px;
	color: #FFF;
	padding: 5px;
	margin: 5px 0 5px 0;
	width:auto;
	text-align:center;
	border: 1px solid #999999;
}

.remove{color:#F00;}

.contactHeader{
	font-size: 14px;
	color: #f6931d;
	padding-left: 7px;
	font-weight: bold;
	
	}
.contactInfo{
	font-size: 12px;
	color: #000;
	padding-left: 7px;
	
	}