/*
-----------------------------------------------------------------------------------------
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 {}
/*
-----------------------------------------------------------------------------------------
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;}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#printwrap {
	width:777px;
	margin:auto;
}
.pagewrap{
	width:737px;
	border-left:solid #000000 1px;
	border-top:solid #000000 1px;
	border-right:solid #000000 1px;
	padding-left:13px;
	float:left;
}
.backgroundbars, body {background-image:url(../images/backgroundbars.gif);}
.outer-shadows{margin:auto;}
#layout_shadow_left {
	float:left;
	border-right:1px solid #000000;
	width:10px;
}
#layout_shadow_right {
	float:left;
	border-left:1px solid #000000;
	width:10px;
}
#headertop {
	background-color:#FFFFFF;
	padding: 20px 0 0 20px;
	height:67px;
}
	#website-title {float:left;}
	#header-divider {
		float:left;
		height:52px;
		width:1px;
		margin:0 14px 0 14px;
	}
	#website-slogan {float:left;}
#under-header-bar {
	line-height:0; font-size:0;
	height:7px;
}
#main-image-holder.accent {
 	height:257px;
	padding-top:3px;
	background-image:none;
}
#main-image-holder.accent .accent {
	float:left;
	height:257px;
	width:501px;
}
.accent-none {display:none;}
#main-image-holder #box-right-of-main-image {
	float:right;
	margin-left:2px;
	width:234px;
	height:257px;
}
#above-nav-spacer {height:28px;}
#nav-left {
	width:737px;
	float:left;
}
#nav-right {
	width:737px;
	float:left;
}
#content {
  background-color:#FFFFFF;
  width:440px;
  padding:48px 62px 75px 39px;
  float:left;
  z-index: 1;
}
#footer {
	line-height:0;margin:0;padding:0;font-size:0;
	height:9px;
}
#baseSpacer {
	clear:both;
	height:26px;
}
#baseSpacerLeft {
	float:left;
	width:10px;
	height:10px;
	background-image:url(../images/shadow_ll_corner.png);
    background-repeat:no-repeat;
}
#baseSpacerMid {
	float:left;
	width:753px;
	height:10px;
	background-image:url(../images/shadow_base.png);
    background-repeat:repeat-x;
}
#baseSpacerRight {
	float:left;
	width:10px;
	height:10px;
	background-image:url(../images/shadow_lr_corner.png);
    background-repeat:no-repeat;
}


/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/	
#nav-left #navcontainer{
  width:195px;
  float:left;
  position:relative;
  top:-26px;
  z-index:900;
}
#nav-left #navcontainer #nav-wrapper div a h3 {
	position:relative;
	height:20px;
}

/*------------------ Navigation Elements ------------------*/	
#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;
		padding:5px;
		/*--- width for IE5 --*/
			width:202px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:184px;
			margin:1px;
			z-index:1000;
			word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {padding-left:5px;}
		#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;
			width:202px;
			visibility: hidden;
			z-index:1000;
		}
			#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 {
				float:left;
				width:182px;
				border:1px solid #77A4DC;
				margin:0;
				word-wrap: break-word;
				
			}
				#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {padding-left:5px;}
	


/*--- PNG IMAGES --- */
#navcontainer #nav-wrapper div a {
  background-image:url(../images/nav-button-overlay.png);
  background-repeat:no-repeat;
}

#layout_shadow_left  {
  background-image:url(../images/shadow-left.png);
  background-repeat:repeat-y;
  background-attachment: scroll; 
}
#layout_shadow_right  {
  background-image:url(../images/shadow-right.png);
  background-repeat:repeat-y;
}
#box-right-of-main-image {
  background-image:url(../images/info-block-gradient.png);
  background-repeat:no-repeat;
}


/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
#nav-right #navcontainer{
  width:195px;
  float:right;
  position:relative;
  top:-26px;
  z-index:900;
}
#nav-right #navcontainer #nav-wrapper div a h3 {
	position:relative;
	height:20px;
}
/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer div, #nav-right #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;
		padding:5px;
		/*--- width for IE5 --*/
			width:202px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:184px;
			margin:1px;
			z-index:1000;
			word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {padding-left:5px;}
		#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;
			width:184px;
			visibility: hidden;
			z-index:1000;
		}
			#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 {
				float:left;
				width:182px;
				border:1px solid #77A4DC;
				margin:0;
				word-wrap: break-word;
				
			}
				#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {padding-left:5px;}
				
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #printwrap {width:977px;}
body#wide .pagewrap{width:937px;}
body#wide #main-image-holder #box-right-of-main-image {
	width:434px;
	background-image:url(../images/info-block-gradient.png);
	background-repeat:repeat-x;
}
* html body#wide #main-image-holder #box-right-of-main-image {background-repeat:no-repeat;}
body#wide #nav-left {width:937px;}
body#wide #nav-right {width:937px;}
body#wide #content {width:640px;}
body#wide #baseSpacerMid {width:953px;}