/*
		Kirsir Project Template v1.0
		http://www.kirsir.com
		
		Date Created: October 20, 2004		
		Description: Each file in the project template contributes to a Kirsir web site project.
		             The project template must be customized for each client.
		
		Copyright (c) 2004 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 175px, that total includes the border and 'inside'.*/

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

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

body {
	background:#fff url('../images/wwid_bg.gif') repeat 0% 0%;
	color:#5d5d5d;
	margin:10px 0px;
	padding:10px 0px;
	font:100%/1.3 Arial, sans-serif;
	text-align:center;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px auto;
	width:750px;
	background-color:#fff;
	text-align:left;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:287px;
	left:0px;
	width:100%;
	background-color:#fff;
	background-image:url('../images/bg_3col.gif');
	background-repeat:repeat-y;
	border:5px solid white;
	border-width:0px 5px 5px;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:282px; /*total is 282 + 5px top border = 287px*/
	background-color:#fff;
	border:5px solid white;
	border-width:5px 5px 0px;
}


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


#topRow1{position:absolute;	width:100%; height:37px; border-bottom:1px solid #fff; background:url('../images/design/top_bg.jpg') repeat-x 0% 0%;}
#slogan{position:absolute; top:0px; right:10px;}

#topRow2{position:absolute; top:38px; left:0px; width:100%; height:22px; border-bottom:1px solid #fff; background:url('../images/design/nav_bg.jpg') repeat-x 0% 0%; z-index:10; }/*Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/

#navbar{
	position:absolute;
	top:0px;
	right:0px;
	height:22px;
	z-index:10; /*z-index above closer*/
	background:transparent;
	text-align:right;
	color:#fff;
	font:70%/22px "Trebuchet MS", Verdana, Arial, sans-serif;
}

#logoWrapper{position:absolute; top:17px; left:0px; width:231px; height:75px; background:transparent; z-index:12;}
#logoLeft{position:absolute; top:44px; left:0px;}
#logoBott{position:absolute; top:64px; left:15px; width:216px; height:11px; background:url('../images/design/logo_box_bott.jpg') no-repeat 0% 0%;}
#logoRight{position:absolute; top:0px; right:0px;}
#logoBox{position:absolute; top:0px; left:15px; width:203px; height:62px; background:#fff; border:1px solid #000;}
#logo{position:absolute; top:11px; left:16px;}


#band{position:absolute; top:61px; left:0px; width:100%; height:213px; background:#fff; border-bottom:1px solid #fff;}
#bandLeft{position:absolute; top:31px; left:0px;}
#bandWindow{position:absolute; top:34px; left:105px;}
#bandTopStrip{position:absolute; top:0px; right:0px;}
#bandRoom1{position:absolute; top:31px; right:258px;}
#bandRoom2{position:absolute; top:31px; right:63px;}
#bandStatue{position:absolute; top:31px; right:0px;}

#topRow4{position:absolute; top:275px; left:0px; width:100%; height:1px; font-size:0%; overflow:auto; background:#fff; border-top:5px solid #464646; border-bottom:1px solid #AECF61;}


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

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	/*background-color:#FFFFCC;*/
	width:100%;
	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)*/
}

#centerLeftWrapper{ /*wraps center & left columns*/
	position:relative; 
	float:left; 
	width:575px;
	margin-top:10px;
}

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:398px; /* IE wants 385px to fit all three columns beside each other should be 398*/
	border-width:0px 0px;
	border-style:solid;
	border-color:#ededed;
	margin-bottom:10px;
	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:175px; 
	border:0px;
	padding-top:13px;
}

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

#content {
	position:relative;
	margin:12px 10px 15px;
}
/*prompter div for Flash
#flashPrompter{position:absolute; top:0px; left:0px; visibility:hidden; z-index:1;}*/

#dateToday{ 
	font:64% Arial, sans-serif;
	color:#5D5D5D;
	text-align:right;
	padding:3px 7px 8px 2px;
}

/*******************************BOTTOM STYLES**********************************************/
#footerAbove{width:100%; clear:both; background:#fff; position:relative; height:0px; font-size:0%}
#footerTopLine{width:100%; height:1px; background:#fff; font:0% Arial, Helvetica, sans-serif; overflow:auto; border-top:1px solid #AECF61; border-bottom:2px solid #AECF61;}
#footerWhiteLine{width:100%; height:1px; background:#fff; font:0% Arial, Helvetica, sans-serif; overflow:auto;}

#footerBottLine1{width:100%; height:1px; background:#fff; font:0% Arial, Helvetica, sans-serif; overflow:auto; border-bottom:6px solid #AECF61;}
#footerBottLine2{width:100%; height:1px; background:#fff; font:0% Arial, Helvetica, sans-serif; overflow:auto; border-bottom:2px solid #5098B9;}
#footerBottLine3{width:100%; height:1px; background:#fff; font:0% Arial, Helvetica, sans-serif; overflow:auto; border-bottom:2px solid #AF7A13;}


#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:left;
	background:#323232 url('../images/design/footer_bg.jpg') repeat-x 0% 0%;
	clear:both;
	color:#CFCFCF;

}
#textLinks{
	font:70% "Trebuchet MS", Arial, sans-serif;
	padding:8px 10px 0px;
}

#copyright {
	font:70% Tahoma, Arial, sans-serif;
	padding:8px 10px 0px;
}

#kirsir{
	font:64% Tahoma, Arial, sans-serif;
	padding:3px 10px 8px;
	color:#888888; 
}


/**************************ALIGNMENT (STANDARDS)***************************************/
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignT{vertical-align:top;}
.alignM{vertical-align:middle;}
.alignB{vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;}
.floatImage{margin:5px;}
.clearB{clear:both;}
.noPad{padding:0px;}
.posRel{position:relative;}
.widthFull{width:100%;}

/******************************IMAGES**************************************************/


/**********************************HARD RULES**************************************/
hr.reg {width:100%; height:1px; color:#ededed;}

/**********************************LISTS*******************************************/
ul{list-style:none; position:relative; padding:0px; margin:0px;}
li{background:transparent no-repeat 0px 4px; padding:0px 0px 5px 15px;}
	
ul.square{margin:10px 20px;}	
ul.square li{background-image:url('../images/bullets/boxes_colour.gif');}
	

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