/*
	style_global.css
	Stylesheet for cfms.ca
	
	Copyright (c) 2008 Gordon Hicks, all rights reserved	
*/	


/* General */

	div {
		position: relative;
		margin: 0;
		padding: 0;
	}

	ul {
		position: relative;
		margin: 0;
		padding: 0;
		text-indent: 0;
		list-style: none;
	}

	li {
		position: relative;
		margin: 0;
		padding: 0;
	}

	img {
		position: relative;
		display: block;
		border: 0;
	}

	table {
		position: relative;
		border: 0px none;
		padding: 0;
		margin: 0;
	}

	tr {
		border: 0px none;
		padding: 0;
	}

	td {
		border: 0px none;
		padding: 0;
		text-align: left;
		vertical-align: top;
	}

/* Typeface */

	body,
	td,
	input,
	textarea {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 13px;
		line-height: 20px;
		color: rgb(38,38,35); /* warm black */
		text-align: left;
	}

	p {
		position: relative;
		width: 480px;
		margin: 0 0 10px 29px;
	}

	img {
		font-size: 11px;
		line-height: 14px;
		color: rgb(171,172,162)  /* light warm grey */
	}

	em {
		font-style: italic;
		font-weight: normal;
	}

	strong {
		font-style: normal;
		font-weight: bold;
		color: rgb(51,52,46)  /* lightened warm black */
	}
	
	cite {
		font-style: italic;
		font-weight: normal;
	}

	p sup {
		font-size: 10px;
		line-height: 10px;
	}

/* Links */

	a:link,
	a:visited {
		cursor: pointer;
		text-decoration: none;
		color: rgb(38,38,35); /* warm black */
	}
	
	a:hover,
	a:active {
		cursor: pointer;
		text-decoration: none;
		color: rgb(163,33,65);  /* red */
	}


	.contentColumn a:link,
	.contentColumn a:visited {
		border-bottom: 2px solid rgb(171,172,162);  /* light warm grey */
	}
	
	.contentColumn a:hover,
	.contentColumn a:active {
		border-bottom: 2px solid rgb(187,82,107);  /* lightened red */
	}
	
/* Special */

	.end {  /* used to ensure column layouts end correctly */
		clear: both;
		border-bottom: solid 1px white;
	}

/* Page Layout */

	html  {
		/* position: relative; */
		margin: 0;
		padding: 0;
		/* height: 100%; */
	}

	body  {
		/* position: relative; */
		margin: 0;
		padding: 0;
		/* width: 100%; */
		height: 100%;
		/* background: rgb(120,120,120); */
		background-color: rgb(21,68,103);
	}

	#pageBackground {
		/* fills in remaining background when the content is shorter than window */
		position: absolute;
		width:100%;
		height:100%;
	}

	#pageForeground {
		width: 100%;
	}
	

	.pageArea {
		left: 40px;
		width: 900px;
		padding: 0 0 0 0;
		/* height: 100%; */
		background-color: white;
	}

	.navColumn {
		float: left;
		width: 232px;
		margin: 0 0 0 0;
		z-index: 2;
		/* background-color: #896; */
	}

	.contentColumn {
		float: left;
		width: 610px;
		margin: 61px 0 190px 30px;
		z-index: 2;
		text-align:justify
		/* background-color: #948; */
	}

/* Page Decoration */
	
	.blueprint {
		width: 100%;
		height: 100%;
		background: url(../img/blueprint.gif) repeat rgb(21,68,103);
	}

	.shadow {
		width: 980px;
		height: 100%;
		margin: 0 auto;
		background: transparent url(../img/page_shadow.png) 27px 0 repeat-y;
	}

	.stripe {
		width: 900px;
		height: 50px;
		margin: 0;
		background: url(../img/stripe.gif) repeat-x rgb(102,179,96);
	}

/* Logo */

	.logo {
		display: block;
		position: relative;
		width: 123px;
		height: 64px;
		margin: 33px 0 0 35px;
		background: url(../img/cfms_logo.gif) no-repeat transparent;
	}

	.logo span {
		visibility: hidden;
	}

/* Nav Level 1*/

	.nav1 {
		width: 196px;
		margin: 58px 0 0 36px;
		line-height: 13px;
	}

	.nav1 .n1 {
		width: 196px;
		height: 21px;
		padding-bottom: 9px;
	}

	.nav1 a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.nav1 .n1,
	.nav1 .n1 a:hover,
	.nav1 .n1 a:active {
		background-image: url(../img/nav1.gif);
		background-repeat: no-repeat;
	}

	#nav-what { width: 114px; background-position: 0  -5px; }
	#nav-whow { width: 113px; background-position: 0 -35px; }
	#nav-clie { width: 167px; background-position: 0 -65px; }
	#nav-cont { width: 105px; background-position: 0 -95px; }

	#nav-what a:hover, #nav-what a:active { background-position: -196px  -5px; }
	#nav-whow a:hover, #nav-whow a:active { background-position: -196px -35px; }
	#nav-clie a:hover, #nav-clie a:active { background-position: -196px -65px; }
	#nav-cont a:hover, #nav-cont a:active { background-position: -196px -95px; }

/* Nav Level 2 */

	.nav2 {
		width: 180px;
		margin: 0 0 3px 16px;
	}

	.nav2 .n2 {
		width: 180px;
		height: 15px;
		padding-bottom: 6px;
	}

	.nav2 a {
		display: block;
		width: 100%;
		height: 15px;
	}

	.nav2 .n2,
	.nav2 .n2 a:hover,
	.nav2 .n2 a:active {
		background-image: url(../img/nav2.gif);
		background-repeat: no-repeat;
	}

	#nav-tota { width: 174px; background-position: -16px  -8px; }
	#nav-leed { width: 125px; background-position: -16px -38px; }
	#nav-faci { width: 140px; background-position: -16px -68px; }

	#nav-tota a:hover, #nav-tota a:active { background-position: -212px  -8px; }
	#nav-leed a:hover, #nav-leed a:active { background-position: -212px -38px; }
	#nav-faci a:hover, #nav-faci a:active { background-position: -212px -68px; }

	.nav1 span {
		visibility: hidden;
	}

/* Sidebar */

	.sidebar {
		width: 182px;
		height: 126px;
		margin: 40px 0 0 27px;
		background-repeat: no-repeat;
	}

	.sidebar a {
		display: block;
		position: absolute;
		width: 144px;
		height: 23px;
		left: 19px;
		background-repeat: no-repeat;
	}

	.sidebar a:hover,
	.sidebar a:active {
		background-position: -19px -126px;
	}

	.sidebar span { visibility: hidden; }

/* Headings */


	h1 {
		width: 508px;
		height: 24px;
		margin: 0 0 11px 0;
		background-repeat: no-repeat;
		font-weight: normal;
		font-size: 20px;
		line-height: 20px;
	}

	h1 span { visibility: hidden; }

	h2 {
		width: 508px;
		height: 24px;
		margin: 0 0 12px 0;
		background-repeat: no-repeat;
		font-weight: bold;
		font-size: 16px;
		line-height: 16px;
	}

	h2 span { visibility: hidden; }


/* Tables */

	table {
		left: -3px; /* allowance for border-spacing */
		width: 592px;
		border-spacing: 3px; /* cell spacing */
	}

	td {
		background-color: rgb(229,230,218); /* very light warm grey */
		padding: 6px 13px;
		font-size: 13px;
		line-height: 18px;
	}

	tr.header td {
		padding: 7px 13px 6px 13px;
		line-height: 13px;
		text-transform: uppercase;
	}

	td.c1 { width: 91px; }
	td.c2 { width: 206px; }

/* Boxed Text (text block on shaded background ) */

	.boxedTextHead {
		width: 426px;
		margin: 0 0 3px 29px;
		padding: 9px 27px 8px 27px;
		background-color: rgb(206,244,203); /* very light green */
		line-height: 22px;
		font-weight: bold;
	}

	.boxedText {
		width: 480px;
		margin: 0 0 0 29px;
		padding: 20px 0 20px 0;
		background-color: rgb(229,230,218); /* very light warm grey */
	}

	.boxedText p {
		width: 406px;
		margin: 0 0 9px 0;
		padding: 0 0 0 43px;
		line-height: 18px;
		background: transparent url(../img/bullet_on_grey.gif) 27px 4px no-repeat;
	}

/* Lists */

	ul.link-list {
		margin: 20px 0 20px 29px;
	}

	ul.link-list li {
		margin: 5px 0;
	}




/* Footer */


	.footer {
		position: absolute;
		width: 900px;
		height: 180px;
		bottom: 0;
		z-index: 1;
		/* background-color: #c69; */
	}

	.footer .building {
		width: 900px;
		height: 147px;
		background: url(../img/building_silhouette.gif) 579px 0 no-repeat transparent;
		
	}

	.footer .bar {
		width: 900px;
		height: 34px;
		background: url(../img/footer_text.gif) no-repeat 36px 12px rgb(203,204,192);
		
	}