/*****************************************************************************************************
		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:#EAE5DE;
	color:#6f5d42;
	margin:8px;
	padding:8px;
	font:100% Verdana, Arial, sans-serif;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px;
	left:50%;
	margin-left:-385px; /*750px moved 50% of window to center - to move back, margin must be neg*/
	width:770px;
	background:#fff;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:142px; /*total height is 122px + 10px top padding + 10px bottom padding = 142px*/
	left:0px;
	width:770px;
	background:#fff url('../images/design/dotted_main_bg.gif') repeat-y;

}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:122px; /*total height is 122px + 10px top padding + 10px bottom padding = 142px*/
	background:#fff;
	
	padding:10px 10px 10px;
	background:#fff url('../images/design/rounded_corner_top.gif') no-repeat top left;
}


/*******************************TOP STYLES**********************************************/

#topRow1{
	position:relative;
	width:100%;
	height:95px;
	background:#fff;
	color:#6f5d42;
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	height:103px;
	color:#6f5d42;
	font:70% Verdana, Arial, sans-serif;
}

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

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

#topLinks{
	position:absolute;
	top:0px;
	right:5px;
	width:150px;
	height:17px;
	font:64%/17px Verdana, Arial, sans-serif;
	color:#fff;
	text-align:right;
}

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

#navTabs{
	position:absolute;
	top:0px;
	right:0px;
	width:504px;
	height:18px;
	z-index:10; /*z-index above closer*/
	background:#6f5d42;
	font:0%/0% Verdana;
}

#navbar{
	position:absolute;
	top:0px;
	right:0px;
	width:504px;
	height:18px;
	z-index:10; /*z-index above closer*/
	text-align:center;
	font:64%/18px "Century Gothic", Verdana, Arial, sans-serif;
	color:#fff;
}

.navLinkWrapper{position:relative; float:left;}

#topRow3{
	position:relative;
	width:100%;
	height:5px;
	border:1px solid #fff;
	border-width:0px 0px 1px;
	background:#E0DAD1 url('../images/design/bg_under_nav.jpg') repeat-y;
	font:0%/0% Verdana;
}

#topRow4{
	position:relative;
	width:100%;
	height:5px;
	background:#E0DAD1 url('../images/design/bg_under_nav.jpg') repeat-y;
	font:0%/0% Verdana;
}


#date{ /*positions the date div*/
	position:relative;
	font:64% Arial, sans-serif;
	color:#6f5d42;
	text-align:right;
}
#dateToday{ /*allows movement of the letters without moving the entire row*/
	padding:0px 3px 2px 0px;
}

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

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

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

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

}

#left{ /*column holding left content (adding a border adds width!)*/
	position:relative; 
	float:right; 
	width:197px;
	padding:0px 8px 0px 0px; 
}

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:197px;
	padding:0px 0px 0px 8px; 
}

#content{position:relative; margin:0px 0px 0px 8px;}

/*prompter div for Flash*/
#flashSS{position:relative; z-index:1; background-color:#fff; width:324px; height:222px;}
#flashPrompter{position:absolute; top:0px; left:0px; visibility:hidden; z-index:1;}

/*******************************BOTTOM STYLES**********************************************/

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:center;
	background:#fff;
	clear:both;
	/*no top padding required because long dotted line adds 8px border on its top and bottom*/
}

#textLinks{
	position:relative;
	font:64% Verdana, Arial, sans-serif;
	padding:6px;
	margin:0px 10px; /*side white borders*/
	background:#6f5d42 url('../images/design/rounded_corner_footer_top.gif') no-repeat top left;
	color:#F5F1EB;
}

#copyright {
	position:relative;
	font:64% Verdana, Arial, sans-serif;
	padding:0px 0px 2px;
	margin:0px 10px; /*side white borders*/
	background:#6f5d42;
	color:#F5F1EB;
}

#kirsir{
	font:64% Arial, sans-serif;
	color:#F5F1EB; 
	background:#6f5d42 url('../images/design/rounded_corner_footer_bott.gif') no-repeat bottom right;
	padding:0px 0px 6px;
	margin:0px 10px; /*side white borders*/
	
	border:10px solid #fff;
	border-width:0px 0px 0px; /*bottom white border*/
}

#bottWhiteBorder{position:relative; width:100%; height:10px; font:0%/0% Arial; background:#fff url('../images/design/rounded_corner_bott.gif') no-repeat 100% 100%;}

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