body { background-image: url(../images/bg-stripe1.gif)  /*#333300*/; font-family: arial, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

	p, input, h1, h2, h3, h4, h5, h6, h7 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

	.clearMe { clear: both; }
	
	#container {
		width: 840px;
		margin-left: auto; margin-right: auto;
		border-right: 1px solid black;
		border-left: 1px solid black;
	}

	#topSpanningBar {
		height: 20px;
		background-color: #353535;
		background-repeat: repeat-x;
	}

	#bottomSpanningBar {
		height: 45px;
		background-color: #353535;
		background-repeat: repeat-x;
		z-index: 0;
	}

	#contentLeft {
		width: 640px;
		height: 585px;
		float: left;
	}

	#contentRight {
		width: 199px;
		height: 585px;
		float: right;
		background-color: #646464;
		border-left: 1px dotted #CDA5A5;
	}

	#titleArea {
		width: 640px;
		height: 90px;
		position: relative;
		background-color: black;
	}

	#logo {
		position: absolute; top: 20px; left: 30px;
		/* background-image: url(../images/collinmoshman-text.gif);
		width: 259px; height: 36px; */
	}

	#taSubtitle {
		position: absolute; top: 58px; left: 325px;
		width: 280px; height: 20px;
		color: #888;
		font-family: verdana, arial, sans-serif;
		font-size: 12px; font-weight: normal; font-style: italic;
	}

	.containerBarVanity {
		width: 100%; height: 7px;
		background-color: #990618;
	}

	#mainContent {
		position: relative;
		height: 456px;
		background-color: white;
		overflow: auto;
	}

	#homePageContent {
		margin: 30px 30px 30px 30px;
		font-family: verdana, arial, sans-serif;
		font-weight: normal;
		text-align: left;
		height: 388px; overflow: hidden;
	}

	.aligncenter {
		margin-left: auto; margin-right: auto;
		text-align: center;
	}

/* ------- Content Right -------- */

#cr_container {
	margin: 15px 15px 15px 15px;
}

#collinHeadshot { 
	margin-left: 22px;
	border: 1px solid #888;
}

#collinBioText {
	margin: 25px 0px 0px 0px;
	font-family: verdana, arial, sans-serif;
	font-weight: normal; text-align: left;
	color: #CCC; font-size: 12px;
}

/* ------- Nav Bar ------- */

#mainNav {
	width: 640px; height: 35px;
	/* background-image: url(../images/navBG.jpg); */
	background-color: #990618;
	overflow: hidden;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

#mainNav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.mainNavListItem {
	height: 13px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	
	border-right: 1px solid white;

}

.mainNavP {
	margin-top: -1px;
	height: 12px;
	font-size: 12px; font-variant: small-caps; font-weight: bold; 
	text-align: center; font-family: verdana, arial, sans-serif;

}

.mainNavLink { text-decoration: none; }
.mainNavLink:link { color: white; }
.mainNavLink:visited { color: white; }
.mainNavLink:hover { color: white; }
.mainNavLink:active { color: #121A41; }

#selectedMainNavListItem {
	/* background-color: #929090; */
	background-color: #4E4E68;
	z-index: 10;
	margin: 0px 0px 0px 0px; 
}

#selectedMainNavP {
	font-weight: bold; color: white;
}

#selectedMainNavLink:link { color: white; }
#selectedMainNavLink:visited { color: white; }

#underNavBar {
	width: 100%; height: 0px;
	background-color: white;
	border-bottom: 1px solid #B3363E;
}

/* ---------- FOOTER ---------- */

/* How this works:
 * - Make the top-level footer element span the width of its container, which is the bottom-spanning-bar, which itself spans the whole page width.
 * - Make a P inside the footer element which has a defined width (equal to the overall site container's width), and center it via margin: auto.
 * - For some godforsaken reason, the P needs a border around it in order to render correctly as a block-level element in all browsers.
 * - To acheive reasonable positioning behavior within the footer containing div, the P needs to be vertically positioned relatively. Margin/Padding
 *   failed to acheive any success.
 */
#footer {
	width: 100%;
	z-index: 10;
	position: relative;
}
#footerText {
	position: relative; top: 14px;
	margin-left: auto; margin-right: auto;
	border: 1px solid #353535;
	width: 1033px;
	font-size: 13px; color: #AAA;
	text-align: center;
	z-index: 11;
}

	


/* ------------- BOTTOM VANITY STUFF -------------- */

	#visualStrip {
		height: 180px;
		background-color: #353535;
	}

	.stripItem {
		margin: 14px 0px 0px 48px;
		float: left;
		position: relative;
	}
	* html .stripItem { margin-left: 24px; }

	.stripImage {
		width: 213px; height: 133px;
		border: 1px solid #555;
	}

	#dynamicImageWrapper {
		margin-bottom: 4px;
		width: 213px; height: 133px;		
		text-align: center;
		background-color: black;
		border: 1px solid #555;
		float: left;
	}
	#dynamicImageWrapper:hover { border: 1px solid white; }
	.dynamicImageLink { border: 0px dotted black; text-decoration: none; }
	.dynamicImage { border: 0px; }

	.stripItemText {
		top: 138px; left: 0px;
		width: 245px; height: 22px;
		margin: 2px 0px 0px 0px;
		color: #B6B6B6;
		overflow: hidden;
		position: absolute;
		text-align: left;
		font-size: 16px;
	}

	.stripItemTextLink:link { color: #B6B6B6; text-decoration: none; }
	.stripItemTextLink:visited { color: #B6B6B6; text-decoration: none; }
	.stripItemTextLink:hover { color: white; text-decoration: none; }
	.stripItemTextLink:active { color: yellow; text-decoration: none; }

	.stripImage:hover { cursor: pointer; border: 1px solid white; }
	.stripItemText:hover { cursor: pointer; color: white; }

	#readMoreBlocks {
		height: 200px;
		background-color: white;
	}

	.readMoreText {
		position: relative;
		width: 216px; height: 123px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: verdana, arial, sans-serif;
		font-weight: normal; font-size: 11px;
		text-align: left;
		color: #888;
		border-bottom: 1px solid #B5A687;
		overflow: hidden;
		z-index: 2;
	}

	.whiteBar {
		position: absolute; bottom: 0px; left: 0px;
		width: 100%; height: 9px;
		z-index: 5;
		background-color: white;
	}

	.readMoreLinkArea {
		margin-top: 3px;
		width: 216px;
		color: #141414;
		text-align: right;
		font-family: verdana, arial, sans-serif;
		font-weight: bold; font-size: 12px;
	}

	.readMoreTitle {
		margin: 0px 0px 8px 0px;
		font-weight: bold;
	}

	

	.readMoreTitleLink:link { color: #888; text-decoration: none; }
	.readMoreTitleLink:visited { color: #888; text-decoration: none; }
	.readMoreTitleLink:hover { color: #B5A687; text-decoration: underline; }
	.readMoreTitleLink:active { color: yellow; text-decoration: underline; }

	.readMoreLink:link { color: #141414; text-decoration: underline; }
	.readMoreLink:visited { color: #141414; text-decoration: underline; }
	.readMoreLink:hover { color: #B5A687; text-decoration: underline; }
	.readMoreLink:active { color: yellow; text-decoration: underline; }