@charset "UTF-8";

/* =Basic HTML, IDs and Classes
----------------------------------------------------------------------*/

body { background: #d3d3d5 url(/_img/bg-content-wrap.jpg) repeat-y center top; height: 100%; }

a { cursor: pointer; text-decoration: none; }
a * { cursor: pointer; }

.content a:link { text-decoration: none; color: #762536; }
.content a:visited { text-decoration: none; color: #762536; }
.content a:hover { text-decoration: underline; color: #B1B2B3; }
.content a:active, .content a:focus { text-decoration: none; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

img, fieldset, iframe { border: 0; }

li.clear,
#content ul.cols li.clear,
#content ul.group li.clear,
.clear
{
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 0;
}
.floatLeft{float:left;}
.floatRight{float:right;}

/* Jones + Thomas Network Wrap/Drop Down
----------------------------------------------------------------------*/

#network_index_wrap { background: #D1D1D1 url(/_img/bg-network-down.jpg) repeat-y center top; width: 100%; min-width: 100%; text-align: center; height:0; overflow:hidden; }
/* height:0 & overflow:hidden to avoid flicker on page load. Complemented by js function atload() */
.network_index {text-align: left; font-size: 11px; margin: 0 auto; padding: 10px 0 5px; width: 960px; }

.network_index dl { float: left; overflow: hidden; padding: 0 10px; width: 172px; }
.network_index dt { padding: 10px 0 5px; }
.network_index dd { padding: 1px 0; }

.network_index dt a { color: #fff; }
.network_index dd a { color: #968b79; }
.network_index a:hover { text-decoration: underline; }

.network_index ul { padding-left:50px;}

.centerNetwork { margin: 0 auto; width:960px; }

/* Jones + Thomas Network
----------------------------------------------------------------------*/

#network_wrap { background: url(/_img/bg-network.jpg) repeat-x top left; width: 100%; }
#network { background: url(/_img/network.jpg) no-repeat center top; margin: 0 auto; overflow: hidden; position: relative; width: 960px; height: 55px; }
#network h1 { margin: 0 0 0 0px; padding: 15px 0; width: 220px; }
#network h1 a { background: url(/_img/logo.png) no-repeat; color: #fff; display: block; text-indent: -99999px; width: 220px; height: 83px;}
#network h1 img { display: block; overflow: hidden; width: 0; height: 0; }

#network span { color: #fff; font-size: 11px; position: absolute; top: 5px; right: 150px; }
#network span a { color: #fff; padding: 0 5px; }
#network span a:hover { text-decoration: underline; }

#network_tab
{
	background: url(/_img/bg-network-tab.jpg) no-repeat left bottom;
	cursor: pointer;
	display: block;
	font-size: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -99999px;
	top: 0;
	right: 0;
	width: 271px;
	height: 60px;
}

#network_tab.on { background-position: 0 0; }

.network_jtAg {}
.network_jtHealth {}
.network_govPlus {}
.network_jtNet{}



.network_index h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-align:center;}
.network_index h2 em { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-variant:small-caps; font-style:normal; text-align:center; }

.networkLogo { float: left; list-style: none; margin: 30px auto 0px auto; }

.networkLogo li { text-indent: -9999px; text-decoration: none; display: inline; list-style: none; }
.networkLogo li a { float: left; margin: 0px 18px 20px 18px; text-decoration:none; height: 112px; line-height: 112px; }

.networkLogo li.jandt a{ background: transparent url(/_img/network-logos/networkLogo-jt.jpg) top center no-repeat; width:144px; height:112px; margin-right:0px; margin-left:0px;}
.networkLogo li.jandt a:hover { background:  url(/_img/network-logos/networkLogo-jt.jpg) center -112px no-repeat; }

.networkLogo li.jtag a{ background: transparent url(/_img/network-logos/networkLogo-jtAg.jpg) top center no-repeat; width: 113px; height:112px; margin-left:0px; margin-right:0px; } 
.networkLogo li.jtag a:hover { background:  url(/_img/network-logos/networkLogo-jtAg.jpg) center -112px no-repeat; }

.networkLogo li.jthc a{ background: transparent url(/_img/network-logos/networkLogo-jtHealth.jpg) top center no-repeat; width:122px; height:112px; }
.networkLogo li.jthc a:hover { background:  url(/_img/network-logos/networkLogo-jtHealth.jpg) center -112px no-repeat; }

.networkLogo li.jtfood a{ background: transparent url(/_img/network-logos/networkLogo-jtFood.jpg) top center no-repeat; width:98px; height:112px; margin-left:10px; margin-right:35px;}
.networkLogo li.jtfood a:hover { background:  url(/_img/network-logos/networkLogo-jtFood.jpg) center -112px no-repeat; }

.networkLogo li.govp a{ background: transparent url(/_img/network-logos/networkLogo-govPlus.jpg) top center no-repeat; width:124px; height:112px; }
.networkLogo li.govp a:hover { background:  url(/_img/network-logos/networkLogo-govPlus.jpg) center -112px no-repeat; }

.networkLogo li.jtnet a{ background: transparent url(/_img/network-logos/networkLogo-jtNet.jpg) top center no-repeat; width:100px; height:112px; margin-right:0px;}
.networkLogo li.jtnet a:hover { background:  url(/_img/network-logos/networkLogo-jtNet.jpg) center -112px no-repeat; }



/* Header (logo + navigation)
----------------------------------------------------------------------*/
#nav_wrap { width: 100%;  background-color: #fff; }
#nav { margin: 0 auto 0; width: 930px; height: 140px; }

#nav h1 { text-indent:-9999px; display:block; width: 200px; height: 110px; background: url(/_img/logo-govplus.jpg) no-repeat top left; }
#nav h1 a { display: block; width:200px; height:110px; }
#nav h2 { float: right; text-transform:uppercase; color:#eee; margin-top: -75px; margin-right: 15px; font-size: 1.75em; }
#nav ul { float: right; }
#nav li { display: inline; list-style-type: none; border-right: #C1C1C1 solid 1px; padding: 5px 15px 5px 15px; font-size: 1.25em; text-transform: uppercase; }
#nav li a { color: #666; text-decoration: none; }
#nav li a:hover { color: #762536; }
#nav li.last { border-right: none; }
#nav li.hi a { color: #762536; font-weight: bold; }


/* Header govplus (blue stripe with graphic)
----------------------------------------------------------------------*/

#header_govplus { background: #d0d1d1 url(/_img/bg-body-govplus.jpg) repeat-x center top; width: 100%; height: 298px; }
#header_govplus_sub { background: #d0d1d1 url(/_img/bg-body-govplus-sub.jpg) repeat-x center top; width: 100%; height: 166px; }
#header_govplus h2#home { background: url(/_img/header-govplus-home.jpg) no-repeat center top; width: 100%; margin: 0 auto 0; text-indent: -9999px; height: 298px; }

h1#news{ background: url(/_img/h1-news.gif) no-repeat top left; width: 78px; height:20px; text-indent:-9999px; }

#header_govplus_sub h2{ width: 100%; margin: 0 auto 0; text-indent: -9999px; height: 166px; }
#header_govplus_sub h2#about { background: url(/_img/header-govplus-about.jpg) no-repeat center top; }
#header_govplus_sub h2#whygovplus { background: url(/_img/header-govplus-why.jpg) no-repeat center top; }
#header_govplus_sub h2#news { background: url(/_img/header-govplus-why.jpg) no-repeat center top; }
#header_govplus_sub h2#services { background: url(/_img/header-govplus-services.jpg) no-repeat center top; }
#header_govplus_sub h2#calendar { background: url(/_img/header-govplus-calendar.jpg) no-repeat center top; }
#header_govplus_sub h2#clients { background: url(/_img/header-govplus-clients.jpg) no-repeat center top; }
#header_govplus_sub h2#contact { background: url(/_img/header-govplus-contact.jpg) no-repeat center top; }


/* Content (gradient background tiled with main text area)
----------------------------------------------------------------------*/

.content { color: #000; margin: -2px auto 0px auto; width: 960px; padding-bottom:20px;}
.content h2#news { background: url(/_img/h2-news.gif) no-repeat top left; width: 78px; height:20px; text-indent:-9999px; }

.content ul { margin-left: 0px; }/* Reset from generic.css */
.content h2 { color:#762536; font-weight:normal; margin:0 0 5px 0; font-size:1.5em; font-weight: bold; }




/* Left Column
----------------------------------------------------------------------*/

#left { float: left; width: 550px; padding-bottom:0px; }
#left_left{float: left; width: 270px;}
#left_right{float: right; width: 210px;margin-left:20px; }
	.content.noPadding #left { padding-right:0px; }

#left_lefthome{float: left; width: 250px;}
#left_righthome {float: right; width: 292px; }



/* Right Column
----------------------------------------------------------------------*/

#right { float: right; width: 340px; margin:0; }
#right div { padding-bottom: 25px; }
	.content.noPadding #right{ padding-left:0px; float:left; }

		
		
/* Footer
----------------------------------------------------------------------*/
#footer{ clear:both; border-top:1px solid #CCC; width: 960px; margin: 0px auto 20px auto; font-family:Arial, Helvetica, sans-serif;}
	#footer p{  text-align:right; color:#666; margin:10px 0px 20px 0px; }



/* Callouts
----------------------------------------------------------------------*/

#govplus-literature {  background: url(/_img/callout-literature.jpg) no-repeat top left; width: 275px; height:113px; }
#govplus-literature h3 { text-indent: -9999px; padding: 0; margin: 0; }
#govplus-literature p { margin: 25px 0 0 110px; }
#govplus-literature a { display: block; width: 275px; height:129px; }

a:link #govplus-literature { color: #000; }
a:visited #govplus-literature { color: #000; }
a:hover #govplus-literature { color: #762536; }
#govplus-literature a:active, #govplus-literature a:focus { color: #000; }


#govplus-services {  background: url(/_img/callout-services.jpg) no-repeat top left; width: 275px; height:74px; margin-left: 8px; }
#govplus-services h3 { text-indent: -9999px; padding: 0; margin: 0; }
#govplus-services p { margin: 15px 0 0 100px; }
#govplus-services a { display: block; width: 275px; height:74px; }

a:link #govplus-services { color: #000; }
a:visited #govplus-services { color: #000; }
a:hover #govplus-services { color: #762536; }
#govplus-services a:active, #govplus-services a:focus { color: #000; }


#govplus-calendar {  background: url(/_img/callout-calendar.jpg) no-repeat top left; width: 316px; height: 110px; }
#govplus-calendar h3 { text-indent: -9999px; padding: 0; margin: 0; }
#govplus-calendar p { margin: 30px 0 0 110px; }
#govplus-calendar a { display: block; width: 275px; height:110px; }

a:link #govplus-calendar { color: #000; }
a:visited #govplus-calendar { color: #000; }
a:hover #govplus-calendar { color: #762536; }
#govplus-calendar a:active, #govplus-calendar a:focus { color: #000; }





/* Styles
----------------------------------------------------------------------*/

.intro { font-weight: bold; padding-bottom: 15px; }
ul.bulletList{ color:#762536; font-weight:normal; margin-top: 10px; }
ul.bulletList li{background:url(/_img/bullet.jpg) no-repeat top left; padding: 5px 0px 0px 50px; margin:0px 0px 20px 0px; text-indent:0px; min-height: 25px; }

.content h1{ margin-bottom:40px; margin-top:10px; }
h1#why{ background: url(/_img/h1-why.gif) no-repeat top left; width: 208px; height:20px; text-indent:-9999px; }
h1#about{ background: url(/_img/h1-about.gif) no-repeat top left; width: 572px; height:21px; text-indent:-9999px; }
h1#services{ background: url(/_img/h1-services.gif) no-repeat top left; width: 396px; height:20px; text-indent:-9999px; }
h1#calendar{ background: url(/_img/h1-calendar.gif) no-repeat top left; width: 302px; height:19px; text-indent:-9999px; }
h1#clients{ background: url(/_img/h1-clients.gif) no-repeat top left; width: 377px; height:20px; text-indent:-9999px; }
h1#contact{ background: url(/_img/h1-contact.gif) no-repeat top left; width: 171px; height:20px; text-indent:-9999px; }

ul#errors{ color:#FF0000; margin-bottom:20px; }
ul#errors li{ border:none; margin:0px; padding:0px; line-height:1.2em; }
	
.services h3 { margin: 5px 0 5px 0; padding: 3px 0 8px 0; font-size: 14px; border-bottom: 1px solid #CCC; text-transform: uppercase; }
.content h5 { font-size: 12px; color: #B1B2B3; margin: 0 0 10px 0; }
.dropdownContent p { width: 550px; }

.contact{ }
.contact input{ margin:0px 5px 0px 20px; background:#EEE; font-family:Arial, Helvetica, sans-serif;}
.contact textarea{ margin:0px 5px 0px 20px; background:#EEE; font-family:Arial, Helvetica, sans-serif;}
.contact .checkbox{ background:none; }
.contact input.submit{ margin:0px 10px 0px 80px;}
.contact label{ display:block; width:60px; float:left; margin-top:3px;}

a.news { /*display: block;*/ }
.news{ border-top:1px solid #ccc; border-bottom: none; margin-bottom:20px; padding-bottom: 10px; }
.news .date{ color:#666; margin: -1px auto; padding: 4px; float: right; background: #fff; border: 1px solid #CCCCCC; }
.news h2{ margin-bottom:10px; margin-top: 15px; width: 425px; display: block; }
.news p{ margin-bottom:10px; margin-top: 5px; }
.news a.more{ color:#3c8378; text-decoration:none; text-transform:uppercase; font-weight:bold; margin-left:10px;}
.news a.more:hover{ text-decoration:underline; }
.news.last { border: none; }
.news.article{ border-bottom:0px; border-top: 0px; }
.news.article .date { border: none; float:none; margin: 0 auto; padding: 4px; background:none; }
.news.article p{ margin-bottom:20px; }
.back { border-top: 1px solid #ccc; padding-top: 10px; }
.news a:hover h2 { text-decoration: underline; }

ul.clientLogos{ list-style:none; width:160px; margin:0; float: left; padding: 0; }
/*ul.clientLogos li{ list-style-type:none; margin-bottom:30px; margin:0;}*/
ul.clientLogos a{text-indent: -9999px; display:block; cursor:default; height:80px; width:70px;}
ul.clientLogos.left{ float:left; }
ul.clientLogos.right{ float:right; }
ul.clientLogos.right li{ float:right; }

a#client_alliance{ background: url(/_img/client_logos/alliance_bw.gif) no-repeat center left; width:132px;}
a#client_alliance:hover{background: url(/_img/client_logos/alliance_color.gif) no-repeat center left; }
a#client_auxsable{ background: url(/_img/client_logos/auxsable_bw.gif) no-repeat center left; width:160px;}
a#client_auxsable:hover{background: url(/_img/client_logos/auxsable_color.gif) no-repeat center left; }
a#client_gtl{ background: url(/_img/client_logos/gtl_bw.gif) no-repeat center left; width:160px;}
a#client_gtl:hover{background: url(/_img/client_logos/gtl_color.gif) no-repeat center left; }
a#client_icga{ background: url(/_img/client_logos/icga_bw.gif) no-repeat center left; width:160px;}
a#client_icga:hover{background: url(/_img/client_logos/icga_color.gif) no-repeat center left; }
a#client_transcanada{ background: url(/_img/client_logos/transcanada_bw.gif) no-repeat center left; width:158px;}
a#client_transcanada:hover{background: url(/_img/client_logos/transcanada_color.gif) no-repeat center left; }