/*****************************************************************************************************
		Kirsir Project Template v1.1
		http://www.kirsir.ca
		
		Date Created: October 20, 2004
		Date Modified: September 14, 2005
		Description: Each file in the project template contributes to a Kirsir web site project.
		             Provides a base web site for each client.
					 The site structure and code has been developed for use by Kirsir to assist in project development
					 and cannot be distributed or sold.
		
		Copyright (c) 2005 Kirsir Web Development
******************************************************************************************************/

	/*NOTE: To add borders to floating divs (left/center/right), you must account for the width of the border in div widths! e.g. if left div is to be 175px, that total includes the border (1px?) and 'inside' (174px?).*/

@import url('borders.css');
@import url('boxes.css');
@import url('dropdowns.css');
@import url('forms.css');
@import url('links.css');
@import url('lists.css');
@import url('other.css');
@import url('tables.css');
@import url('text_headers.css');

/*************************CORE POSITIONING STYLES*****************************************/
html, body{height:100%;}

body {
	background:#DADADA url('../images/design/bg.gif') 0px 200px repeat-x;
	color:#6f543c;
	margin:8px 0px;
	padding:8px 0px;
	font:100% Verdana, Arial, sans-serif;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px;
	left:50%;
	margin-left:-382px; /*750px moved 50% of window to center - to move back, margin must be neg*/
	width:764px; /*total needs to be 760 to accomodate borders on bottom and top wrappers*/
	background:#fff;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:126px; /*113px + 2px margin on navbar + 4px border on each nav link + 7px top border = 126px total topWrapper height*/
	left:0px;
	width:750px;
	background:#fff;
	
	border:7px solid #fff;
	border-width:0px 7px 7px;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:119px; /*113px + 2px margin on navbar + 4px border on each nav link + 7px top border = 126px total topWrapper height*/
	background:#fff;
	
	border:7px solid #fff;
	border-width:7px 7px 0px;
}


/*******************************TOP STYLES**********************************************/
#topRow1{
	position:relative;
	width:100%;
	height:89px;
	background:#fff;
	color:#2c5b17;
}

#logo{
	position:absolute;
	top:10px;
	left:5px;
	width:183px;
	height:71px;
	color:#fff;
	font:64% Verdana, Arial, sans-serif;
}

#slogan{
	position:absolute;
	top:0px;
	right:242px;
}

#topImage{
	position:absolute;
	top:0px;
	right:0px;
}

#topRow2{
	position:relative;
	width:100%;
	height:4px;
	background:#376B34;
	font:0%/0% Verdana, Arial, sans-serif;
}

#topRow3{
	position:relative;
	width:100%;
	height:20px;
	z-index:10; /*Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/
}

#navbar{
	position:relative;
	width:100%;
	z-index:10; /*z-index above closer*/
	background:#fff;
	text-align:center;
	font:64%/20px "Century Gothic", Verdana, Arial, sans-serif;
	color:#fff;
	margin-top:2px;
}
.navLinkWrapper{position:relative; float:left;}

/*******************************MIDDLE STYLES**********************************************/

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	background:transparent;
	width:750px;
	height:auto; /*allow expanding div*/
	min-height:275px; /*FF height (not supported in IE)*/
	_height:275px;/*IE height (acts like min-height, ignored by other browsers)*/
}

#centerLeftWrapper{ /*wraps center & left columns*/
	position:relative; 
	float:left; 
	width:500px;
	background:transparent;
}

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:400px;
	float:right;
	height:auto; /*allow expanding div*/
	min-height:275px; /*FF height (not supported in IE)*/
	_height:275px;/*IE height (acts like min-height, ignored by other browsers)*/
	margin-top:1px;
}

#date{ /*positions the date div*/
	position:relative;
	font:64%/20px Arial, sans-serif;
	color:#6f543c;
	text-align:right;
	height:20px;
	width:100%;
}

#dateToday{ /*allows movement of the letters without moving the entire row*/
	padding:0px 3px;
}

#left{ /*column holding left content (adding a border adds width!)*/
	position:relative; 
	float:right; 
	width:100px; 
	background:#fff;
}

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:248px; 
	background:#fff;
	
	margin:2px 0px 0px 2px;/*allow 2px seperation between content and right box + 248px = 250px width*/
}

#content {
	position:relative;
	margin:0px 5px 0px 5px;
	background:transparent; 
}

/*prompter div for Flash*/
#flashPrompter{position:absolute; top:0px; left:0px; visibility:hidden; z-index:1;}
/*******************************BOTTOM STYLES**********************************************/
#bottGreenLine{
	position:relative;
	clear:both;
	width:100%;
	height:4px;
	background:#376B34;
	font:0%/0% Verdana, Arial, sans-serif;
	margin:0px; /*margin does not seem to work! A margin is created right below navbar!*/
	border:10px solid #fff; /*instead of margin, border is used*/
	border-width:10px 0px 0px;
}

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:left;
	background:#929292;
	clear:both;
	margin-top:2px; /*distance from content area*/
	color:#f4ece4;
}

#textLinks{
	position:relative;
	font:64% Verdana, Arial, sans-serif;
	padding:5px 8px 3px;
}

#copyright {
	position:relative;
	font:64% Verdana, Arial, sans-serif;
	padding:0px 8px 3px;
	color:#f4ece4;
}

#kirsir{
	font:64% Arial, sans-serif;
	color:#f4ece4; 
	padding:0px 8px 3px;
}

/******************DISPLAY DURING PRINTING ONLY*****************************************/
/*Company Info that only appears when printed*/
#printCompanyInfo{display:none;}