@charset "utf-8";
/* CSS Document */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
	hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
	dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
	sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
	}
	strong, b{ font-weight:bold; }
	em, i{ font-style:italic; }
	/* remember to define focus styles! */
	:focus{ outline: 0; }
	.clear{ clear:both; }

	body{ background:#fff url(../images/back.gif) repeat-x; margin:0px; font-size:12px; font-family:'Calibri', Arial, Helvetica, sans-serif; }

	a{ color:#F89820; }
	a:hover{ color:#000; }

	h1{ font-size:18px; color:#F89820; font-weight:bold; }
	h3{ font-weight:bold; font-size:14px; margin:0px; padding:0px; }
	
	blockquote{ padding-left:15px; }
	
	#container{ margin:auto; width:1000px; position:relative; }
	#logo{ height:80px; }
	#logo img{ float:right; }
	
	#nav{ width:900px; margin:auto; padding:0px;list-style:none; }
	#nav li{ height:27px; text-align:center; float:left; display:inline; }
	#nav li a{ display:block; font-size:14px; vertical-align:middle; padding-top:0px; line-height:27px; color:#444; text-decoration:none; }
	#nav li a:hover{ color:#FFF; }
	#nav li .current{ color:#FFF; }
	
	#nav_home{ position:absolute; left:650px; top:80px; list-style:none; }
	#nav_home li{ padding:6px 0px; }
	#nav_home li a{ font-size:18px; color:#000000; text-decoration:none }
	#nav_home li a:hover{ color:#777; }
	
	
	#header{ height:30px; padding-top:12px; clear:both; }
	#header h1{ font-size:14px; color:#555; margin-top:8px; display:inline; font-weight:bold; }
	#header h1 a{ text-decoration:none; color:#555555; }
	#header h1 a:hover{ color:#F89820; }
	#header #col_1_h{ width:170px; float:left; padding-left:10px; }
	#header #col_2_h{ width:600px; float:left; padding-left:30px; }
	#header #col_3_h{ width:175px; float:right; padding-left:5px; }
	
	#content_wrap{ background:url(../images/back_stripes.gif) repeat-y center; color:#666; }
	#left_nav{ float:left; width:173px; list-style:none; }
	#left_nav li{ border-bottom:#777 solid 2px; padding:30px 10px 30px 0px; text-align:right; } 
	#left_nav li a{ color:#777; text-decoration:none; }
	#left_nav li a:hover{ color:#F89820; }
	#left_nav li ul{ list-style:none; }
	#left_nav li ul li{ border-bottom:none; padding:0px 10px 0px 0px; text-align:right; }
	#left_nav li ul li a{ color:#777; text-decoration:none; font-size:11px; }
	#left_nav li ul li a:hover{ color:#F89820; }
	
	#content_wrap #content_area{ float:left; width:630px; margin-left:20px; margin-top:10px; }
	.full_ds_box{ width:611px; margin:auto; background:url(../images/ds_box_back.jpg) repeat-y; position:relative; }
	.full_ds_box .lc{ position:absolute; display:block; top:0px; left:0px; width:10px; height:14px; background:url(../images/ds_box_top_lc.jpg); }
	.full_ds_box .rc{ position:absolute; display:block; top:0px; right:0px; width:11px; height:14px; background:url(../images/ds_box_top_rc.jpg); }
	.full_ds_box .lc img{ width:10px; height:14px; }
	.full_ds_box .rc img{ width:11px; height:14px; }
	.full_ds_box .margin_contain{ margin:0px 11px 0px 10px; border-top:#f6f6f6 solid 1px; }
	.full_ds_box .full_ds_footer{ background:url(../images/ds_box_bottom.jpg) no-repeat; width:611px; height:14px; }
	
	#right_col{ float:right; width:175px; }
	#right_col .img_box{ background:url(../images/ds_r.jpg) repeat-y right; position:relative; margin-top:15px; margin-left:3px; }
	#right_col .img_box .image{ margin:0px 7px 0px 0px; }
	#right_col .img_box .img_footer{ height:7px; background:url(../images/ds_b.jpg) repeat-x; }
	#right_col .img_box .img_footer img{ height:7px; }
	#right_col .img_box .tr{ position:absolute; top:0px; right:0px; background:url(../images/ds_tr.jpg) no-repeat; width:7px; height:8px; z-index:10; }
	#right_col .img_box .tr img{ height:8px; width:7px; }
	#right_col .img_box .brr{ position:absolute; bottom:0px; right:0px; background:url(../images/ds_brr.jpg) no-repeat; width:7px; height:10px; z-index:11; }
	#right_col .img_box .brr img{ height:10px; width:7px; }
	#right_col .img_box .brb{ position:absolute; bottom:0px; right:7px; background:url(../images/ds_brb.jpg) no-repeat; width:5px; height:7px; z-index:12; }
	#right_col .img_box .brb img{ height:7px; width:5px; }
	#right_col .img_box .bl{ position:absolute; bottom:0px; left:0px; background:url(../images/ds_bl.jpg) no-repeat; width:8px; height:7px; z-index:13; }
	#right_col .img_box .bl img{ height:7px; width:8px; }
	
	#right_nav{ float:left; width:173px; list-style:none; margin-top:10px; overflow-y:scroll; overflow-x:hidden; height:550px; }
	#right_nav li{ 
		border-bottom:#777 solid 2px; padding:8px 0px;
		text-align:right;
	} 
	#right_nav li a{ color:#777; text-decoration:none; display:block; width:153px; text-align:left }
	#right_nav li a:hover{ color:#F89820; }
	#right_nav li a b{ border:#999 solid 1px; height:40px; width:142px; float:left; margin:0px 5px 5px 5px; }
	#right_nav li a:hover b{ border:#F89820 solid 1px; }
	
	
	
	.port_nav{ list-style:none; margin-top:10px; }
	.port_nav li{ padding:8px 0px; text-align:right; float:left; margin-left:20px; } 
	.port_nav li a{ color:#777; text-decoration:none; display:block; width:173px; text-align:left }
	.port_nav li a:hover{ color:#F89820; }
	.port_nav li a b{ border:#999 solid 1px; height:40px; width:162px; float:left; margin:0px 5px 5px 5px; }
	.port_nav li a:hover b{ border:#F89820 solid 1px; }
	
	.port_nav tr td{ padding:8px 0px; text-align:right; margin-left:20px; } 
	.port_nav tr td a{ color:#777; text-decoration:none; display:block; width:173px; text-align:left }
	.port_nav tr td a:hover{ color:#F89820; }
	.port_nav tr td a b{ border:#999 solid 1px; height:40px; width:162px; float:left; margin:0px 5px 5px 5px; }
	.port_nav tr td a:hover b{ border:#F89820 solid 1px; }
	
	/* Home styles */
	a.nav_home{ color:#000; text-decoration:none; font-size:20px; }
	a:hover.nav_home{ color:#F89820; }
	
	/* PAGE styles */
	.staff_tbl tr th{ padding:6px 1px; font-weight:bold; background:#eee; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; margin:0px; vertical-align:middle; }
	.staff_tbl tr td{ padding:4px 1px; border-bottom:#ccc solid 1px; margin:0px; vertical-align:top; }
	
	.staff_tbl{ text-transform:lowercase; }
	/* End PAGE styles*/
	
	
	/* Main Projects styles */
	
	#category_sqs{ width:611px; background:url(../images/cat_back.jpg) repeat-y; font-size:12px; }
	#category_sqs #cat_head{ width:611px; background:url(../images/cat_head.jpg) no-repeat; height:10px; }
	
	#category_sqs #cat_left{ float:left; width:330px; }
	#category_sqs #cat_right{ float:right; width:281px; }
	#category_sqs * .padding{ padding:5px 20px 10px 20px; }
	#category_sqs * .padding img{ margin-top:5px; }
	#category_sqs #cat_foot{ width:611px; background:url(../images/cat_foot.jpg) no-repeat; height:17px; clear:both; }
	#category_sqs * h4{ font-size:16px; font-weight:bold; padding-bottom:8px; line-height:16px; }
	
	/* END Main Projects styles */
	
	
	
	/* Project styles */
	#project_imgs{ height:244px; padding:0px 20px; }
	#project_imgs a img{ border:#999 solid 1px; }
	#project_imgs a:hover img{ border:#F89820 solid 1px; }
	.main_img{ width:347px; height:232px; margin:0px 0px 12px 0px; float:left; display:inline; }
	.gallery_img{ width:109px; height:110px; margin:0px 0px 12px 12px; float:left; display:inline; }
	/* End Project styles*/
	
	
	/* Timeline */
	div, ul, li { zoom: 1; }
	ul ul, ul ul li { zoom: 0; }
	#timeline {
		height: 190px;
		margin-top: 0px;
		padding: 0px;
		overflow: hidden;
		width:1000px;
		/*cursor: -moz-grab !important;*/ /* should this be applied with JS? */
	}
	.tl-events { width: 5116px; list-style: none; padding: 0; margin: 0; }
	.tl-events li { float: left; }
	.tl-events ul { list-style: none; margin: 0; padding: 0; }
	.toptier { margin:0px; width:810px; height:143px; border-bottom:#000 solid 2px; }
	.odd{ background-color:#E5E7E4; }
	.even{ background-color:#fff; }
	.toptier h3 { padding:3px 5px; margin:0px; background:#FFF; border-bottom:#000 solid 2px; font-size:18px; height:75px; }
	.toptier a {
		text-decoration: none;
		color: #444;
		background: #fff;
		border: 1px solid #bbb;
		font-size:12px;
		-moz-border-radius: 4px;
		display: block;
		margin: 3px 0px;
		padding: 3px;
		width:180px;
	}
	.spacer{ width:30px; height:60px; margin-top:81px; border-bottom:#000 solid 2px; border-top:#000 solid 2px; background:#666; }
	.toptier a:hover, .toptier a:focus{ outline: 0; background: #F89820; border: 1px solid #444; }
	.second_tier{ float:left; height:60px; width:200px; border-left:#F89820 solid 2px; }
	.second_tier ul li{ width:190px; padding:0 5px; margin:0px; }
	.time_label{ width:30px; height:145px; float:left; }
	.time_label .vert_text{ width:30px; font-size:24px; text-align:center; line-height:24px; }
	/* End Timeline */
	
	/* Box */
	.box_t{ float:left; background:url(../images/t.jpg) top repeat-x; }
	.box_r{ height:100%; background:url(../images/r.jpg) right repeat-y; }
	.box_b{ height:100%; background:url(../images/b.jpg) bottom repeat-x; }
	.box_l{ height:100%; background:url(../images/l.jpg) left repeat-y; position:relative; padding:2px 0 12px 0; }
	.box_br{ width:12px; height:12px; background:url(../images/br.jpg) no-repeat bottom right; position:absolute; bottom:0px; right:0px; }
	.box_br img{ width:12px; height:12px; }
	.box_bl{ width:13px; height:11px; background:url(../images/bl.jpg) no-repeat bottom left; position:absolute; bottom:0px; left:0px; }
	.box_bl img{ width:13px; height:11px; }
	.box_tr{ width:12px; height:12px; background:url(../images/tr.jpg) no-repeat top right; position:absolute; top:0px; right:0px; }
	.box_tr img{ width:12px; height:12px; }
	.box_tl{ width:2px; height:7px; background:url(../images/tl.jpg) no-repeat top right; position:absolute; top:0px; left:0px; }
	.box_tl img{ width:2px; height:7px; }
	.box_inner{ margin:0px 12px 0px 2px; }
	/* End Box */