/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 02/27/2006
Last Modified: 03/02/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {
	width:100%;
	height:100%;
	background:#fff url(../images/ic_049_body_bg.gif) repeat-y 50% 0;
}
/*
-----------------------------------------------------------------------------------------
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;}
#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;}
/*--- rounded corner containers ---*/
.top-large, 
.bottom-large, 
.top-medium, 
.bottom-medium, 
.top-small, 
.bottom-small {
	float:left;
	background-repeat:no-repeat;
	background-position:0 0;
	height:11px;
}

.bottom-large,  .bottom-medium, .bottom-small {
	height:10px;
	background-position:bottom left;
}
.top-large {
	width:728px;
	background-image:url(../images/ic_049_corner_top_w.gif);
}
.bottom-large {
	width:728px;
	background-image:url(../images/ic_049_corner_bottom_w.gif);
}
.top-medium {
	width:517px;
	background-image:url(../images/ic_049_corner_top_m.gif);
}
.bottom-medium {
	width:517px;
	background-image:url(../images/ic_049_corner_bottom_m.gif);
}
.top-small {
	width:200px;
	background-image:url(../images/ic_049_corner_top_s.gif);
}
.bottom-small {
	width:200px;
	padding:20px 0 0 0;
	background-image:url(../images/ic_049_corner_bottom_s.gif);
}

#pagewrap {
	width:100%;
	text-align:center;

}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {
	margin:0 auto;
	padding:11px;
	width:728px;
	text-align:left;
}
#inner {float:left;}
#website-title {padding:10px 20px;}
#website-slogan {padding:0 0 0 10px;}
.accent-none {display:none;}
#accent-wrapper {
	float:left;
	margin:11px 0;
}
	#accent-wrapper .accent {
		float:left;
		width:200px;
		height:274px;
	}
	#accent-wrapper .accent #accent-cover {
		position:absolute;
		width:200px;
		height:274px;
		background:url(../images/ic_049_accent_cover.gif) no-repeat 0 0;
		left:0;
		top:0;
	}

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


/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-left #headertop {
	float:left;
	width:728px;
}
#nav-left #inner {
	float:left;
	margin:11px 0 0 0;
	width:728px;
}
#nav-left #navcontainer {
	float:left;
	width:200px;
	z-index:1000;
}
	#nav-left #navcontainer #nav-wrapper {
		float:left;
		width:200px;
		z-index:1000;
	}
#nav-left #content {
	float:right;
	margin:0 0 0 0;
	width:517px;
	z-index:0;
}
#nav-left #footer {
	float:left;
	margin:11px 0;
	width:517px;
}

/*------------------ Navigation Elements ------------------*/
#nav-left #navcontainer div {
	float:left;
	display:block;
}
	#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;
		/*--- width for IE5 --*/
			width:200px;
		padding:10px;
		text-decoration:none;
		border-bottom:1px solid #fff;
		cursor:pointer;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:180px;
			word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		padding-left:7px;
		border-left:3px solid #fff;
	}
		#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;
			width:15px;
			border:1px solid #fff;
			border-bottom:0;
			width:200px;
		}
			#nav-left #navcontainer div #nav-wrapper div.submenu div {
				display:block;
				margin:0;
			}
			#nav-left #navcontainer div #nav-wrapper div.submenu a:link, 
			#nav-left #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-left #navcontainer #nav-wrapper div div.submenu a:visited {
				border-bottom:1px solid #fff;
				word-wrap: break-word;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-left:10px;
				border-left:0;
			}

/*------------------ Table Structures ------------------*/	
#nav-left #content-table {
	width:517px;
	float:left;
}
	#nav-left #content-table-main {width:100%;}
		#nav-left #content-table-main p {margin:10px 20px 15px 10px;}

	
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-right {
	/*--- width for IE5 --*/
		padding:11px 0;
	/*--- padding for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:11px;
}
#nav-right #headertop {
	float:left;
	width:728px;
}
#nav-right #inner {
	float:left;
	margin:11px 0;
}
#nav-right #navcontainer {
	float:right;
	width:200px;
	z-index:1000;
}
	#nav-right #navcontainer #nav-wrapper {
		float:left;
		width:200px;
		z-index:1000;
	}
#nav-right #content {
	float:left;
	width:517px;
	z-index:0;
}
#nav-right #footer {
	float:left;
	margin:11px 0;
	width:517px;
}
	
/*------------------ Navigation Elements ------------------*/
#nav-right #navcontainer div {
	float:left;
	display:block;
}
	#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;
		/*--- width for IE5 --*/
			width:200px;
		padding:10px;
		text-decoration:none;
		border-bottom:1px dashed #fff;
		cursor:pointer;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:180px;
			word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {
		padding-left:7px;
		border-left:3px solid #fff;
	}
		#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;
			visibility: hidden;
			width:15px;
			border:1px solid #fff;
			border-bottom:0;
			border-right:0;
			width:200px;
		}
			#nav-right #navcontainer div #nav-wrapper div.submenu div {display:block;}
			#nav-right #navcontainer div #nav-wrapper div.submenu a:link, 
			#nav-right #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-right #navcontainer #nav-wrapper div div.submenu a:visited {
				border-bottom:1px solid #fff;
				border-right:1px solid #fff;
				word-wrap: break-word;
			}
			#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-left:10px;
				border-left:0;
			}
	
/*------------------ Table Structures ------------------*/		
#nav-right #content-table {
	width:517px;
	float:left;
}
	#nav-right #content-table-main {width:100%;}
		#nav-right #content-table-main p {margin:10px 20px 15px 10px;}

		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide .top-large {
	width:878px;
	background-image:url(../images/ic_049_corner_top_w_wide.gif);
}
body#wide .bottom-large {
	width:878px;
	background-image:url(../images/ic_049_corner_bottom_w_wide.gif);
}
body#wide .top-medium {
	width:667px;
	background-image:url(../images/ic_049_corner_top_m_wide.gif);
}
body#wide .bottom-medium {
	width:667px;
	background-image:url(../images/ic_049_corner_bottom_m_wide.gif);
}
body#wide #nav-top,
body#wide #nav-left,
body#wide #nav-right {width:878px;}

body#wide {
	background:#fff url(../images/ic_049_body_bg_wide.gif) repeat-y 50% 0;
}


/*------------------------------------ NAV-TOP ------------------------------------*/
/* Does Not Apply to This Template */

/*------------------------------------ NAV-LEFT ------------------------------------*/
body#wide #nav-left #headertop {width:878px;}
body#wide #nav-left #inner {width:878px;}
body#wide #nav-left #content {width:667px;}
body#wide #nav-left #footer {width:667px;}
body#wide #nav-left #content-table {width:667px;}

/*------------------------------------ NAV-RIGHT ------------------------------------*/
body#wide #nav-right #headertop {width:878px;}
body#wide #nav-right #inner {width:878px;}
body#wide #nav-right #content {width:667px;}
body#wide #nav-right #footer {width:667px;}
body#wide #nav-right #content-table {width:667px;}