/* ------------------------------------------------------
	CSS for the Dihedrals.com site.
	Main file included in all pages on this site.
-------------------------------------------------------*/
html {
	overflow-y: scroll;
	height: 100%;
}
body {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;					/* Site Color: Black */
	text-align: center;
	height: 100%;
	background: url(../images/background.gif) top center repeat-x;
}

/*
* Site Colors:
*	color: black;					Site Color: Black
*	color: rgb(0,169,79);			Napasol Green
*	color: rgb(255,221,0);			Napasol Yellow
*	color: rgb(194,162,3);			Napasol Gold
*/


* {
	padding: 0;
	margin: 0;
}
img {
	border: none;
	vertical-align: bottom;
}
.clear {
	clear: both;
}


a {
	color: rgb(0,169,79);							/* Site Color: Napasol Green */	
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: rgb(0,220,0);				/* Site Color: Visited Link Dark Green */
}

h1, h2, h3 {
	font-weight: bold;
	color: rgb(194,162,3);								/* Site Color: Napasol Gold */
	letter-spacing: 0.01em;
}
h1 {
	color: black;
	font-size: 15px;
	line-height: 1.2em;
}
h2  {
	font-size: 12px;
}
h3  {
	font-size: 12px;
	font-style: italic;
}


/* Header - Logo - Lang Menus */	
#headerBox {
	margin: 12px auto 0;
	width: 1000px;
	height: 262px;
	position: relative;
	top: 0; left: 0;
	text-align: left;
	background: url(../images/header-background.jpg) 30px 0 no-repeat;
	
}
	#headerBox #logo {
		position: absolute;
		top: 20px; 
		left: 550px;
	}
	#headerBox #headerImage {
		position: absolute;
		top: 0; 
		left: 51px;
		width: 480px;
		height: 260px;
		background: url(../images/user/fruit-and-nuts.jpg) 0 -100px no-repeat;
	}
	#headerBox #langBar {
		position: absolute;
		top: 185px; 
		left: 0;
		width: 1000px;
		height: 42px;
	}
		#headerBox #langBarLeft {
			float: left;
			display: inline;
			width: 26px;
			height: 42px;
			background: url(../images/langbar-left.png) top left no-repeat;
		}
		#headerBox #langBarMid {
			float: left;
			display: inline;
			width: 948px;
			height: 42px;
			background: url(../images/langbar-mid.png) top left repeat-x;
			cursor: default;
			font-weight: bold;
			font-size: 12px;
		}
		#headerBox #langBarRight {
			float: left;
			display: inline;
			width: 26px;
			height: 42px;
			background: url(../images/langbar-right.png) top left no-repeat;
		}
		
			/* Lang Menu */
			#headerBox #langBarMid #langMenu li {
				float: left;
				display: inline;
				margin: 0 0 0 20px;
				padding: 13px 0 3px;
				list-style-type: none;
				color: rgb(194,162,3);								/* Site Color: Napasol Gold */	
			}
				#headerBox #langBarMid #langMenu li a {
					text-decoration: none;
					color: rgb(0,169,79);							/* Site Color: Napasol Green */	
					text-shadow: white 1px 1px 2px;
				}
					#headerBox #langBarMid #langMenu li a:hover {
						text-decoration: underline;
						text-shadow: rgb(80%,80%,80%) 1px 1px 2px;
					}
				#headerBox #langBarMid #langMenu .lastLangMenu {
					
				}


/* Main Contents Box */	
#centerBox {
	margin: 20px auto 0;
	width: 1000px;
	min-height: 500px;
	text-align: left;
}

	/* Main V Menu */
	#centerBox #menuBox {
		margin: 0 0 0 29px;
		float: left;
		display: inline;
		position: relative;
		z-index: 1000;
		width: 245px;
		color: rgb(194,162,3);											/* Site Color: Napasol Gold */	
		text-align: left;
		cursor: default;
		background: url(../images/vmenu-top.jpg) top left repeat-y;		/* Darker 'top' band of grey */
	}
		#centerBox #menuBox #main {
			margin: 20px 0 0 0;											/* This defines the height of the dark grey band */
			list-style-type: none;
			font-weight: bold;
			font-size: 14px;
			background: url(../images/vmenu-mid.jpg) top left repeat-y;	/* Lighter 'body' band of grey */
			overflow: visible;
		}
			#centerBox #menuBox #main li {
				padding: 10px 0;
				text-shadow: white 1px 1px 1px;
				background: url(../images/v-menu-sep.jpg) left top no-repeat;
			}
				#centerBox #menuBox #main .wrap {
					display: block;
					padding: 0 0 0 40px;
				}
				#centerBox #menuBox #main .selectedMainMenu .wrap {
					background: url(../images/selected-main-menu.gif) 15px 1px no-repeat;
				}

				#centerBox #menuBox #main .lastMainMenu {
					
				}
				
			#centerBox #menuBox #main li a {
				display: block;
				width: 100%;
				text-shadow: rgb(80%,80%,80%) 1px 1px 1px;
				color: rgb(15%,15%,15%);
			}
				#centerBox #menuBox #main li a:hover {
					text-shadow: white 1px 1px 2px;
					color: rgb(0,169,79);							/* Site Color: Napasol Green */	
				}
			
			
			#centerBox #menuBox #boxBottom {
				width: 245px;
				height: 2px;
				background: url(../images/v-menu-sep.jpg) left top no-repeat;
			}

			
			/* SUB V Menu */
			#centerBox #menuBox #main #sub {
				margin: 12px 0 0;
				padding: 8px 0 0;
				list-style-type: none;
				font-weight: normal;
				font-size: 12px;
				overflow: hidden;
				background: url(../images/v-menu-sep.jpg) left top no-repeat;
			}
				#centerBox #menuBox #main #sub li {
					padding: 0;
					background: url(../images/sub-menu-bar.gif) 46px -25px no-repeat;
				}
					#centerBox #menuBox #main #sub li a {
						display: block;
						padding: 3px 0 3px 60px;
						width: 185px;
					}
					#centerBox #menuBox #main #sub li a:hover {
						background: rgb(85%,85%,85%) url(../images/sub-menu-bar.gif) 46px 6px no-repeat;
					}
			
			
					#centerBox #menuBox #main #sub .selectedSubMenu {
						padding: 3px 0 3px 60px;
						background: rgb(85%,85%,85%) url(../images/sub-menu-bar.gif) 46px 6px no-repeat;
					}
						#centerBox #menuBox #main #sub .selectedSubMenu a {
							padding: 0;
						}
						#centerBox #menuBox #main #sub .selectedSubMenu a:hover {
							background: none;
						}
			
			
	/* Center Content Column */
	#centerBox #contentCol {
		margin: 0 0 0 55px;
		float: left;
		display: inline;
		width: 445px;
		min-height: 400px;
	}
		
		
		#centerBox #contentCol h1,
		#centerBox #contentCol h2,
		#centerBox #contentCol h3,
		#centerBox #contentCol p, 
		#centerBox #contentCol ol, 
		#centerBox #contentCol ul {
			margin: 0 40px 8px 0;
		}
		
		#centerBox #contentCol p, 
		#centerBox #contentCol ol, 
		#centerBox #contentCol ul {
			color: rgb(25%,25%,25%);
		}
		
		#centerBox #contentCol p {
			font-size: 12px;
			line-height: 1.8em;
		}
		
		#centerBox #contentCol ol li, 
		#centerBox #contentCol ul li {
			margin: 0 0 6px 50px;
			line-height: 1.4em;
			font-size: 11px;
		}
		
		#centerBox #contentCol a {
			text-decoration: underline;
		}
		
		
			
	/* Info [right] Column */
	#centerBox #infoCol {
		margin: 0;
		float: left;
		display: inline;
		width: 180px;
		min-height: 300px;
	}
		
		#centerBox #infoCol h1,
		#centerBox #infoCol h2,
		#centerBox #infoCol h3,
		#centerBox #infoCol p, 
		#centerBox #infoCol ol, 
		#centerBox #infoCol ul {
			font-size: 85%;
			margin: 0 0 8px 0;
		}
		
		
		#centerBox #infoCol p, 
		#centerBox #infoCol ol, 
		#centerBox #infoCol ul {
			color: rgb(25%,25%,25%);
		}
		
		#centerBox #infoCol p {
			line-height: 1.6em;
		}
		
		#centerBox #infoCol ol li, 
		#centerBox #infoCol ul li {
			margin: 0 0 6px 30px;
		}
		
		#centerBox #infoCol a {
			text-decoration: underline;
		}
		
				
	/* Info [right] Column : Password Request */
	#centerBox #infoColReqMsg {
		margin: 0 0 15px 0;
		float: left;
		display: inline;
		width: 180px;
	}
		
		#centerBox #infoColReqMsg h1,
		#centerBox #infoColReqMsg h2,
		#centerBox #infoColReqMsg h3,
		#centerBox #infoColReqMsg p, 
		#centerBox #infoColReqMsg ol, 
		#centerBox #infoColReqMsg ul {
			font-size: 85%;
			margin: 0 0 8px 0;
		}
		
		
		#centerBox #infoColReqMsg p, 
		#centerBox #infoColReqMsg ol, 
		#centerBox #infoColReqMsg ul {
			color: rgb(25%,25%,25%);
		}
		
		#centerBox #infoColReqMsg p {
			line-height: 1.6em;
		}
		
		#centerBox #infoColReqMsg ol li, 
		#centerBox #infoColReqMsg ul li {
			margin: 0 0 6px 30px;
		}
		
		#centerBox #infoColReqMsg a {
			text-decoration: underline;
		}
			
/* Custom Password Request Form : Downloads pages */
#form_container {
	margin: 0 0 15px;
	text-align: left;
	float: left;
	display: inline;
	width: 180px;
	background-color: rgb(90%,90%,90%);
}
	#form_container #form_errors {
		color: maroon;
		margin: 10px 0;
	}
	.DWA_ThanksHeading {
		font-size: 14px !important;
		font-weight: bold !important;
		color: rgb(0,169,79);							/* Site Color: Napasol Green */	
	}
	.DWA_ThanksMessage {
		color: black !important;
	}
	.required {
		color: maroon;
		font-weight: bold;
	}
	
	#form_container h1,
	#form_container h2,
	#form_container h3,
	#form_container p, 
	#form_container ol, 
	#form_container ul {
		font-size: 85%;
		margin: 0 15px 8px;
	}
	#form_container ul {
		list-style-type: none;
	}
		#form_container ul li {
			margin: 0 0 6px;
		}
	#form_container #comments {
		width: 142px;
	}
	
	#saveForm {
		font-size:11px;
		padding: 0 5px;
		margin: 3px auto;
	}
	
	#formErrTitle {
		color: maroon !important;
		font-weight: bold;
		font-size: 14px !important;
		padding: 5px !important;
		margin: 15px 0 15px 0 !important;
		background-color: yellow !important;
	}
	#formErrMsg {
		padding: 5px !important;
		background-color: yellow !important;
	}
	
	.DWA_ErrHeading {
		color: maroon !important;
		font-weight: bold;
		font-size: 14px !important;
	}


/* Footer */
#footerBox {
	margin: 0;
	position: relative;
	width: 100%;
	height: 230px;
	text-align: center;
	background-color: rgb(90%,90%,90%);
}
	#footerBox #contactBoxBottom {
		margin: 0 auto;
		position: relative;
		width: 1000px;
		height: 96px;
	}
		#footerBox #contactBoxBottom #contactbottom {
			position: absolute;
			top: 10px;
			left: 776px;
			text-align: left;
			color: rgb(40%,40%,40%);
			font-size: 11px;
		}
			#footerBox #contactBoxBottom #contactbottom p {
				line-height: 1.4em;
			}
			#footerBox #contactBoxBottom #contactbottom p a {
				color: black;
				text-shadow: rgb(70%,70%,70%) 1px 1px 2px;
			}
			#footerBox #contactBoxBottom #contactbottom p a:hover {
				color: rgb(194,162,3);								/* Site Color: Napasol Gold */	
				text-shadow: white 1px 1px 2px;
				text-decoration: underline;
			}
	
	/* Footer Menu */
	#footerBox #footerMenu {
		margin: 0 auto;
		position: relative;
		width: 100%;
		height: 90px;
		text-align: center;
		background-color: rgb(10%,10%,10%);
		color: rgb(255,221,0);											/* Site Color: Napasol Yellow */	
	}
		#footerBox #footerMenu ul {
			margin: 0 auto 0;
			padding-top: 20px;
			width: 1000px;
			height: 70px;
			background: url(../images/user/napasol-grey.png) right center no-repeat;
			list-style-type: none;
			font-size: 14px;
			text-shadow: black 2px 2px 2px;
			cursor: default;
		}
			#footerBox #footerMenu ul li {
				margin: 0 10px 0;
				float: left;
				display: inline;
			}
				#footerBox #footerMenu ul li a {
					margin: 0 0;
					float: left;
					display: inline;
					color: white;
				}
				
			#footerBox #footerMenu ul .firstFooterMenu {
				margin-left: 0 !important;
			}
			#footerBox #footerMenu ul .lastFooterMenu {
				
			}
	
	
	
	

	#footerBox #copyright {
		margin: 10px auto 0;
		position: relative;
		width: 1000px;
		text-align: left;
		font-size: 9px;
		cursor: default;
		color: rgb(60%,60%,60%);
	}
		#footerBox #copyright #dwa a {
			cursor: default;
			color: rgb(60%,60%,60%);
			text-decoration: none;
		}
		#footerBox #copyright a {
			padding: 0 !important;
			color: rgb(60%,60%,60%);
			font-weight: bold;
			background-color: transparent !important;
		}
		#footerBox #copyright a:hover {
			text-decoration: underline;
		}





/* *********** CORE Toolbox Components ***********  */

/* Image Float Left */
.dwa-imageFloatLeft {
	float: left;
	display: inline;
	margin: 5px 15px 10px 0;
	clear: left;
}
	.dwa-imageFloatLeft img {
		
	}

/* Image Float Right */
.dwa-imageFloatRight {
	float: right;
	display: inline;
	margin: 5px 40px 10px 15px;
	clear: right;
}
	.dwa-floatRightImg img {
		
	}
#infoCol .dwa-imageFloatRight {
	margin-right: 0;
}


/* Image Centered */
.dwa-imageCentered {
	margin: 10px 0 10px 0;
	text-align: center;
	width: 405px;
	position: relative;
}
	.dwa-imageCentered img {
		margin: 0 auto;
	}
	
	
#infoCol .dwa-imageCentered {
	text-align: center;
	width: 180px;
	left: 0;
}
	#infoCol .dwa-imageCentered img {
		margin: 0 auto;
	}

/* Full Width Image */
.dwa-imageFullWidth {
	margin: 0 40px 8px 0;
	position: relative;
	width: 923px;
	left: -300px;
	text-align: center;
	overflow: visible;
}
	.dwa-imageFullWidth img {
		margin: 0 auto;
	}





/* vSpacers */
.dwa-vSpacer10 {
	clear: both;
	height: 10px;
}	
.dwa-vSpacer25 {
	clear: both;
	height: 25px;
}	
.dwa-vSpacer50 {
	clear: both;
	height: 50px;
}




/* Tables */
.dwa-table3ColHeader {
	width: 405px;
	margin-right: 40px;
	min-height: 5px;
	background-color: rgb(0,169,79);							/* Site Color: Napasol Green */	
}	
	.dwa-table3ColHeader h2 {
		margin: 0 !important;
		padding: 3px 0 3px 3px;
		width: 128px;
		color: white;
		font-weight: bold;
		float: left;
		display: inline;
	}	
		.dwa-table3ColHeader .header1,
		.dwa-table3ColHeader .header2 {
			border-right: 1px white solid;
		}

.dwa-table3ColRow {
	width: 405px;
	margin-right: 40px;
	min-height: 5px;
	background-color: rgb(90%,90%,90%);
	border-top: 1px rgb(70%,70%,70%) solid;
}	
	.dwa-table3ColRow p {
		margin: 0 !important;
		padding: 4px 0 4px 3px !important;
		width: 128px !important;;
		color: black !important;
		float: left;
		display: inline;
		font-size: 11px !important;
		line-height: 1em !important;
	}	
		.dwa-table3ColRow .row1,
		.dwa-table3ColRow .row2 {
			border-right: 1px white solid;
		}