/* Global Style Sheet for NexusBC - Nexus Forest Solutions pages 
	Includes divs styles for container, banner, navigation bar, left column, and footer, 
	+ various-colored boxes for left column, navigation lists for all boxes, special characters, buttons,
	horizontal rules, and default styles for links, padding, margins. */


/* Begin default settings for tags */
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #F7F7F7;
		}
p { 
	margin: 0px;
	padding: 0px;
		}
ul {
	margin: 0px;
	padding: 0px;
		}
			
form { 
	margin: 0px 0px 0px 0px;
	padding: 0px;
		}	

img	{ 
	margin: 0px 0px 0px 0px;
	padding: 0px;
		}	
	
/* Begin link behaviours */
a:link { 
	text-decoration: none;
	color: #0000CC;
		}
a:visited {
	text-decoration: none;
	color: #0000CC;
		}
a:hover {
	text-decoration: underline;
	color: #FF0000;
		}
a:active {
	text-decoration: none;
	color: #FF0000;
		}
/* End link behaviours */

/* End default settings for tags */


/* Begin div id styles */
#container { /* Entire page sits within #container div  */
	height: auto;
	width: 740px;
	text-align: left;
	top: 0px;
	margin: 10px auto auto; /* Left and right margins set at "auto" to horizontally center the page */
	border-left: 2px solid #4466AA;
	border-right: 2px solid #4466AA;
	background-color:#FFFFFF;
	padding-bottom: 0px;
		} 
		
/* Begin banner styles */
#banner {
	height: auto;
	border-top: 2px solid #4466AA;
	border-bottom: none;
	text-align: left;
	padding: 2px 0px 2px 0px;
	font-weight: bold !important; 
	font-size: 24px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	letter-spacing: 1px;
	line-height: 125%;
	margin-bottom: -10px;
			}
			
	#banner p {
	padding-top: 5px;
	padding-bottom: 0px !important;
	margin-left: 80px !important;
	margin-right: 330px !important;
	margin-bottom: 0px !important;
	border-bottom: 2px solid #FFCC33;
	}

	
	#banner img {
	margin-left: 260px !important;
	padding-top: 0px !important;
	margin-top: -20px !important;
	magin-bottom: 0px !important;
	}
	
	.left {
	float: left;
	}
	
	
/* End banner styles */


/* Begin left column styles */
#leftcol { /* for div */
	float: left;
	width: 125px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
		}
	
	#leftcol p {
		padding-bottom: 5px;
		padding-top: 2px;
		padding-left: 10px;
		padding-right: 5px;
		font-size: 95%;
			}
			
	.leftindent { /* To indent secondary items in navigation boxes lists */
		padding-left: 15px;
		}
		
	.nobox  { /*  For text outside a box and alligned left with border of boxes above or below */
		padding-bottom: 2px !important;
		padding-left: 0px !important;
		padding-top: 0px !important;
		font-size: 95% !important;
		}
			
	#leftcol h1 {
	background-color: #FFFFFF;
	border-top: none;
	border-bottom: 2px solid #FFCC33;
	font-size: 100%;
	font-weight: bold;
	color: #330099;
	margin: 0px 9px 0px 9px;
	padding: 2px 0px 2px 2px;
	text-align: left;
			}
	
	#leftcol h2 {
	background-color: #FFFFFF;
	border-top: none;
	border-bottom: 2px solid #FFCC33;
	margin-top: 0px;
	font-size: 100%;
	font-weight: normal;
	color: #0000CC;
	margin: 0px 9px 0px 9px;
	font-size: 95%;
	padding: 2px 0px 2px 2px;
	text-align: left;
			}
	
/* Begin Boxes for leftcol*/
	.lbox {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border-top: 1px solid #330099;
	border-right: 1px solid #330099;
	border-bottom: 1px solid #330099;
	border-left: 1px solid #330099;
			}
			
/* End left column styles */


/* For 2-column layout (with div boxes floated right) */
/* Begin contents (main column) styles */
#contents { /* for div */
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-left: 180px;
	margin-right: 60px;	
	margin-bottom: 10px;
		}
	
/* The following fixes the 3-pixel jog bug in IE */
/* Hides from IE5-mac \*/
* html #contents {height: 1%;}
/* End hide from IE5-mac */ 


	#contents p { 	
		padding-bottom: 10px;
		line-height: 140% !important;
			}
	
	#contents h1 { /* Page Head - Large green text on white */
		font-size: 140%;
		color: #337733;
		margin: 0px;
		padding: 8px 0px 10px;
			}
	
	#contents h2 { /* Med-large green text on white */
		font-size: 125%;
		font-weight: bold;
		color: #337733;
		margin: 0px;
		padding: 0px 0px 3px 0px;
			}
	
	#contents h3 {  /* White on mtn blue */
		font-size: 100%;
		font-weight: bold;
		background-color: #4466AA;
		color: #FFFFFF;
		margin-right: 75px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		padding: 2px 0px 2px 6px;
			}
			
	#contents h4 { /* Dark Blue Sub Head */
		font-size: 100%;
		font-weight: bold;
		color: #330099;
		margin: 0px;
		padding: 0px 0px 5px 0px !important;
			}
	
	#contents h5 { /* Bold Dark Grey Headline */
		font-size: 100%;
		font-weight: bold;
		color: #666666;
		margin: 0px;
		padding: 0px 0px 7px 0px;
			}
	#contents h6 {  /* Mtn blue on white*/
		font-size: 100%;
		font-weight: bold;
		background-color: #FFFFFF;
		color: #4466AA;
		margin: 0px;
		padding: 2px 0px 2px 7px;
	}
	
	#contents li {
	margin-left: 15px;
	padding-left: 4px;
	padding-bottom: 8px;
	line-height: 130%;
	}
	
	
			
	.padtop {
	padding-top: 5px !important;
	}
	
	.border {
	border-top: 1px solid #FFCC33;
	margin-right: 75px;
	line-height: 30% !important; 
	margin-bottom: 4px;
	margin-top: 10px;
	padding-top: 0px; 
	}
	
	
	
/* End contents styles */

/* Rightbox for right side of content div.  Locate topmost rightbox immediately after <h1> page title. 
	Width of 165px works out to same width as leftbox. */
	
	.rbox {
		border: 1px solid #330099;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		margin-left: 15px;
		margin-right: 5px;
		float: right;
		width: 138px;
		position: relative;
			}	
			
		.rbox p	{
		padding-left: 10px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 0px;
		}
	
		
	.norbox { /* No border, no background color */
		margin-bottom: 10px;
		margin-left: 15px;
		float: right;
		width: 138px;
		position: relative;
			}	
	
	.rboxtext  { /* For text: Use with <p> in right box */
		padding-top: 5px;
		padding-bottom: 5px !important; /* to take precedence over the id=contents p bottom-padding of 10px */
		padding-left: 14px;
		line-height: 100% !important; /* to take precedence over the id=contents p line-height of 130% */
		font-size: 95%;
			}
	
	.rboxhead { /* Use with <h3> in right box <h3 class="boxhead"> */
		margin-bottom: 0px !important;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
			}

/* End Right Boxes */


/* Begin footer styles */
#footer { /*for div */
	height: auto;
	clear: both;
	border-top: 2px solid #330099;
	border-bottom: 3px solid #4466AA;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
		}
		
	#footer p {
	padding-top: 2px;
	}
	
/* End footer styles */


	
/* Begin navigation lists for boxes */
	ul.navbox {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 10px 4px 10px 15px !important;;
		}
	
	ul.navbox li {
	font-size: 95%;
	line-height: 110%;
	padding-bottom: 5px;
		}
	
	.listspace { /* Use with <p> or <li> and non-breaking space to create small vertical gap between lines */
	line-height: 50%;
	padding-bottom: 1px !important;
	padding-top: 0px !important; 
        }
		
/* End navigation lists for boxes */

/* Begin other list styles */
	ul.nostyle li{
	list-style-type: none !important;
	margin-left: 20px !important;
	padding-left: 0px !important;
		}
		
	ul.headline	{
	list-style: none;
	line-height: 110%;
	margin-left: 10px;
	margin-top: 0px;
	}
	
	ul.headline	li {
	padding-bottom: 8px;
	margin-left: 10px !important;
	padding-left: 0px;
	line-height: 120%;
	}
	
	.indentnostylelist { /*  */
		padding-top: 0px;
		padding-bottom: 0px !important; /* to take precedence over the id=contents p bottom-padding of 10px */
		padding-left: 21px;
		text-indent: -17px;
		list-style: none;
		line-height: 120%;
		margin-left: 5px !important;
			}
			
		ul.indentnostylelist	li {
	padding-bottom: 8px;
	}
	
/* End other list styles */

/* Begin special characters */
	.blbull {
		font: bold;
		font-size: 120%;
		color: #4466AA;
			}
	.grbull {
		font: bold;
		font-size: 120%;
		color: #337733;
			}
			
	.grang {
		font: bold;
		font-size: 100%;
		color: #337733;
			}
	
/* End special characters */

/* Begin <hr> horizontal line classes */
	.yel1 { 
		color: #FFCC33;
		height: 1px;
			}
	
	.yel2 { 
		color: #FFCC33;
		height: 2px;
			}
	
/* End horizontal line classes for <hr> */		

/* Begin font style modifications for <p> or <span> tags */
		 .largr  {
		font-size: 140%;
		color: #337733;
		font-weight: bold;
		 }
		 
		 .medgr	{
		 font-size: 115%;
		color: #337733;
		font-weight: bold;
		 }
		 
		 .bgr {
		 font-size: 100%;
		color: #337733;
		font-weight: bold;
		 }
		 
		  .bbl {
		 font-size: 100%;
		color: #330099;
		font-weight: bold;
		 }
		  .gy  {
		font-size: 100%;
		color: #333333;
		font-weight: bold;
		 }
		 
		 .smallfont {
			font-size: 90% !important;
			}
			
			.smallerfont {
			font-size: 75% !important;
			}
			
		.normalfont { /* Useful for leftcol to make font same size as main part of page */
			font-size: 100% !important;
			}
/* End font styles */

/* Begin spacing styles */		
		.snugup { /* Used with <p> tags - to reduce vertical spacing */
				margin-top: -5px;
				}
				
		.snugup3 { /* Used with <p> tags - to reduce vertical spacing */
				margin-top: -15px;
				}

		.padbot {  /* Used with <p> or <li> tags for spacing between items */
			padding-bottom: 15px !important;
				}
		.padr {
			padding-right: 15px !important;
			}
				
		.indent {
				margin-left: 20px !important;
			}
			
		.hangindent	{
		padding-left: 18px !important;
		text-indent: -13px !important;
		margin-right: 85px;
		}