/*==================================================================

Project:		[TDG]
Version:		1.0
Last update:	12/06/2010
Assigned to:	[John Watson]

=====================================================================*/

/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	color: #e66600;
	text-decoration:none; 
}
a:focus,a:hover { 
	text-decoration:underline;
}
a img { 
	border:0; 
}
.clear { 
	clear:both; 
}
:focus {
	outline: 0;
}
.textcenter{
	text-align:center;
}
.textright{
	text-align:right;
}
#printheader {
display:none
}
#homeflash {
position: absolute;
margin-top: 100px;
margin-left: 100px;
z-index:99999999;
}
#homeflashtop {
position: absolute;
width:850px;
height:30px;
margin-top: 100px;
margin-left: 100px;
z-index:999999991;
background-color: white;
opacity:0.1;filter:alpha(opacity=10)
}

/* Global Elements
=====================================================================*/
body {
	background:#fff;;
	line-height: 1.6em;
	font:62.5% Arial, verdana, serif;
	min-height:100%;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#wrapper {
	width:980px;
	margin:10px auto 20px auto;
	background:#fff;
}
#logo{
	width:135px;
	height:52px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
#logo span{
	background:url(/images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#header{
	width:950px;
	height:71px;
	background: url(/images/back_header.png) repeat-x;
	padding:13px 17px 0 13px;
}
#headerright{
	float:right;
	width:750px;
	text-align:right;
}
#placephone {
	font-weight:bolder;
	color:#fff;
	font-size:1.6em;
	padding: 20px 0 0 0;
	text-transform:uppercase;
}
#placephone span{
	color:#7ecc0e;
	font-size:0.7em;
	font-weight:lighter;
	padding:0 0 0 10px;
}
#headerlink li{
	display:inline;
	font-size:1.1em;
	font-weight:bolder;
	background: url(/images/headermenu_sep.png) no-repeat 0 2px;
	padding:0 6px 0 9px;
}
#headerlink li.noborder{
	background:none;
}
#mainmenu{
	height:20px;
	width:980px;
	padding:5px 0 0 0;
	background: url(/images/back_mainmenu.png) repeat-x;
	text-align:center;
}
#mainmenu ul li{
	display:inline;
}
#mainmenu ul li a{
	color:#fff;
	text-transform:uppercase;
	font-weight:bolder;
	padding:0 37px;
	background: url(/images/mainmenu_sep.png) no-repeat 0 3px;
}
#mainmenu ul li.last{
	background: url(/images/mainmenu_sep.png) no-repeat 100% 3px;
}
#placebrowse span{
	float:left;
	color:#333;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.8em;
font-family: helvetica, arial, sans serif;
}
#frmbrowse{
	float:right;
}
.txtsearch{
	width:186px;
	height:19px;
	border:1px solid #999;
	border-right:none;
	font-size:1.0em;
	vertical-align:middle;
}
.btnsearch{
	width:39px;
	height:21px;
	border:none;
	vertical-align:middle;
	background: url(/images/btn_search.png) no-repeat;
	overflow:hidden;
	text-indent:2000px;
	cursor:pointer;
}
#placebrowse{
	background:#dedfe0;
	padding:10px 13px;
}
.singleset{
	width:200px;
	float:left;
	margin-left:3px;
	display:inline;
}
.singleset ul li{
	margin:5px 0 0 13px;
	font-size:1.1em;
}
.singlenomargin{
	margin:0;
	width:165px;
}
#footerlinkset h4{
	text-transform:uppercase;
	font-size:1.2em;
	padding:10px 0 5px 13px;
}
#footerlinkset .set1 h4{
	border-bottom:3px solid #999;
}
#footerlinkset .set2 h4{
	border-bottom:3px solid #f17f01;
}
#footerlinkset a{
	color:#000;
}
.placeintro{
	width:225px;
	float:left;
	background:#f1f1f2 url(/images/back_01.png) no-repeat bottom left;
	padding:0px 10px 17px 10px;
}
.placeintro h1{
	color:#e66600;
	font-size:2.2em;
	font-weight:lighter;
                     width:200px
}
.placeintro p{
	padding:5px 0;
	color:#333;
	font-size:1.2em;
}
#haccordion{
	width:706px;
	height:322px;
	float:right;
	margin-right:10px;
	z-index:-90000;
}

.placecustomers{
	width:120px;
	height:252px;
	padding:10px 15px;
	background: url(/images/back_02.png) no-repeat bottom left;
	float:left;
	display:inline;
	margin-right:2px;
}
.feature-260{
	width:230px;
	height:252px;
	padding:10px 15px;
	float:left;
	background:#fcefe5 url(/images/bottom260.png) no-repeat bottom right;
	display:inline;
	margin-left:16px;
}
.feature-260white #divscroll{
	width:220px;
	height:210px;
	border-bottom: 1px solid #999;
	overflow-y: scroll; 
}
.feature-260white{
	width:220px;
	height:252px;
	padding:10px 15px;
	float:left;
	background:#fcefe5 url(/images/back_latestnews250.png) no-repeat bottom right;
	display:inline;
	margin-left:16px;
}
.feature-260white #divscroll p{
	font-size:1.2em;
}
.txtitalic{
	font-style:italic;
	font-size:1.1em;

}
a.newsreadmore{
	text-transform:uppercase;
}
.feature-260 p {
	padding:5px 0;
}
.readmore{
	width:68px;
	height:21px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
.readmore span{
	background:url(/images/btn_readmore.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
.downloadpdf {
	width:92px;
	height:21px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
.downloadpdf span{
	background:url(/images/btn_downloadpdf.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
.play{
	width:92px;
	height:21px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
.play span{
	background:url(/images/btn-play.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#divscroll div{
	padding:0 0 10px 0;
}

.contentset{
	padding:10px 0;
}

.contentset h3{
	border-bottom:1px solid #999;
	color:#e66600;
	text-transform: uppercase;
	font-size:1.4em;
	padding:0 0 4px 0;
	margin:0 0 5px 0;
}
.placecustomers h3{
	color:#7dcc0e;
	border-bottom:1px solid #fff;
}
#customerlist li{
	margin:6px 0 0 0;
}
#customerlist li a{
	color:#fff;
	font-size:1.1em;
}
#haccordion ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#haccordion ul li{
  float: left;
  padding: 0;
  display: block;
  margin-right: 0px;
}

#haccordion ul li div.accordion{
  display: block;
  color:#333;
  overflow: hidden;
  height: 322px;
  width: 45px;
  background:#fcefe5 url(/images/arrowtab.png) no-repeat 45px 22px;
  font-size:1.2em;
}
#haccordion ul li div.accordion:hover{
	text-decoration:none;
}
#haccordion ul li #a1{
  width: 571px;
}

#haccordion ul li div.contentacc{
  width: 505px;
  display: block;
  margin-left: 65px;
  padding:0 10px 0 0;
}
#haccordion ul li div.contentacc p{
	line-height:1.6em;
	padding:0 0 20px 0;
}
#haccordion h2{
	font-size:2.0em;
	font-weight:lighter;
	text-transform:uppercase;
	padding:10px 0;
}

#haccordion ul li div.accordion div.contentacc a.readmore{
	width:68px;
	height:23px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
#haccordion ul li div.accordion div.contentacc a.readmore span{
	background:url(/images/btn_readmore.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
.spantab{
	position: absolute;
	width:30px;
	height:312px;
	background: url(/images/slidetab.png) no-repeat;
	display:block;
	padding:10px 0 0 15px;
}
img.imgright{
	float:right;
}

/*INNERPAGE*/

.innernavbar{
	width:170px;
	float:left;
}
.innernavbar p{
	font-size:1.2em;
	padding:5px 0;
}
.innercontent{
	width:560px;
	float:left;
	display:inline;
	margin:0 41px 0 39px;
}
.innercontentwide {
	width:100%;
	float:left;
	display:inline;
	margin:0 0px 0 0px;
}
#placebreadcrumb{
	padding:5px 0;
}
#placebreadcrumb, #placebreadcrumb a, #placebreadcrumb a:link, #placebreadcrumb a:visited{
	color:#666666;
	font-size:1.0em;
}
.innercontent h1{
	font-size:2.2em;
	color:#666;
                     text-transform:uppercase;
}
.innercontent h2{
	border:none;
	font-size:1.4em;
                     text-transform:uppercase;
                     color: #e66600;
                     padding: 8px 0px 8px 0px
}
.innercontent p{
	padding:0 0 10px 0;
                     font-size:1.2em;
	line-height: 1.6em;
}
.innercontent li{
	font-weight:normal;
	background: url(/images/bulletinner.jpg) no-repeat 0 6px;
	padding:0 0 0 10px;
	margin:0 0 10px 10px;
                      font-size:1.2em;
	line-height: 1.6em;
}
.innercontent p a, .innercontent p a:link, .innercontent p a:visited{
	font-weight:bolder;
}
.innercontent td {
	font-size:1.2em;
	line-height: 1.6em;
}
/*---- wide *---*/
.innercontentwide h1{
	font-size:2.2em;
	color:#666;
                     text-transform:uppercase;
}
.innercontentwide h2{
	border:none;
	font-size:1.4em;
                     text-transform:uppercase;
                     color: #e66600;
                     padding: 8px 0px 8px 0px
}
.innercontentwide p{
	padding:0 0 10px 0;
                     font-size:1.2em;
	line-height: 1.6em;
}
.innercontentwide li{
	font-weight:normal;
	background: url(/images/bulletinner.jpg) no-repeat 0 6px;
	padding:0 0 0 10px;
	margin:0 0 10px 10px;
                      font-size:1.2em;
	line-height: 1.6em;
}
.innercontentwide p a, .innercontent p a:link, .innercontent p a:visited{
	font-weight:bolder;
}
.innercontentwide td {
	font-size:1.2em;
	line-height: 1.6em;
}

#imgcaption{
	border-bottom: 1px solid #999;
	padding:5px 0;
	margin:0 0 10px 0;
}
#navbarleft{
	background:#dfe0e1 url(/images/back_navbarleft.png) no-repeat bottom right;
	width:150px;
	padding:0 10px 10px 10px;
}
#navbarleft li{
	width: 150px;
	border-bottom: 1px solid #efeff0;
	background: url(/images/navbarleft_arrow.png) no-repeat 100% 7px;
}
#navbarleft li a, #navbarleft li a:link, #navbarleft li a:visited{
	text-transform:uppercase;
	color:#303030;
	padding:5px 0;
	font-weight:bolder;
	display:block;
}

.blockgreen{
	width:150px;
	padding:5px 10px 40px 10px;
	background:url(/images/back_navbar1.png) no-repeat bottom left;
	position:relative;
	margin:0 0 10px 0;
	color:#fff;
}
.blockgreen h4, .blockorange h4{
	font-size:1.4em;
	text-transform:uppercase;
}
.blockgreen h4 span, .blockorange h4 span, .blockwhite h4 span{
	font-size:1.4em;
}
.blockorange{
	width:150px;
	padding:5px 10px 40px 10px;
	background:url(/images/back_navbar2.png) no-repeat bottom left;
	position:relative;
	margin:0 0 10px 0;
	color:#fff;
}
.blockwhite h4{
	color:#e67800;
	font-size:1.4em;
	text-transform:uppercase;
}
.blockwhite{
	width:150px;
	padding:5px 10px 40px 10px;
	background:url(/images/back_navbar3.png) no-repeat bottom left;
	border-top:1px solid #f0a569;
	position:relative;
	margin:0 0 10px 0;
	color:#333;
}

.blockblack h4{
	color:#ffc800;
	font-size:1.4em;
	text-transform:uppercase;
}
.blockblack p{
	color:#fff;
	font-size:1.1em;
}
.blockblack{
	width:150px;
	padding:10px 10px 40px 10px;
	background: #000 url(/images/back_cornerblack.png) no-repeat bottom right;
	position:relative;
	margin:0 0 10px 0;
	color:#333;
}
.blockblack a.moremore{
	color:#ffc800;
}
.readmore2{
	width:68px;
	height:21px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:block;
	margin:0;
	text-indent:-5000px;
}
.readmore2 span{
	background:url(/images/btn_readmore.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	right:0;
	cursor:pointer;
}
.placebtn{
	position:absolute;
	bottom:5px;
	left:10px;
	width:170px;
}

=====================================
Navigation Top
=====================================
img {border: 0;}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1.1em;
	width:980px;
	background: url(/images/nav-back.png) repeat-x;
z-index:99999;
position:relative;
}
.toplevel {
	padding:5px 10px 0px 10px;
	text-transform:uppercase
	}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	/*text-indent: -9999px;*/
	height: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:white;
	text-decoration:none;
	font-weight:normal

}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a {
	width: auto;
	margin: 0px 10px 0px 10px
}
ul#topnav a.home {
margin-left:30px
}
 
 
ul#topnav li .sub {
	position: absolute;	
	top: 25px; left: 0;
	background-color: #e66600;
	padding: 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 250px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	
}
ul#topnav .sub h2 {
	padding:0px 0px 0px 10px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #e8e000;
	font-size: 11pt;
	font-weight: normal;
	text-transform:uppercase
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
	font-size: 11pt;
	font-weight: normal;
	text-transform:uppercase
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/images/navlist_arrow_white.png) no-repeat;
	background-position: 0px 5px;
	padding: 2px 5px 4px 17px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size:9pt;
	font-weight:normal
}
ul#topnav .sub ul li a:hover {background-position:  0px -58px; color: #e8e000}

/* Added by John */

#archivescroll {
margin-top:20px;
height:400px;
border-bottom: 1px solid #999;
overflow-y: scroll; 
}
.contact {
width: 150px;
float:left;
font-size: 1.1em
}

.innercontent table li {
font-size: 1.1em;
font-weight: normal;
}
.innercontent table p {
font-size: 1.1em;
font-weight: normal;
}
#flash {
margin-left:-30px
}
#helpbox {
color:white;
margin-left:-7px;
padding:0px;
}

#helpbox h4 {
color: #7ac610;
font-size: 1.4em;
text-transform:uppercase;
line-height:1.3em;
font-weight:bold;
margin-bottom:4px;
margin-top:-3px
}
#helpbox ul {
list-style-type: none;
padding: 0; 
}

#helpbox li a {
text-decoration:none;
color:white;
cursor:pointer
}

#helpbox ul li{
background-image: url(/images/HowCanWeHelpYouTab.png);
background-repeat:no-repeat;
font-size: 13px;
font-weight:bold;
line-height:1.1em;
color:white;
height:30px;
width:115px;
margin-bottom:5px;
padding-left: 20px;
padding-top:4px;
padding-bottom:3px;
}

.latestnews h4 {
color:#666666;
font-size: 1.4em;
text-transform:uppercase;
margin-top:10px
}
.latestnews h2 {
display:none
}

#sitemap div {
font-size: 1.4em;
width:150px;
font-weight:bold;
padding:3px;
float:left;
}
#sitemap div a {
padding-bottom:10px;
margin-bottom:10px;
color:black
}
#sitemap div ul li {
font-size: 11px;
margin-bottom:2px;
margin-left:-3px;
margin-right:5px
}
#sitemap div ul li ul {
font-size: 11px;
margin-bottom:2px;
margin-left:3px;
margin-right:5px
}