/*

-----------------------------------------------------------------------------------------

CSS document: ImageCaf� Template Styles

Created: 04/11/2006

Last Modified: 12/08/2006

NOTE: Template styles included here cannot be changed by the customer

-------------------------------------------------------------------------------------- */

body {

	margin: 0;

	text-align: center;

}



/*

-----------------------------------------------------------------------------------------

Global

-------------------------------------------------------------------------------------- */

div {position:relative;}

#printwrap {

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;

}



/*

-----------------------------------------------------------------------------------------

General Layout Structure

-------------------------------------------------------------------------------------- */

#nav-top, #nav-left, #nav-right {

	width: 770px;

	margin: 0 auto;

	text-align: left;

}

#inner {

	float: left;

	width: 770px;

	padding: 0 10px;

	background: url(../images/bg_shadow.png);

	/*--- Proper width for all other browsers --*/

			voice-family: "\"}\"";

			voice-family:inherit;

	width: 750px;

}

#headertop {

	float: left;

	width: 750px;

}

.accent {

	float: left;

	width: 750px;

	height: 120px;

	margin-bottom: 2px;

}

#headertop #title {

	float: left;

	width: 475px;

	height: 120px;

	padding-left: 20px;

	/*--- Proper width for all other browsers --*/

			voice-family: "\"}\"";

			voice-family:inherit;

	width: 455px;

}

#headertop #titlealign {

	height: 120px;

	vertical-align: middle;

}

#headertop #slogan {

	position: absolute;

	right: 15px;

	bottom: 10px;

	width: 260px;

	text-align: right;

}

#footer {

	float: left;

	width: 750px;

	height: 30px;

	background-image: url(../images/footer_png.png);

	margin-top: 2px;

}



/*

-----------------------------------------------------------------------------------------

=#NAV-TOP

-------------------------------------------------------------------------------------- */



#nav-top #wrap-navcontent {

	float: left;

	width: 750px;

}

#nav-top #navcontainer {

	float: left;

	width: 750px;

	z-index: 1000;

}

#nav-top #navwrapper {

	float: left;

	width: 750px;

	z-index: 1000;	

}	

#nav-top #content {

	float: left;

	width: 750px;

}

#nav-top #content-table {

	width: 750px;

}







/*--------------- Navigation elements -------------------*/

#nav-top #navcontainer #nav-wrapper div, #nav-top #navcontainer #nav-wrapper div h3 {

	float:left;

	display:block;

	cursor:pointer;

	margin: 0;

}

#nav-top #navcontainer #nav-wrapper div a:link, 

#nav-top #navcontainer #nav-wrapper div a:active, 

#nav-top #navcontainer #nav-wrapper div a:visited {

	float:left;

	padding: 5px 20px 5px 20px;

	text-decoration:none;

}

#nav-top #navcontainer #nav-wrapper div a:hover {padding-top:5px;}

#nav-top #navcontainer #nav-wrapper div div.submenu, 

#nav-top #navcontainer #nav-wrapper div div.submenu h3 {

	float:left;

	display:block;

}

#nav-top #navcontainer #nav-wrapper div div.submenu {

	position:absolute;

	top:0;

	left:0;

	visibility: hidden;

	border-top:1px solid #fff;

	width:196px;

}

#nav-top #navcontainer #nav-wrapper div div.submenu div {

	display:block;

	margin:0;

}

#nav-top #navcontainer #nav-wrapper div div.submenu a:link, 

#nav-top #navcontainer #nav-wrapper div div.submenu a:active, 

#nav-top #navcontainer #nav-wrapper div div.submenu a:visited {

	float:left;

	width:196px;

	border-bottom:1px solid #fff;

	border-right:0;

	/*--- Proper width for all other browsers --*/

			voice-family: "\"}\"";

			voice-family:inherit;

	width: 156px;

}

#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {

	padding-top: 5px;

	border-top:0;

}



/*

-----------------------------------------------------------------------------------------

=#NAV-LEFT

-------------------------------------------------------------------------------------- */

#nav-left #wrap-navcontent {

	clear: both;

	float: left;

	width: 750px;

}

#nav-left #navcontainer {

	float: left;

	margin-top: 10px;

	width: 170px;

	z-index: 1000;

}

#nav-left #navwrapper {

	float: left;

	width: 170px;

	z-index: 1000;	

}	

#nav-left #content {

	float: right;

	width: 580px;

}

#nav-left #content-table {

	width: 580px;

}



/*--------------- Navigation elements -------------------*/



#nav-left #navcontainer div, 

#nav-left #navcontainer div h3 {

	float:left;

	display:block;

	cursor:pointer;

	margin: 0;

}

#nav-left #navcontainer div a:link, 

#nav-left #navcontainer div a:active, 

#nav-left #navcontainer div a:visited {

	float:left;

	/*--- Width for IE5/Win only --*/

		width:170px;

	padding: 8px 10px;

	text-decoration:none;

	/*--- Proper width for all other browsers --*/

		voice-family: "\"}\"";

		voice-family:inherit;

		width:150px;

}

#nav-left #navcontainer div a:hover {border-left:0;}

#nav-left #navcontainer div div.submenu, 

#nav-left #navcontainer div div.submenu h3 {

	float:left;

	display:block;

}

#nav-left #navcontainer div div.submenu {

	position:absolute;

	top:0;

	left:0;

	visibility: hidden;

	border-left:1px solid #fff;

	width:180px;

}

#nav-left #navcontainer div div.submenu div {display:block;}

#nav-left #navcontainer div div.submenu a:link, 

#nav-left #navcontainer div div.submenu a:active, 

#nav-left #navcontainer div div.submenu a:visited {

	float:left;

	width:180px;

	margin:0;

	border-bottom:1px solid #fff;

	/*--- Proper width for all other browsers --*/

			voice-family: "\"}\"";

			voice-family:inherit;

	width: 160px;

}

#nav-left #navcontainer div div.submenu a:hover {padding-left:10px;}	



/*

-----------------------------------------------------------------------------------------

=#NAV-RIGHT

-------------------------------------------------------------------------------------- */



#nav-right #wrap-navcontent {

	clear: both;

	float: left;

	width: 750px;

}

#nav-right #navcontainer {

	float: right;

	margin-top: 10px;

	width: 170px;

	z-index: 1000;

}

#nav-right #navwrapper {

	float: left;

	width: 170px;

	z-index: 1000;	

}	

#nav-right #content {

	float: left;

	width: 580px;

}

#nav-right #content-table {

	width: 580px;

}

/*--------------- Navigation elements -------------------*/





#nav-right #navcontainer div, 

#nav-right #navcontainer div h3 {

	float:left;

	display:block;

	cursor:pointer;

	margin: 0;

}

#nav-right #navcontainer div a:link, 

#nav-right #navcontainer div a:active, 

#nav-right #navcontainer div a:visited {

	float:left;

	/*--- Width for IE5/Win only --*/

		width:170px;

	padding: 8px 10px;

	text-decoration:none;

	/*--- Proper width for all other browsers --*/

		voice-family: "\"}\"";

		voice-family:inherit;

		width:150px;

}

#nav-right #navcontainer div a:hover {border-left:0;}

#nav-right #navcontainer div div.submenu, 

#nav-right #navcontainer div div.submenu h3 {

	float:left;

	display:block;

}

#nav-right #navcontainer div div.submenu {

	position:absolute;

	top:0;

	left:0;

	margin:0 0 0 -1px;

	visibility: hidden;

	border-right:1px solid #fff;

	width:180px;

}

#nav-right #navcontainer div div.submenu div {display:block;}

#nav-right #navcontainer div div.submenu a:link, 

#nav-right #navcontainer div div.submenu a:active, 

#nav-right #navcontainer div div.submenu a:visited {

	float:left;

	/*--- Width for IE5/Win only --*/

		width:180px;

	margin:0;

	/*--- Proper width for all other browsers --*/

		voice-family: "\"}\"";

		voice-family:inherit;

		width:160px;

}

#nav-right #navcontainer div div.submenu a:hover {padding-left:10px;}	

	

				

/*

-----------------------------------------------------------------------------------------

=TABLES AND CONTENT

-------------------------------------------------------------------------------------- */



/*------------------ Table Structures ------------------*/	



#content p {

	margin: 0;

	padding: 0;

}

#content-table-main table td table td {

	padding: 0px 10px; 

	margin: 0;

}	

#content-table-main table td table td p {

	padding: 0; 

	margin: 10px 0px; 

}



/*------------------ content styling ------------------*/	

#content h1, #content h2, #content h3, 

#content h4, #content h5, #content h6 {

	margin-top: 0;

	margin: 5px 0 15px 0;

}

#content h1 {

	font-size:28px;

}	

#content h2 {

	font-size:24px;

}

#content h3 {

	font-size:22px;

}

#content h4 {

	font-size:18px;

}

#content h5 {

	font-size:16px;

}

#content h6 {

	font-size:14px;

}



/*------------------ no-accent adjustments ------------------*/		

.accent-none {display:none;}