/*/////////////////////////////////////////////////////////////////////*/
/*						COMTECH STYLE SHEET								*/
/*/////////////////////////////////////////////////////////////////////*/

html,body	{
			width: 100%;
			height: 100%;
			border: none;
			text-align: center;
			padding: 0;
			margin: 0;
}

body		{
			height: 100%;
			text-align: center;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			font-family: Arial, sans-serif;
			background: #cccccc url(../images/bgShadow.gif) top center repeat-y;
}

img			{ border: 0; vertical-align: top;}

p			{
			font-size: 11px;
			color: #666666;
			line-height: 20px;
			margin: 0 0 10px 0;
			padding: 0;
}

h1			{
			font-size: 15px;
			color: #1e6ba3;
			font-weight: 100;
			margin: 20px 0 2px 0;
			padding: 0 0 5px 0;
			background: url(../images/dottedLine.gif) repeat-x 0 bottom;
}

h2			{
			font-size: 12px;
			color: #666666;
			font-weight: bold;
			margin: 15px 0 2px 0;
			padding: 0;
}

h3			{
			font-size: 12px;
			color: #666666;
			font-weight: bold;
			margin: 0;
			padding: 0;
}

a:link, a:active, a:visited { text-decoration: none; color: #666666;}
a			{ }
a:hover		{ text-decoration: none; color: #1e6ba3;}

a.bullet 	{ background: url(../images/bullet.gif) no-repeat 0 4px; padding: 0 0 0 8px;}
#navColumn a.bullet:hover {background: url(../images/bullet-green.gif) no-repeat 0 4px;}

span.bulletSelected 	{ color: #1e6ba3; background: url(../images/bullet.gif) no-repeat 0 4px; padding: 0 0 0 8px;}

/*----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/

#enclose	{
			width: 740px;
			height: 100%;
			margin: 0 auto;
			padding: 0 40px 0 40px;
			text-align: left;
}

#logo		{
			padding-top: 30px;
			position: relative;
}

/*----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------*/

#menuContainer {
			width: 100%;
			padding: 24px 0 0 0;
			position: relative;
			float: left;;
			background: url(../images/dottedLine.gif) repeat-x 0 bottom;
}

#mainMenu	{
			position: relative;
			float: left;
}

#mainMenu ul {
			width: 400px;
			height: 15px;
			margin: 0;
			padding: 0;
			position: relative;
			float: left;
}

#mainMenu li {
			height: 10px;
			position: relative;
			display: inline;
			padding: 0;
			margin: 0;
}

#navUtility	{
			position: relative;
			float: right;
}

#navUtility ul {
			margin: 0;
			width: 70px;
			padding: 0;
			position: relative;
			display: inline;
}

#navUtility ul li {
			height: 10px;
			position: relative;
			display: inline;
			padding: 0;
			margin: 0;
}

/*----------------------------------------------------------------------------- 
OTHER LAYOUT
-----------------------------------------------------------------------------*/

#flashContainer	{
			height: 235px;
			display: inline;
			position: relative;
			float: left;
			top: 10px;
}

/*----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/

.title		{
			width: 100%;
			padding: 0 0 5px 0;
			margin: 0;
			background: url(../images/dottedLine.gif) repeat-x 0 bottom;
}

img.smallHeader {
			padding: 7px 0 4px 0;
}

#contentContainer {
			width: 740px;
			position: relative;
			float: left;
			padding: 25px 0 0 0;
			display: inline;
}

#navColumn {
			width: 170px;
			position: relative;
			float: left;
			padding: 0;
			margin: 0 20px 0 0;
}

#navColumn ul {
			position: relative;
			margin: 0;
			padding: 0;
}

#navColumn ul li {
			height:12px;
			line-height: 10px;
			list-style: none;
			font-size: 11px;
			margin: 0;
			padding: 7px 0 7px 0;
			color: #666666;
			background: url(../images/dottedLine.gif) repeat-x 0 bottom;
}

#navColumn ul li.selected { background: url(../images/dottedLine.gif) repeat-x 0 bottom; }

#navColumn ul li a:hover {color: #9ddd46;}

#navColumn ul#subnavUtility {
			position: relative;
			margin: 67px 0 0 0;
			padding: 0;
			background: url(../images/dottedLine.gif) repeat-x 0 top;
}

#navColumn ul#subnavUtility li {
			height:12px;
			line-height: 12px;
			list-style: none;
			font-size: 11px;
			margin: 0;
			padding: 7px 0 7px 0;
			color: #666666;
}

#navColumn ul#subnavUtility li.bottom {
	background: none;
}
/*
#navColumn ul li a:link, #navColumn ul li a:active, #navColumn ul li a:visited {
			display: block;
}

#navColumn ul li a:hover { background: #121212;}
*/

#navColumn ul li.twolines	{ height: 30px; line-height: 15px;}

#navColumn ul li.products	{ padding-left: 10px; padding-right: 5px;}

#contentColumn {
			width: 550px;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
}

#content {
			width: 360px;
			position: relative;
			float: left;
			padding: 0;
			margin: 0 20px 0 0;
}

#contentHome {
			width: 550px;
			position: relative;
			float: left;
			padding: 0;
			margin: 0;
}

form { margin: 0; padding: 0; }

#contentBody {
			width: 100%;
			padding: 2px 0 0 0;
			margin: 0 0 18px 0;
			position: relative;
			float: left;
}

#contentBody a:link, #contentBody a:active, #contentBody a:visited { color: #1e6ba3;}

#contentBody a:hover { color: #103a58; text-decoration: underline;}

#contentBody ul{
			font-size: 11px;
			margin: 0 20px 10px 10px; 
			padding: 0;
			list-style: none;
}

#contentBody ul li{
			color: #666666;
			background: url(../images/bullet-grey.gif) no-repeat 0 4px;
			line-height: 15px;
			padding: 0 0 0 10px;
			margin: 0 0 5px 0;
}

#contentBody table.contact {
			width: 100%;
			font-size: 11px;
			color: #666666;
			position: relative;
}

#contentBody table.contact th {
			text-align: left;
			vertical-align: top;
			padding: 10px 0 0 0;
}

#contentBody table.contact td.topcell {
			padding: 10px 0 0 0;
}


#contentBody table.contact th.topcell {
			padding: 20px 0 0 0;
}
span.local {
			width: 180px;
			float: left;
			position: relative;
}

span.bottom {width: 270px; padding-bottom: 20px;}

span.partnerLogo {
			width: 160px;
			float: left;
			position: relative;
			text-align: center;
}

td.appFormSpace { 
			padding: 10px 0 0 0;
			background: #fff url(../images/dottedLine.gif) repeat-x 0 8px;
}

span.left {padding-left: 15px;}

img.saskLogo {padding: 15px 0 0 25px;}

#mapContainer {
			position: relative;
}

.hotspot	{
			width: 20px;
			height: 20px;
			position: absolute;
			display: block;
			z-index: 20px;
}

/*.hotspot a:link, .hotspot a:active, .hotspot a:visited, .hotspot a:hover {display:block;}*/

.calgary	{
			top: 182px;
			left: 100px;
}

.drumheller	{
			top: 178px;
			left: 120px;
}

.edmonton	{
			top: 125px;
			left: 88px;
}

.weyburn	{
			top: 230px;
			left: 204px;
}

/*----------------------------------------------------------------------------- 
JOB TABLE
-----------------------------------------------------------------------------*/
table.jobs {
			width: 310px;
			background: #fff url(../images/dottedLine.gif) repeat-x 0 bottom;
			margin: 0 0 10px 0;
}

table.jobs td {
			vertical-align: top;
}

table.jobs td.category p{
			color: #666666;
			margin: 0;
			padding: 0;
			font-weight: bold;
}

table.jobs td.category {
			width: 90px;
			padding: 0 10px 0 0;
}

table.jobs td.descrip {
			padding: 0;
}

/*----------------------------------------------------------------------------- 
FEATURES COLUMN
-----------------------------------------------------------------------------*/

#featuresColumn {
			width: 170px;
			position: relative;
			float: left;
			padding: 0 0 20px 0;
}

#featuresColumn p {margin-bottom: 1px;}

img.feature	{ border: 0; vertical-align: top; padding: 7px 0 10px 0; margin: 0;}
img.second { padding-top: 15px;}

#featuresColumn p {color: #1e6ba3;}

#featuresColumn a:link, #featuresColumn a:active, #featuresColumn a:visited { color: #1e6ba3;}

#featuresColumn a:hover {color: #666666;}

#homeFeatures {
			width: 550px;
			position: relative;
			float: left;
			padding: 0 0 20px 0;
}

.homeFeaturesColumn {
			width: 170px;
			padding: 0;
			margin: 18px 0 0 0;
			display: inline;
			position: relative;
			float: left;
			background: url(../images/dottedLine-vertical.gif) repeat-y right top;
}

* html .homeFeaturesColumn { /* for IE<=6 only */
height: 218px;
}

.left { padding: 0 10px 0 0;}

.middle 	{
			padding: 0 10px 0 10px;
}

.right 	{
			padding: 0 0 0 10px;
			background: none;
}

.homeFeaturesColumn a:link, .homeFeaturesColumn a:active, .homeFeaturesColumn a:visited { color: #1e6ba3; margin: 0;}

.homeFeaturesColumn a:hover {color: #666666;}

.homeFeaturesColumn img.featureTitle { padding: 0 0 10px 0;}

.homeFeaturesColumn img.thumb { padding: 0 0 7px 0;}

.downloads {
			width: 290px;
			height: 50px;
			background: url(/images/pdf_icon.gif) center left no-repeat;
			display: block;
			padding: 7px 0 0 70px;
			margin: 0 0 10px 0;
}
div.hr {
			height: 1px;
			background: #fff url(../images/dottedLine.gif) repeat-x 0 bottom;
}

hr.dotted {
			display: none;
			margin: 0;
			padding: 0;
			
}

div.spaced {
	margin: 10px 0 5px 0;
}
/*----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/

#footer 	{
			width: 550px;
			position: relative;
			float: left;
			padding: 5px 0 60px 0;
			margin: 0;
			background: url(../images/dottedLine.gif) repeat-x left top;
}

#footer p#legal {float:right;}
#footer p#top {float:left;}