/*
-----------------------------------------------------------------------------------------
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%;
	text-align:center;
	background:#fff url(../images/ic_049_body_bg.gif) repeat-y 50% 0;
	font-size: 10px;
}

table td {
	font-size: 10px;
}

input {
	font-size: 10px;
}

select {
	font-size: 10px;
}

/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */

//div {position:relative;}

h4, h5 {margin:10px;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 25px;}
.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);
}

/*
-----------------------------------------------------------------------------------------
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:10px;}
.accent-none {display:none;}
#accent-wrapper {
	float:left;
	margin:11px 0;
}
	#accent-wrapper .accent {
		float:left;
		width:200px;
		height:274px;
	}
	#accent-wrapper #accent-cover {
		position:absolute;
		width:200px;
		height:274px;
		background:url(../images/ic_049_accent_cover.gif) no-repeat 0 0;
	}
		* html #accent-wrapper #accent-cover {
			position:relative;
			top:-274px;
			left: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;
	}
	#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;
			}
			#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;}

*.primary {background-color: rgb(154, 156, 125)}
*.secondary {background-color: rgb(211, 224, 210)}
*.tertiary {background-color: rgb(209, 222, 236)}
*.background {background-color: rgb(249, 249, 249)}
h1#website-title {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 28px; font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: verdana, arial, sans-serif; font-size: 18px; font-weight: normal; color: rgb(86, 122, 105); font-style: normal; text-decoration: none}
*#content {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: rgb(85, 85, 85); font-style: normal; text-decoration: none}
*#content a:link {font-weight: normal; color: rgb(88, 121, 147); font-style: normal; text-decoration: underline}
*#content a:active {font-weight: normal; color: rgb(88, 121, 147); font-style: normal; text-decoration: underline}
*#content a:visited {font-weight: normal; color: rgb(88, 121, 147); font-style: normal; text-decoration: underline}
*#content a:hover {font-weight: normal; color: rgb(79, 109, 132); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: rgb(81, 111, 128); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(27, 56, 73); font-style: normal; text-decoration: none}
*#navcontainer div a:hover {font-weight: bold; color: rgb(27, 56, 73); font-style: normal; text-decoration: none}
/*
*.accent {background: transparent url(../images/10_replace.jpg) no-repeat top left}
*/