/* ------------------------------------------------------
	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%;
}




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


a {
	color: white;
}
a:hover {
	color: rgb(255,128,0);				/* Site Color: Hilight Orange */
}

h1, h2, h3 {
	font-weight: bold;
	color: rgb(30%,30%,30%);			/* Site Color: Header Gray */
	margin: 10px 0;	
	text-align: left;
}
h1 {
	font-size: 120%;
	margin: 20px 0;	
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 90%;
}

/* Main Centered Box */
#centerBox {
	margin: 0 auto;
	width: 816px;
}


/* Site Header, Logo and Main Menus */
#logoBox {
	height: 110px;
	position: relative;
	text-align: left;
}
	#logoBox img {
		margin-top: 35px;
	}

#menuBox {
	height: 82px;
	background: url(/images/menu-border.gif) no-repeat;	
	text-align: left;
}
	#menuBox ul {
		font-size: 115%;
		font-weight: bold;
		color: white;	
	}	
		#menuBox ul li {
			float: left;
			display: inline;
			height: 82px;
			width: 136px;
			margin: 0;
			list-style-type: none;
			background: url(/images/menu-item-border.gif) top right no-repeat;
			position: relative;
			cursor: default;
		}	
			#menuBox ul li .lowerLine {
				display: block;
				font-size: 75%;
				font-weight: normal;
			}	
			#menuBox ul li a {
				text-decoration: none;
				display: block;
				height: 82px;
				width: 135px;
				color: rgb(70%,70%,70%);			/* Site Color: Header Gray */	
				cursor: pointer;
			}	
			#menuBox ul li a:hover {
				color: rgb(255,128,0);				/* Site Color: Hilight Orange */
				background: url(/images/menu-selected-item-border.gif) right bottom no-repeat;
			}	
				#menuBox ul li .wrap {
					display: block;
					position: absolute;
					height: 52px;
					width: 115px;
					top: 30px; left: 10px;
				}
			#menuBox ul li #selectedMainMenu {
				background-color: rgb(255,128,0);				/* Site Color: Hilight Orange */
				display: block;
				position: absolute;
				height: 2px;
				width: 135px;
				top: 80px; left: 0;	
			}
			
			
				
#subMenuBox {
	margin: 25px 0 40px 0;
	height: 20px;
	text-align: left;
}
	#subMenuBox ul,
	#footerBox ul {
		font-size: 100%;
		font-weight: bold;
	}
	#subMenuBox ul {
		color: rgb(255,128,0);				/* Site Color: Hilight Orange */
	}
	#footerBox ul {
		color: white;
	}
		#subMenuBox ul li,
		#footerBox ul li {
			float: left;
			display: inline;
			margin: 0;
			list-style-type: none;
			position: relative;
			cursor: default;
		}
			#subMenuBox ul li a,
			#footerBox ul li a {
				text-decoration: none;
				color: rgb(70%,70%,70%);			/* Site Color: Header Gray */	
				cursor: pointer;
			}	
			#subMenuBox ul li a:hover  {
				color: white;
			}
			#footerBox ul li a:hover {
				color: rgb(255,128,0);				/* Site Color: Hilight Orange */
			}
		#subMenuBox ul li .sep,
		#footerBox ul li .sep {
			margin: 0 5px;
			font-weight: normal;
			color: rgb(30%,30%,30%);			/* Site Color: Darik Gray */	
		}
	
	
/* Page Contents */
#contentsBox {
	color: rgb(90%,90%,90%);					/* Site Color: Light Text Gray */	
	text-align: center;
	line-height: 1.4em;
}
	#contentsBox h1, 
	#contentsBox h2, 
	#contentsBox h3, 
	#contentsBox p, 
	#contentsBox ol, 
	#contentsBox ul
	{
		padding-left: 410px;
		text-align: left;
		color: rgb(90%,90%,90%);					/* Site Color: Light Text Gray */	
		clear: both;
	}
	#contentsBox h1 {
		color: white;
	}
	#contentsBox h3 {
		font-style: italic;
	}

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


/* Footer */
#footerBox {
	margin: 55px 0 10px 0;
	height: 35px;
	text-align: left;
}
	#footerMenuSelected {
		border-bottom: 2px rgb(255,128,0) solid;
	}
#copyright {
	margin: 40px auto 10px auto;
	width: 816px;
	text-align: right;
	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;
	}
	


	
/* *********** DWA Component CSS ***********  */
/* Full Width Image */
.dwa-fullWidthImage {
	margin: 15px auto;
	padding: 6px;
	border: 1px rgb(40%,40%,40%) solid;				/* Site Color: Dark Image Border Gray */	
}
	.dwa-fullWidthImage p {
		margin: 5px 0 3px 0 !important;
		text-align: right !important;
		padding: 0 0 0 0 !important;
		color: rgb(70%,70%,70%) !important;			/* Site Color: Header Gray */	
		font-size: 75% !important;
		line-height: 1.2em !important;
	}

/* Triple Images Set */
.dwa-tripleImagesBox {
	margin: 15px auto;
	clear: both;
}
	.dwa-tripleImagesBox .dwa-tripleImageL,
	.dwa-tripleImagesBox .dwa-tripleImageM,
	.dwa-tripleImagesBox .dwa-tripleImageR {
		float: left;
		display: inline;
		margin: 0 0 15px 0;
		width: 235px;
		height: 222px;
		padding: 6px;
		border: 1px rgb(40%,40%,40%) solid;			/* Site Color: Dark Image Border Gray */	
	}
		.dwa-tripleImagesBox p {
			margin: 5px 0 3px 0 !important;
			text-align: right !important;
			padding: 0 0 0 0 !important;
			color: rgb(70%,70%,70%) !important;			/* Site Color: Header Gray */	
			font-size: 75% !important;
			line-height: 1.2em !important;
		}
	.dwa-tripleImagesBox .hSpacer {
		float: left;
		display: inline;
		height: 25px;
		width: 34px;
	}
	
/* Double Images Horizontal Set */
.dwa-doubleImagesBox {
	margin: 15px auto;
	clear: both;
}
	.dwa-doubleImagesBox .dwa-doubleImageR,
	.dwa-doubleImagesBox .dwa-doubleImageL {
		float: left;
		display: inline;
		margin: 0 0 15px 0;
		width: 374px;
		height: 254px;
		padding: 6px;
		border: 1px rgb(40%,40%,40%) solid;			/* Site Color: Dark Image Border Gray */	
	}
		.dwa-doubleImagesBox p {
			margin: 5px 0 3px 0 !important;
			text-align: right !important;
			padding: 0 0 0 0 !important;
			color: rgb(70%,70%,70%) !important;			/* Site Color: Header Gray */	
			font-size: 75% !important;
			line-height: 1.2em !important;
		}
	.dwa-doubleImagesBox .hSpacer {
		float: left;
		display: inline;
		height: 25px;
		width: 40px;
	}
	
/* Double Images Portrait Set */
.dwa-doubleImagesPortraitBox {
	margin: 15px auto;
	clear: both;
}
	.dwa-doubleImagesPortraitBox .dwa-doubleImageL,
	.dwa-doubleImagesPortraitBox .dwa-doubleImageR {
		float: left;
		display: inline;
		margin: 0 0 15px 0;
		width: 274px;
		height: 416px;
		padding: 6px;
		border: 1px rgb(40%,40%,40%) solid;			/* Site Color: Dark Image Border Gray */	
	}
		.dwa-doubleImagesPortraitBox p {
			margin: 5px 0 3px 0 !important;
			text-align: right !important;
			padding: 0 0 0 0 !important;
			color: rgb(70%,70%,70%) !important;			/* Site Color: Header Gray */	
			font-size: 75% !important;
			line-height: 1.2em !important;
		}
	.dwa-doubleImagesPortraitBox .hSpacer {
		float: left;
		display: inline;
		height: 25px;
		width: 40px;
	}
	.dwa-doubleImagesPortraitBox .hDoubleSpacer {
		float: left;
		display: inline;
		height: 25px;
		width: 100px;
	}
	

.dwa-vSpacer20 {
	clear: both;
	height: 20px;
}