/* ------------------------------------------------------
	CSS for the Dihedrals.com site.
	Main file included in all pages on this site.
-------------------------------------------------------*/
html {
	overflow-y: scroll;
	height: 100%;
}
body {
	background-color: black;
	font-family: verdana, "sans serif";
	font-size: 0.8em;
	color: black;
	text-align: center;
	height: 100%;
	background: url(../images/dolie.jpg) repeat;
}

/*
* Site Colors:
* 	rgb(196,176,18)		Ochre
* 	rgb(189,76,0)		Rust
* 	rgb(236,201,179)	Rose
*	rgb(30%,30%,30%)	Link Gray
*/


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


a {
	color: rgb(30%,30%,30%);			/* Site Color: Link Gray */	
}
a:hover {
	color: rgb(189,76,0);				/* Site Color: Rust */
}

h1, h2, h3 {
	font-weight: bold;
	color: black;
	text-align: left;
}
h1 {
	font-size: 100%;
}
h2, h3  {
	font-size: 90%;
	color: rgb(189,76,0);					/* Site Color: Rust */
}
h3  {
	color: rgb(30%,30%,30%);				/* Site Color: Link Gray */
}

/* Main Centered Box */
#centerBoxTop {
	margin: 0 auto;
	width: 1004px;
	height: 38px;
	background: url(../images/contents-box-top.png) no-repeat;
}
#centerBox {
	margin: 0 auto;
	width: 1004px;
	min-height: 300px;
	background: url(../images/contents-box-mid-white.png) repeat-y;
	position: relative;
	top: 0; left: 0;
}
#centerBoxBottom {
	margin: 0 auto;
	width: 1004px;
	height: 38px;
	background: url(../images/contents-box-bottom.png) no-repeat;
}

/* Site Header, Logo and Main Menus */
#logo {
	margin: 0 auto;
	min-height: 10px;
	position: relative;
	text-align: center;
}
	#logo img {
		
	}
	
#languagesMenu {
	margin: 15px auto 25px;
	font-size: 80%;
	font-weight: bold;
	color: rgb(50%,50%,50%);	
	text-align: center;
}	
	#languagesMenu li {
		display: inline;
		margin: 0;
		padding: 0 11px 0 5px;
		list-style-type: none;
		cursor: default;
		color: rgb(189,76,0);					/* Site Color: Rust */
		background: url(../images/lang-menu-sep-gray-square.gif) center right no-repeat;
	}
	#languagesMenu li a {
		text-decoration: none;
		color: rgb(30%,30%,30%);			/* Site Color: Link Gray */	
	}
		#languagesMenu li a:hover {
			color: rgb(196,176,18);			/* Site Color: Ochre */
		}
	#languagesMenu .lastLangMenu {
		background-image: none !important;
	}
			
			

#menuBox {
	width: 860px;
	height: 45px;
	margin: 1px auto 0;
	background-color: rgb(196,176,18);	
	text-align: left;
}
	#menuBox ul {
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.1em;
		color: white;
		text-align: left;
	}	
		#menuBox ul li {
			float: left;
			display: inline;
			height: 45px;
			/* Change Menu item widths here */
			width: 172px;
			list-style-type: none;
			cursor: default;
			background: url(../images/main-menu-sep-vertical-white.gif) top right repeat-y;
		}	
			#menuBox ul li a {
				display: block;
				height: 45px;
				text-decoration: none;
				cursor: pointer;
				color: black;
				line-height: 3.3em;
				text-align: center;
			}
			#menuBox ul li a:hover {
				background: rgb(236,201,179) url(../images/main-menu-sep-vertical-white.gif) top right repeat-y;
			}
				#menuBox ul .selectedMainMenu {
					height: 45px;
					color: white !important;
					background-color: rgb(189,76,0);
					line-height: 3.3em;
					cursor: default;
					text-align: center;
				}
					#menuBox ul .selectedMainMenu a {
						color: white !important;
					}
				#menuBox ul .lastMainMenu {
					background-image: none !important;
				}
					#menuBox ul .lastMainMenu a:hover {
						background-image: none !important;
					}
				
				
				
#subMenuBox {
	margin: 33px auto 0;
	width: 860px;
	height: 45px;
	text-align: left;
	position: relative;
	top: 0;
	left: -10px;		/* Move back flush with left edge. */
}
	#subMenuBox ul {
		font-size: 100%;
		font-weight: bold;
	}
		#subMenuBox ul li  {
			float: left;
			display: inline;
			margin: 0;
			padding: 0 10px;
			list-style-type: none;
			position: relative;
			cursor: default;
			background: url(../images/sub-menu-sep-vertical-light-gray.gif) top right repeat-y;
		}
			#subMenuBox ul li a  {
				text-decoration: none;
				color: rgb(30%,30%,30%);			/* Site Color: Link Gray */	
				cursor: pointer;
			}	
			#subMenuBox ul li a:hover  {
				color: rgb(189,76,0);				/* Site Color: Rust */
			}
			#subMenuBox ul .lastSubMenu {
				background-image: none !important;
			}
			#subMenuBox ul .selectedSubMenu {
				color: rgb(189,76,0);				/* Site Color: Rust */
			}
		
		
	
/* Page Contents */
#contents {
	float: left;
	display: inline;
	margin-left: 71px;
	padding: 25px 0;
	width: 580px;
	color: rgb(10%,10%,10%);
	background: rgb(236,201,179) url(../images/dolie-rose-background.gif) 400px -25px repeat-y;
	text-align: left;
	line-height: 1.5em;
}
#contentsCol {
	padding: 25px 0;
	background-color: rgb(95%,95%,95%);
}

	#contents h1,
	#contents h2,
	#contents h3,
	#contents p, 
	#contents ol, 
	#contents ul
	{
		margin: 0 50px 8px;
	}
	
	#contents h1 {
		color: black;
	}
	#contents h3 {
		font-style: italic;
	}

	#contents p, 
	#contents ol, 
	#contents ul
	{
		font-size: 85%;
	}
	
	#contents ol, 
	#contents ul
	{
		padding-left: 100px;
		margin: 15px 0;
	}
	#contents p {
		text-align: justify;
	}


#sideCol {
	float: left;
	display: inline;
	margin-left: 40px;
	width: 240px;
	color: rgb(20%,20%,20%);
	text-align: left;
	line-height: 1.2em;
}

	#sideCol h1,
	#sideCol h2,
	#sideCol h3,
	#sideCol p, 
	#sideCol ol, 
	#sideCol ul
	{
		margin: 0 0 8px;
	}
	
	#sideCol p, 
	#sideCol ol, 
	#sideCol ul
	{
		font-size: 85%;
	}
	
	#sideCol ol, 
	#sideCol ul
	{
		padding-left: 40px;
		margin: 15px 0;
	}
	#sideCol p {
		text-align: justify;
	}





/* Footer */
#footerBox {
	margin: 0 auto;
	width: 860px;
	height: 80px;
	clear: both;
	text-align: left;
	position: relative;
	top: 0;
	left: -10px;		/* Move back flush with left edge. */
}
	#footerBox ul {
		position: relative;
		top: 30px;
		left: 0px;
		font-size: 90%;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
		#footerBox ul li {
			float: left;
			display: inline;
			margin: 0;
			padding: 0 20px;
			letter-spacing: 0.1em;
			list-style-type: none;
			position: relative;
			cursor: default;
			background: url(../images/sub-menu-sep-vertical-light-gray.gif) top right repeat-y;
		}
			#footerBox ul li a {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				list-style-type: none;
				text-decoration: none;
				position: relative;
				cursor: default;
			}

	#footerBox ul .selectedFooterMenu {
		color: rgb(189,76,0);					/* Site Color: Rust */
	}
		#footerBox ul .selectedFooterMenu a {
			color: rgb(189,76,0) !important;					/* Site Color: Rust */
		}
	#footerBox ul .lastFooterMenu {
		background: none !important;
	}
	
	
#copyright {
	margin: 0 auto;
	width: 860px;
	color: rgb(40%,40%,40%);						/* Site Color: Dark Image Border Gray */	
	font-size: 75%;
	cursor: default;
}
	#copyright #dwa a {
		cursor: default;
		color: rgb(40%,40%,40%);						/* Site Color: Dark Image Border Gray */	
		text-decoration: none;
	}
	#copyright a {
		text-decoration: none;
	}
	#copyright a:hover {
		color: black;
	}
	
#bottomVSpacer {
	clear: both;
	height: 20px;	
}



/* *********** L&F Custom Toolbox Components ***********  */

/* Logo EditBox */
.dwa-headerLogo {
	min-height: 25px;
}
	.dwa-headerLogo img {
		
	}

/* Side Column */
#sideCol .dwa-imageWithLink {
	padding: 10px;
	background-color: rgb(80%,80%,80%);
}
	#sideCol .dwa-imageWithLink img {
		
	}

/* SideBar Heading with Link */
#sideCol .dwa-sideBarHeadingWithLink {
	clear: both;
	background-color: rgb(50%,50%,50%);
}
	#sideCol .dwa-sideBarHeadingWithLink p {
		margin: 0 0 0 10px !important;
		display: block;
		width: 230px;
		height: 22px;
		color: white;
		font-weight: bold;
		line-height: 20px;
		cursor: default;
	}
	#sideCol .dwa-sideBarHeadingWithLink a {
		display: block;
		width: 230px;
		height: 22px;
		color: white;
		background: url(../images/btn-side-bar.png) top right no-repeat;
		font-weight: bold;
		line-height: 20px;
		text-decoration: none;
	}
	#sideCol .dwa-sideBarHeadingWithLink a:hover {
		color: rgb(236,201,179);					/* Site Color: Rose */
		background: url(../images/btn-side-bar.png) bottom right no-repeat;
	}

#sideCol .dwa-htmlCode {
	/* Sorts out a FF & IE bug that shows and extra 3px in the code box. */
	line-height: 0;
	font-size: 0;
	margin: 0 !important;
	padding: 0 !important;
}

/* Image for SideBar with Link */
.dwa-imageForSideBarWithLink {
	margin: 0;
	position: relative;
	top: 0; left: 0;
	text-align: center;
	/* IE 6 fixes - hasLayout for parent */
	width: 240px;
	height: 120px;
}
	.dwa-imageForSideBarWithLink img {
		
	}
	.dwa-imageForSideBarWithLink a {
		position: absolute;
		top: 0; left: 0;
		text-decoration: none;
		width: 100%;
		height: 100%;	
		/* IE 6 fixes - hasLayout & invis image. */
		background: url(../images/invis.gif) repeat;
	}




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

/* Image Float Left */
.dwa-imageFloatLeft {
	float: left;
	display: inline;
	margin: 7px 15px 3px 50px;
	clear: left;
	/*padding: 6px;*/
	/*background-color: rgb(10%,10%,10%);*/
}
	.dwa-imageFloatLeft img {
		
	}

/* Image Float Right */
.dwa-imageFloatRight {
	float: right;
	display: inline;
	margin: 7px 50px 3px 15px;
	clear: right;
	/*padding: 6px;*/
	/*background-color: rgb(10%,10%,10%);*/
}
	.dwa-floatRightImg img {
		
	}

/* Image Centered */
.dwa-imageCentered {
	margin: 7px auto 10px;
	text-align: center;
}
	.dwa-imageCentered img {
		/*border: 6px rgb(10%,10%,10%) solid;*/
	}

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


	
/* *********** CONTENT Toolbox Components ***********  */

/* Image Single ~ Link and Title */
.dwa-imageSingleLinkAndTitle {
	margin: 7px 0 10px 50px;
	position: relative;
	top: 0; left: 0;
	text-align: center;
	/* IE 6 fixes - hasLayout for parent */
	width: 480px;
	height: 260px;
}
	.dwa-imageSingleLinkAndTitle img {
		
	}
	.dwa-imageSingleLinkAndTitle p {
		margin: 2px 0 0 0 !important;
		text-align: center !important;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 11px !important;
		color: rgb(189,76,0);					/* Site Color: Rust */
	}

	.dwa-imageSingleLinkAndTitle a {
		position: absolute;
		top: 0; left: 0;
		text-decoration: none;
		width: 100%;
		height: 100%;	
		/* IE 6 fixes - hasLayout & invis image. */
		background: url(../images/invis.gif) repeat;
	}



/* Image Double ~ Link and Title */
.dwa-imageDoubleLinkAndTitle {
	margin: 7px 0 10px 50px;
	position: relative;
	top: 0; left: 0;
	text-align: center;
	width: 480px;
	height: 260px;
}
	.dwa-imageDoubleLinkAndTitle .dwa-LeftImgBox,
	.dwa-imageDoubleLinkAndTitle .dwa-RightImgBox {
		position: absolute;
		top: 0; left: 0;
		/* IE 6 fixes - hasLayout for parent */
		width: 240px;
		height: 260px;
		overflow: hidden;
	}
	.dwa-imageDoubleLinkAndTitle .dwa-RightImgBox {
		left: 240px;
	}
	.dwa-imageDoubleLinkAndTitle  p {
		margin: 2px 0 0 0 !important;
		text-align: center !important;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 11px !important;
		color: rgb(189,76,0);					/* Site Color: Rust */
	}

	.dwa-imageDoubleLinkAndTitle a {
		position: absolute;
		top: 0; left: 0;
		text-decoration: none;
		width: 100%;
		height: 100%;	
		/* IE 6 fixes - hasLayout & invis image. */
		background: url(../images/invis.gif) repeat;
	}





	
/* *********** Customer Specific Toolbox Components ***********  */


/* Image PopUp - show a large image version in a ShadowBox */
.dwa-imagePopUp {
	margin: 0;
	position: relative;
	top: 0; left: 0;
	text-align: center;
	/* IE 6 fixes - hasLayout for parent */
	width: 240px;
	height: 90px;
}
	.dwa-imagePopUp img {
		
	}
	.dwa-imagePopUp p {
		margin: 0 !important;
	}
		.dwa-imagePopUp p a {
			position: absolute;
			top: 0; left: 0;
			text-decoration: none;
			width: 100%;
			height: 100%;	
			/* IE 6 fixes - hasLayout & invis image. */
			background: url(../images/invis.gif) repeat;
		}

	



/* --- Custom Form --- */
#customForm {
	margin: 0;
	padding: 0;
}

	#customForm .DWA-FormFieldFailed {
		background-color: yellow;
	}
	#customForm #form_errors .DWA_ErrHeading {
		padding: 15px 25px 5px 25px !important;
		margin-bottom: 0 !important;
		background-color: white !important;
	}
	#customForm #form_errors .DWA_ErrMessage {
		padding: 5px 25px 15px 25px !important;
		margin-top: 0 !important;
		background-color: white !important;
	}

	#customForm #form_errors .DWA_ThanksHeading {
		padding: 15px 25px 5px 25px !important;
		margin-bottom: 0 !important;
		background-color: white !important;
		color: navy !important;
	}
	#customForm #form_errors .DWA_ThanksMessage {
		padding: 5px 25px 15px 25px !important;
		margin-top: 0 !important;
		background-color: white !important;
	}