/* reset */
html, body, div, span, applet, object, iframe, 
	h1, h2, h3, h4, h5, h6, p, 
		blockquote, pre, a, abbr, acronym, address, 
			big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 
				samp, small, strike, sub, sup, tt, var, dl, dt, dd, 
					ol, ul, li, 
						fieldset, form, label, 
							legend, table, caption, tbody, tfoot, thead, tr, th, td {
								border: 0 none;
								font-family: inherit;
								font-size: 100%;
								font-style: inherit;
								font-weight: inherit;
								margin: 0;
								outline: 0 none;
								padding: 0;
								vertical-align: baseline;
							}
body {
	background-color: #000000;
	color: #FFFFFF;
	font: 12px Calibri,Helvetic,Arial;
	line-height: 1;
	overflow: hidden;
    width: 100%;
}
.content .header h1 {
	color: #151515;
    margin-right: -300px;
    overflow: visible;
    padding: 0 300px 0 10px;
    z-index: 100;
}
.footer {
	bottom: 0;
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%;
}
	.footer p.copyright {
		color: #FFFFFF;
		font: 10px Tahoma;
		text-align: center;
		text-transform: uppercase;
	}
/************************ boxgrid ************************/
/* caption */
.boxgrid {
	background: none repeat scroll 0 0 #161613;
	border: 2px solid #8399AF;
	float: left;
	height: 400px;
	margin: 10px;
	overflow: hidden;
	position: relative;
	width: 508px;
}
	.boxgrid img {
		border: 0 none;
		height: 400px;
		left: -28px;
		position: absolute;
		top: 0;
	}
	.boxgrid h4 {
		font-size: 16px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.boxgrid p {
		color: #AFAFAF;
		font: 10pt/1.2 "Lucida Grande",Arial,sans-serif;
		margin-bottom: 5px;
		padding: 3px 10px;
	}

/* cover - overlay text */
.caption .boxcaption {
    left: 0;
    top: 300px;
}
	.boxcaption {
		background: none repeat scroll 0 0 #000000;
		float: left;
		height: 500px;
		opacity: 0.8;
		position: absolute;
		width: 100%;
	}
		.boxcaption li {
			height: 480px;
		}

/************************ main content DIV ************************/
.content {
    background-color: #151515;
    height: 100%;
    line-height: 18px;
    position: absolute;
    top: 0;
    width: 85em;
}
	.content * {
		clear: both;
	}
	.content a {
		background: none repeat scroll 0 0 #FFFFFF;
		color: #000000;
		padding: 2px 4px;
		text-decoration: none;
	}
	.content h1, 
		.content h2, 
			.content h3 {
		background: none repeat scroll 0 0 #FFFFFF;
		color: #000000;
		float: right;
		font-family: 'Lucida Sans';
		font-weight: bold;
		letter-spacing: -2px;
		margin: 20px -30px 20px 0;
		padding: 0 30px 0 10px;
		text-align: right;
		text-transform: uppercase;
	}
		.content h1 {
			font-size: 36px;
			line-height: 48px;
			margin-top: 30px;
		}
		.content h2 {
			font-size: 24px;
			line-height: 38px;
		}
		.content h3 {
			font-size: 18px;
			line-height: 35px;
		}
	.content p {
		margin-bottom: 10px;
		text-align: justify;
	}
	.content ul, .content ol {
		margin-bottom: 10px;
		padding-left: 20px;
	}

/************************ scrolling content ************************/
#scrollWrap {
    border: 1px solid #DDDDDD;
    height: 424px;
    margin: 5px auto;
    overflow: hidden;
    position: fixed;
	top: 124px;
    width: 530px;
}
	.scrollContent {
		left: 30px;
	}
		.scrollInner {
		height: 450px;
		position: relative;
		}
			.scrollInner h3 {
				float: left;
				margin-bottom: 5px;
			}
			.scrollInner .sub {
				display: inline;
				padding: 17px 0;
				position: relative;
			}
				.scrollInner .sub p {
					line-height: 1.4em;
					margin: 5px;
				}
				/************************ individual adjustments ************************/
					.scrollInner .sub #bio p {
						font-size: 14px;
						padding: 5px 10px;
					}
						.scrollInner .sub #bio p a {
							background-color: #151515;
							color: #FFFFFF;
							margin: 0;
							padding: 0;
							text-decoration: underline;
						}
				.scrollInner .sub li#0 a{
					 background: url(../images/abd.jpg) 0 0 no-repeat;
				}
				.scrollInner .sub li#bio{
					height: 500px;
					padding: 0 12px;
				}			
				.scrollInner .sub #5 div.boxgrid img{
					left: 0;
				}
				.scrollInner br {
					padding:50px;
				}
/************************ sliding menu formatting ************************/
.content #sidebar a {
	padding: 0;
}
	#sidebar {
		left: 633px;
		overflow: hidden;
		position: absolute;
		top: 100px;
		width: 388px;
	}	
	#sidebar #menu {
		height: 500px;
		margin: 0;
		padding: 0;
		/*position: relative;*/
		width: 600px;
	}
		#sidebar #menu li {
			display: block;
			text-align: right;
			float: right;
			clear: both;
			height: 75px;
			margin-top:6px;
		}
			#sidebar #menu li a {
				background: url("") no-repeat 0 0 #000;
				color: #DDDDDD;
				display: block;
				height: 75px;
				text-transform: uppercase;
			}
				#sidebar #menu li a div {
					height: 75px;
					text-align: left;
					width: 355px;
					padding-top: 1px;
				}
					#sidebar #menu li a div h4 {
						color: #FFFFFF;
						font-size: 16px;
						font-weight: bold;
						letter-spacing: 0.5px;
						line-height: 12px;
						margin-left: 160px;
						margin-top: 20px;
					}
					#sidebar #menu li a div p {
						color: #808080;
						margin-left: 160px;
						margin-top: 2px;
					}
			#sidebar #menu li span {
				font-family:georgia, arial;
				font-size:9px;
				color:#464646;
			}
			
/* broswer-specific code */
	body.msie .scrollInner .sub #bio h4 {
		margin: 5px -30px 20px 0px;
	}
	
	body.msie .scrollInner .sub #bio p {
		padding-top: 0;
	}