html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

body, ul, td, .normal {
 	font-family : verdana;
 	font-size : 11px;
	color : #2A2513;
	line-height:150%;
}
	

a { color: #2A2513;  }
a:visited { color:#2A2513; }
a:hover { color: #3E643C; }


a.footernav {
	color: #3E643C;
	text-decoration:none;
}

a.footernav:hover {
	color:#2A2513;
}

a.subnav {
	font-family : tahoma,verdana;
	color: #EAEAE1;
	text-decoration:none;
}

a.subnav:hover {
	color:#AEAE9E;
}

hr {
	background-color:silver;
	border-width:0px;
	height:1px;
	margin:5px 0px;
	clear:both;
}


p {
	margin-top:0
	}


h1, .head  	{
 	font-size : 18px;
 	font-weight : bold;
	color : #2A2513;
	}

h2, .home1 {
	font-weight: bold;
	font-size:12px;
	margin-bottom:0px;
	color : #3E643C;
	}

h3, .home2 {
	font-weight: bold;
	font-size:12px;
	margin-bottom:0px;
	color : #3E643C;
	}

input, select {
 	font-family : verdana, geneva, arial, helvetica;
	font-size : 10px;
}	
	
.input {
	width:150px;
	}

textarea {
 	font-family : courier new, monospaced;
	font-size : 11px;
	width:400px
 	}

.button {
 	font-family : arial;
	font-size : 12px;
	color:black;
	}
 
.dwarf {
	font-family : arial;
	font-size : 10px;
	font-weight:normal;
	letter-spacing:normal;
	}




table {
	border-spacing:0px;
	border-collapse:collapse;
}

td, th {
	padding:4px;
	font-size:10px;
	text-align:left;
	border:1px solid white;
}

thead, tfoot {
	font-size:10px;
}




.trlabel, .tdlabel, .cell, .cell2, .odd, .even {
 	font-family : verdana;
 	letter-spacing:normal;
	font-size : 10px;
}

.trlabel, thead th  {
	font-weight: bold;
	color: #FFFFFF;
	background-color:#3E643C;
	}
	
.tdlabel, tbody th  {
	font-weight: bold;
	color:#000000;
	background-color:#DBDBC7;
	}
	
.cell, .odd  {
	color:black;
	background-color: #f0f0f0;
	}
	
.cell2, .even  {
	color:black;
	background-color: #e0e0e0;
	}
	
.box  {
 	font-family : verdana,arial,helvetica;
 	font-size:10px;
	font-weight:normal;
	letter-spacing:0px;
	}
	
.error {
	color: red;
	font-weight:bold;
	background-color:white;
	}
	
.applyBorder {
	border:solid #3E643C 2px;
}

.hand {
	cursor:pointer;
	cursor:hand;
}

div.clear {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}



	
/* ========== SUB PAGE LAYOUTS ==========
 * 1. Layout A
 * 2. Layout B
 * 3. Layout C
 * 4. Layout D
 * 5. Layout E
 * 6. Layout F
 * 7. Layout G
 * 8. Layout H
 *
 * ===== Layout A ===== */

#pageSummary.layoutA p,
#pageContents.layoutA p,
#pageConclusion.layoutA p,
#pageBullets.layoutA ul,
#pageBullets.layoutA ol {
	padding-left: 0;
}
#imageBlock.layoutA {
	padding: 0 0 0.5em;
}
#imageBlock.layoutA,
#calloutbox.layoutA {
	float: right;
	clear: right;
	margin-left: 1em;
}

/* ===== Layout B ===== */

#imageBlockFeat.layoutB {
	float: left;
	clear: left;
	margin-right: 1em;
}
#imageBlock.layoutB,
#calloutbox.layoutB {
	float: right;
	clear: right;
	margin-left: 1em;
}

/* ===== Layout C ===== */

#calloutbox.layoutC {
	float: left;
	clear: left;
	margin-right: 1em;
}
#imageBlock.layoutC,
#imageBlockFeat.layoutC {
	float: right;
	clear: right;
	margin-left: 1em;
	margin-bottom: 2em;
}

/* ===== Layout D ===== */
#imageBlock.layoutD {
	float: right;
	clear: right;
	margin-left: 1em;
}
#calloutbox.layoutD {
	float: left;
	clear: left;
	margin-right: 1em;
}

/* ===== Layout E ===== */
div.imageBlock.layoutE {
	float: right;
	clear: right;
	padding: 10px;
}
div.imageBlock.layoutE p.imageCaption {
	font-size: 80%;
	text-align: right;
	margin: 0;
	padding: 0;
}
#pageDownloads.layoutE {
	clear: none;
}
	#pageDownloads.layoutE div.pageDownloadBlock.layoutE {
		width: auto;
		float: none;
		clear: left;
		padding: 0 0.5em;
	}

/* ===== Layout F ===== */
#imageBlock.layoutF {
	float: right;
}
#imageBlock.layoutF p#myCaption {
	text-align: center;
}
#imageBlock.layoutF #thumbGallery {
	padding: 0.5em;
	text-align: center;
}
	#imageBlock.layoutF #thumbGallery a.thumbSwitch {
		display: inline-block;
		width: 50px;
		height: 50px;
		padding: 5px;
	}

#calloutbox.layoutF,
#imageBlockFeat.layoutF {
	float: left;
	clear: left;
	margin-right: 1em;
}

/* ===== Layout G ===== */
#videoBlock.layoutG {
	float: right;
	clear: right;
	padding: 0 0 1em 1em;
	text-align: center;
}
	#videoBlock.layoutG #videoWrapper {
		background: transparent url(../image/loading.gif) no-repeat 50% 50%;
		margin: 0 auto;
	}
		#videoWrapper.layoutG object {
			display: block;
			margin: 0 auto;
		}
	#videoBlock.layoutG #videoCaption {
		padding-top: 0.5em;
		text-align: center;
	}

#calloutbox.layoutG {
	float: left;
	clear: left;
	margin-right: 1em;
}

#pageThumbs {
	margin-top: 1em;
}
	#pageThumbs div.vidThumb {
		float: left;
		padding: 0.5em 1.3em 0.5em 0;
		width: 100px;
		text-align: center;
	}
		#pageThumbs div.vidThumb a {
			text-decoration: none;
			font-size: smaller;
			font-weight: bold;
			display: block;
			position: relative;
		}
			#pageThumbs div.vidThumb a img {
				border: 1px solid #CCC;
			}

/* ===== Layout H ===== */
#videoBlock.layoutH {
	float: right;
	clear: right;
	padding: 0 0 1em 1em;
	text-align: center;
}	
	#videoBlock.layoutH #videoWrapper {
		background: transparent url(../image/loading.gif) no-repeat 50% 50%;
		margin: 0 auto;
	}
		#videoWrapper.layoutH object {
			display: block;
			margin: 0 auto;
		}
	#videoBlock.layoutH #videoCaption {
		padding-top: 0.5em;
		text-align: center;
	}
	#videoBlock.layoutH #thumbGallery {
		padding: 1em 0 0.5em;
		margin: 0 auto;
	}
		#videoBlock.layoutH #thumbGallery a.thumbSwitch {
			position: relative;
			display: block;
			float: left;
			width: 50px;
			height: 50px;
			padding: 5px;
			overflow: hidden;
		}
		
#calloutbox.layoutH {
	float: right;
	clear: right;
	margin-left: 1em;
}

#imageBlock.layoutH {
	float: left;
	margin-right: 1em;
}	
	#imageBlock.layoutH #myCaption {
		text-align: center;
	}