/* Iunctus Website Style Sheet */
/* Nicole Geske, 2007 */

/* Sets margins to zero so the colored bars on each side go right to the top */
body
{
	margin: 0px;
	font-family: Arial, sans-serif;

}

/* BodyText is used for the side navigation bars, the info that is sometimes at the bottom of the page, the home page blurb "about iunctus geomatics" and the phone/email in top corner of pages */
.BodyText {
	font-family: Arial, sans-serif;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.3em;
	border: none #999999;

}


/* smHeader is used for the main information on the page, ie. on the Products page the paragraph that starts "Iunctus Geomatics offers a variety of products..." */
.smHeader {
	font-family: Arial, sans-serif;
	font-size: 17px;
	color: #404040;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.4em;

}


/* lrHeader is used for the titles on each page, ie. the word Products on the products page */
.lgHeader {
	font-family: Arial, sans-serif;
	font-size: 24px;
	color: #333333;
	font-weight: normal;

}


/* For factoid box info */
.BoxWhite {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}


/* this is for hyperlinks */
a:link {
	font-family: Arial, sans-serif;
	color: #477cbd;
	cursor: hand;

}


/* this was used so the 'visited' links stayed the same as the links, but of course it can be changed */
a:visited {
	font-family: Arial, sans-serif;
	color: #477cbd;
	cursor: hand;
	
}

	
/* when your mouse is over a link, how the words will change - the exception is the side navigation bars that behave differently - this is hard coded in */
a:hover {
	font-family: Arial, sans-serif;
	color: #477cbd;
	cursor: hand;
	text-decoration:underline;
}

	
/* not totally sure if this is necessary, I think for firefox it changes the cursor to a hand for certain items where otherwise it didn't change*/
.nav {
	cursor: hand;
}

/* This font size was used on the applications sub-pages or other pages with a lot of content - a mid size text between smHeader and BodyText*/
.MiddleText {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	color: #333333;
}

/* When ever an image in inserted it always created a border around it and also when you hovered over some alternate text that would say something like "right click to copy/save", using the galleryimg ="no" this hover doesn't exist anymore*/
img {
	galleryimg="no"
	border: none;
	border: none;
	
}

/* the settings for the search input box */
.inputbox {
	height: 17px;
	width: 104px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 1px 2px 3px;
	font-size: 11px;
	background-position: top;
	margin: 2px;
	bottom: 5px;
	color: #333333;


}
/* This is for the search button */
.selectbox {
	margin: 2px;
	height: 17px;
	width: 45px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 3px;
	border: 1px solid #CCCCCC;
	top: 10px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;


}

/* the repeating dotted line that exists on every page used this setting*/
.dotline {
	font-family: Arial, sans-serif;
	font-size: 11px;
}
.unnamed1 {
	height: 50px;
	width: 250px;
	position: relative;
	left: 560px;
	top: 480px;



}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	line-height: normal;
	color: #000000;

}
.unnamed2 {
	background-image: url(../images/Home/Alberta_fields_HOME.jpg);
	background-repeat: repeat-x;
}