/*
-----------------------------------------------------------------------------------------
CSS document: ImageCaf� Template Styles
Created: 04/11/2006
Last Modified: 04/11/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  
body {width:100%;}
/* zero out everything: you may not want to use this as it removes
                         ALL default browser styles */
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
/*div {position:relative;}*/
h1, h2, h3, h4, h5, h6 {margin:10px;}
h1#website-title {margin:0;}
h2#website-slogan {margin:0;}
#navcontainer div h3 {margin:0;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 30px;}
blockquote {margin:10px 10px 10px 40px;}
.clearer {clear:both;}
/*#printwrap {position:static;}*/
* html #printwrap {
� � �position:absolute;
� � �top:0;
� � �left:0;
� � �width:100%;
� � �height:100%;
}


/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
body {background-image:url(../images/background-bars.gif);}
#printwrap {
	width:772px;
}
#nav-left, #nav-right {
	width:765px;
	float:left;
}
#layout_shadow_left {
	float:left;
	/*border-right:1px solid #DEDEE1;
	width:10px;
	background-image:url(../images/shadow-left.png);
	background-repeat:repeat-y;*/
	display:none;
}
#layout_shadow_right {
	float:right;
	/*border-left:1px solid #DEDEE1;
	width:10px;
	background-image:url(../images/shadow-right.png);
	background-repeat:repeat-y;*/
	display:none;
}
	#content {
		float:left;
		width:554px;  
	}
	#content #slogan {
		float:left;
		height:168px;
		width:554px;
		background-image: url(../images/slogan-background.png);
		/*border-bottom:1px solid red;*/
	}
	#content #slogan .accent {
			height:168px;
			width:203px;
			/*border-bottom:1px solid red;*/
	}
	#content #content-table #content-table-main {
		/*padding:28px 10px 35px 10px;*/
		float:left;
		width:554px;
	}

/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/	

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-left #inner {
	width:208px;
	float:left;
	border-right:1px solid #DEDEE1;
	background-image: url(../images/nav-left-background.jpg);
	z-index:1000;
}
	#nav-left #inner #nav-left-topper {
		width:208px;
		height:40px;
		background-image: url(../images/nav-left-top-mask.png);
	}
	#nav-left #inner #title {
		padding:30px 10px 0 10px;
		height:135px;
		width:188px;
		text-align:center;
		background-image: url(../images/nev-left-title-holder.jpg);
	}
#nav-left #content #slogan #website-slogan {
	float:left;
	padding:80px 0 0 20px;
}
#nav-left #content #slogan .accent {
	float:right;
	border-left:2px solid #FFFFFF;
}

/*------------------ Navigation Elements ------------------*/	
#nav-left #navcontainer {
  float:left;
  z-index:1000;
}
#nav-left #navcontainer div, #nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-left #navcontainer #nav-wrapper div a:link, 
	#nav-left #navcontainer #nav-wrapper div a:active, 
	#nav-left #navcontainer #nav-wrapper div a:visited {
		float:left;
		text-decoration:none;
		width:135px;
		height:30px;
		background-image: url(../images/nav-background.gif);
		background-repeat:repeat-y;
		padding:5px 0 0 65px;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		text-decoration:none;		
	}
		#nav-left #navcontainer #nav-wrapper div div.submenu, 
		#nav-left #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-left #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
		}
			#nav-left #navcontainer #nav-wrapper div div.submenu div {display:block;}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-left #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-left #navcontainer #nav-wrapper div div.submenu a:visited {
				width:169px;
				border:1px solid #FFFFFF;
				margin:0;
				padding:5px 5px 0 65px;
				width:135px;
				height:30px;
				word-wrap: break-word;
			}
				#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
					text-decoration:none;			
				}

/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */				
/*------------------ Layout ------------------*/	
#nav-right #inner {
	width:210px;
	float:right;
	/*border-right:1px solid #DEDEE1;*/
	border-left:1px solid #DEDEE1;
	background-image: url(../images/nav-left-background.jpg);
	z-index:1000;
}
	#nav-right #inner #nav-left-topper {
		width:208px;
		height:40px;
		background-image: url(../images/nav-right-top-mask.png);
	}
	#nav-right #inner #title {
		padding:30px 10px 0 10px;
		height:135px;
		width:188px;
		text-align:center;
		background-image: url(../images/nev-right-title-holder.jpg);
	}
#nav-right #content #slogan #website-slogan {
	float:right;
	padding:80px 20px 0 0;
}
#nav-right #content #slogan .accent {
	float:left;
	border-right:2px solid #FFFFFF;
}

/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer {
  float:left;
  z-index:1000;
}
#nav-right #navcontainer div, #nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-right #navcontainer #nav-wrapper div a:link, 
	#nav-right #navcontainer #nav-wrapper div a:active, 
	#nav-right #navcontainer #nav-wrapper div a:visited {
		float:left;
		text-decoration:none;
		width:135px;
		height:30px;
		background-image: url(../images/nav-background.gif);
		background-repeat:repeat-y;
		padding:5px 0 0 65px;
		word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {
		text-decoration:none;		
	}
		#nav-right #navcontainer #nav-wrapper div div.submenu, 
		#nav-right #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-right #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			margin:0 0 0 -5px;
			visibility: hidden;
		}
			#nav-right #navcontainer #nav-wrapper div div.submenu div {display:block;}
			#nav-right #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-right #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-right #navcontainer #nav-wrapper div div.submenu a:visited {
				width:169px;
				border:1px solid #FFFFFF;
				margin:0;
				padding:5px 5px 0 65px;
				width:135px;
				height:30px;
				word-wrap: break-word;
			}
				#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {
					text-decoration:none;			
				}
				
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #printwrap {width:970px;}
body#wide #nav-left,
body#wide #nav-right {width:970px;}
body#wide #content {width:759px;}
body#wide #content #slogan {width:759px;}
body#wide #content #content-table #content-table-main {width:759px;}	

/* IE working widths
body#wide #printwrap {width:975px;}
body#wide #nav-left,
body#wide #nav-right {width:970px;}
body#wide #content {width:759px;}
body#wide #content #slogan {width:759px;}
body#wide #content #content-table #content-table-main {width:741px;}	*/