/*  ////  All CSS, images, and html are copyright ©2004 Sunpower, Inc. Unauthorized reproduction is strictly prohibited. CSSHover.htc Script is copyright ©2004 Peter Nederlof, see .htc file for more info. */


/*
SUNPOWER COLOR PALETTE

Dk. Green = #494924
Green = #67673F
Md. Green = #A8A772
Lt. Green = #C9C28C
Beige = #DDD9B9
Gold = #F5DB3B
*/

html {margin: 0; padding: 0;}

body {
	font: .8em/2em Trebuchet, Verdana, Arial, helvetica, sans-serif;
	/*font-size: 12px;*/
	margin: 0; padding: 0;
	color: #000;
	background: #fff;
	background-repeat: repeat-y;
	behavior: url(../csshover.htc);  /* WinIE behavior call for drop down menus */
	}

/*td {border: 1px solid red;}*/


/*  LOOSE STYLES STYLES  */

.hide {display: none;}



/*  CONTAINER TABLE STYLES  */

table#container {
	width: 100%;
	margin: 0; padding: 0;
	border: 0;
	}
	
td {margin: 0; padding: 0;}	


/*  HEADER STYLES  */

td.identity {
	width: auto; height: 100px;  									/* width: 300px */
	background: #fff;
	}

	img.logo {
		position: absolute; top: 20px; left: 10px;
		}
		
	td.identity h4.tag1 {
		margin: 60px 0 0 20px; padding: 0;
		font: bold 11px/20px Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		color: #000;
		}
		
/*  HEADER - MAIN NAV STYLES  */
	
td.main {
	width: 400px;
	height: 100px;
	background: #fff;
	vertical-align: top;
	font: bold 11px/11px Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
	}
	
	div#mainnav {
		display: none;   /* DO NOT PRINT MENU */
		float: left;
		margin: 0;
		background: #fff;
		}
	
		div#mainnav ul {
			margin: 0; padding: 0;
			color: #fff;
			text-align: center;
			}
		
		div#mainnav li {
			position: relative;
			list-style: none;
			margin: 0;
			padding: 10px 0 0 0;
			float: left; width: 99px;
			border-left: 1px solid #A8A772;
			/*white-space: nowrap;*/
			background: #fff;
			}
			
			div#mainnav li:hover {
				background: #fff;
				color: #F5DB3B;
				}
			
				div#mainmenu li.submenu {
					/*border-left: 1px solid #C9C28C;
					border-right: 1px solid #C9C28C;*/
					}
					
				div#mainmenu li.submenu:hover {
					background: #fff;
					}
			
			div#mainnav li a {
				display: block;
				padding: 5px 0 5px 0;
				color: #fff;
				text-decoration: none;
				width: 100%;
				voice-family: "\"}\""; voice-family: inherit; 
				width: 99px;
				}
				
			div#mainnav li a:hover {
				color: #F5DB3B;
				}
				
				div#mainnav>ul a {width: auto;}
				
				div#mainnav ul ul {
					margin-left: -1px;
					position: absolute; width: 99px;
					display: none;
					text-align: center;
					}
					
				div#mainnav ul ul li {
					background: #A8A772;
					border-left: 1px solid #C9C28C;
					border-right: 1px solid #C9C28C;
					border-bottom: 1px solid #C9C28C;
					font-size: 10px;
					letter-spacing: .1em;
					padding: 2px 0 3px 0;
					}
					
				div#mainnav ul.level1 li.submenu:hover ul.level2 {display: block;}
			
	
td.quickheader {
	margin: 0; padding: 0;
	width: 100px;
	height: 100px;
	background: #fff;
	border-left: 1px solid #67673F;
	vertical-align: bottom;
	}
	
	td.quickheader h4.tag1 {
		font: bold 11px/11px Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		text-align: center;
		color: #000;
		background: #fff;
		margin: 0; padding: 5px 0;
		}
		
	td.quickheader h3 {
		display: none;                                                     /* DO NOT PRINT MENU */
		font: bold 11px/11px Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		text-align: center;
		color: #000;
		background: #fff;
		margin: 0; padding: 5px 0;
		}


/*  BODY STYLES  */
/*  INTRO BODY STYLES  */

td.intro {
	width: auto;  									/* width: 300px */
	background: #fff;
	vertical-align: top;
	}
		
	td.intro h4.tag2 {
		margin: 3px 0 0 20px; padding: 0;
		font: bold 12px/20px Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		color: #000;
		}
		
	div#introcontent {
		margin: 42px 20px 0 20px;
		}
		
		div#introcontent ul.sidemenu {
			display: none;                       /* DO NOT PRINT MENU */
			margin-left: -20px; padding: 0;
			width: 10em;
			}
			
		div#introcontent ul.sidemenu li {
			position: relative;
			padding: 5px 5px 5px 20px; margin: 2px 0;
			list-style: none;
			background: #fff;
			}
			
		div#introcontent ul.sidemenu li:hover {
			background: #fff;
			}
			
		div#introcontent ul.sidemenu li a {
			display: block;
			font: bold 11px/11px Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			}
			
			
	
	div#introcontent h1 {
		margin: 0; padding: 0;
		font: bold 2em/1.5em Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		}
		
	div#introcontent p {
		font: .85em/2em Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		}
		
/*  HOMEPAGE BODY STYLES  */
		
td.info {
	width: 400px;
	background: #fff;
	vertical-align: top;
	}

	img.flash {padding: 65px 10px;}
	
/*  INTERIOR BODY STYLES  */
	
td.infoint {
	width: 400px;
	background: #fff;
	vertical-align: top;
	}
	
	div#infocontent {
		width: 381px;
		padding: 0 0 30px 10px; margin: 0;     /* top: 87px is level with intro paragraph */
		}
		
	div#infocontent h2 {
		margin: 0; padding: 1em 0 0 0;
		font: bold 1.4em/1.5em Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		}
	
	div#infocontent p {
		margin: 0; padding: 0;
		font: .85em/2em Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		}
	
	div#infocontent ul {
		margin: 0; padding: 0 0 0 2em;
		font: .85em/2em Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		}
	
	
	
/*  BODY - QUICKNAV NAV STYLES  */
	
td.quicknav {
	width: 100px;
	background: #fff;
	vertical-align: top;
	border-left: 1px solid #67673F;
	}
	
td.quicknavint {
	background: #fff;
	vertical-align: top;
	border-left: 1px solid #67673F;
	}
	
	div#subnav {
		display: none;                      /* DO NOT PRINT MENU */
		margin: 0;
		font: .8em/1.2em Trebuchet MS, Verdana, Arial, helvetica, sans-serif;
		}
		
		div#subnav ul {
			margin: 0; padding: 0;
			width: 100%;
			}
		
		div#subnav li {
			margin: 0; padding: 0;
			list-style: none;
			}
			
		div#subnav li:hover {
			margin: 0; padding: 0;
			}
			
		div#subnav li a {
			margin: 0; padding: 5px;
			display: block;
			color: #67673F;
			text-decoration: none;
			}
			
		div#subnav li a:hover {
			margin: 0; padding: 5px;
			color: #fff;
			background: #fff;
			}


/*  FOOTER STYLES  */


tr.footer {border-bottom: 1px solid #494924;}

	td.copyright {
		width: auto;  									/* width: 300px */
		background: #fff;
		vertical-align: top;
		}
		
		td.copyright p {
			font: .8em/1.2em Trebuchet, Verdana, Arial, helvetica, sans-serif;
			color: #000;
			margin: 20px 0 0 10px;
			}
		
	td.contact {
		width: 400px;
		background: #fff;
		vertical-align: top;
		}
		
		td.contact p {
			font: .8em/1.2em Trebuchet, Verdana, Arial, helvetica, sans-serif;
			color: #000;
			margin: 20px 0 0 10px;
			}
	
	td.languages {
		width: 100px;
		background: #fff;
		text-align: center;
		}