/* ================================================================
						2 COLUMN GRID BELOW
================================================================ */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:				40;
	padding:			10;
}
	
table {
	border-top: 		6px solid #333;
	border-collapse:	collapse; 
	border-spacing:		0;
	}

fieldset,img {
	border:				0;
}
	
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:			inherit;
	font-weight:		inherit;
}
	
del,ins {
	text-decoration:	none;
}
	
li {
	list-style: 		none;}

caption,th {
	text-align:			left;
}

h1,h2,h3,h4,h5,h6 { 
	font-size:			100%;
	font-weight:		normal;
}

q:before,q:after {
	content:			'';
}

abbr,acronym {
	border:				0;
	font-variant:		normal;
}

sup {
	vertical-align:		baseline;
}

sub {
	vertical-align:		baseline;
}

legend {
	color:				#00cc33;
}

input,button,textarea,select,optgroup,option {
	font-family:		inherit;
	font-size:			inherit;
	font-style:			inherit;
	font-weight:		inherit;
}

input,button,textarea,select { 
	*font-size:100%;
}

body {
	font:				13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:			small;
	*font:				x-small;
}

select,input,button,textarea,button {
	font:				99% arial,helvetica,clean,sans-serif;
}
	
	table {
	font-size:			inherit;
	font:				100%;
}
	
	pre,code,kbd,samp,tt {
	font-family:		monospace;*
	font-size:			108%;
	line-height:		100%;
}
	
body {
	text-align:			left;
	}
	
	
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:				auto;
	text-align:			left;
	width:				57.69em;
	*width:				56.25em;
}

#doc2 {
	width:				73.076em;
	*width:				71.25em;
}

	#doc3{margin:auto 10px;width:auto;}
	#doc4{width:74.923em;*width:73.05em;}
	
	
.yui-b{
	position:			relative;
}

.yui-b {
	_position:			static;
}

#yui-main .yui-b {
	position:			static;
}

#yui-main,.yui-g .yui-u .yui-g {
	width:				600px;
}

.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main {
	float:				right;
	margin-left:		-25em;}

.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main {
	float:				left;
	margin-right:		-25em;}

.yui-t1 .yui-b {
	float:				left;
	width:				12.30769em;
	*width:				12.00em;
}

.yui-t1 #yui-main .yui-b{
	margin-left:13.30769em;
	*margin-left:13.05em;
}

.yui-t2 .yui-b{
	float:left;
	width:				13.8461em;
	*width:				13.50em;
}

.yui-t2 #yui-main .yui-b {
	margin-left:		14.8461em;
	*margin-left:		14.55em;}

.yui-t3 .yui-b{
	float:				left;
	width:				23.0769em;
	*width:				22.50em;
}

.yui-t3 #yui-main .yui-b {
	margin-left			:24.0769em;
	*margin-left:		23.62em;
}

.yui-t4 .yui-b{
	float:				right;
	width:				13.8456em;
	*width:				13.50em;
}

.yui-t4 #yui-main .yui-b {
	margin-right:		14.8456em;
	*margin-right:		14.55em;
}

.yui-t5 .yui-b{
	float: right;		width:18.4615em;
	*width:				18.00em;
}

.yui-t5 #yui-main .yui-b {
	margin-right:		19.4615em;
	*margin-right:		19.125em;
}

.yui-t6 .yui-b {
	float:				right;
	width:				23.0769em;
	*width:				22.50em;
}

.yui-t6 #yui-main .yui-b {
	margin-right:		24.0769em;
	*margin-right:		23.62em;
	}

.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}

#yui-main .yui-b{float:none;width:auto;}

.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}

.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}

.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}

.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}

.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}

.yui-gb .yui-u {
	*margin-left:1.9%;*width:31.9%;}

	.yui-gc div.first,.yui-gd .yui-u{width:66%;}

	.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}

	.yui-ge .yui-u,.yui-gf div.first{width:24%;}

	.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}

	.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}

	.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}

	.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}

	.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}

	.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}

	.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}

	.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}

	.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}

	.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}

	.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}

	.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}

	.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}

	.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}

	.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}

	.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}

	.yui-ge div.first .yui-gd .yui-u{width:65%;}

	.yui-ge div.first .yui-gd div.first{width:32%;}

	#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

	#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}




/* ================================================================
						GENERAL
================================================================ */

html {
	font-size: 			100%;
	font-color: 		333;
}

body {
	font-family: 		Helvetica, Arial, sans-serif;
	font-size: 			12px;
	line-height:		1.5em;
	background-color:	#ece7da;
}

b {
	font-family: 		Helvetica, Arial, sans-serif;
	font-size: 			12px;
/*	line-height:		1.5em;*/
	line-height:		15px;
	background-color:	#ece7da;
}


b.green {
	color:				#00cc33;
}


bb{
	font-weight: 		bold;
	
	
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {		
	margin: 			1em 0px;
}	
	

}

h1 {
	font-family: 		Georgia, Baskerville, Times, Times New Roman, serif;
	font-size: 			30px;
	color:				#333;
	line-height:		40px;
	letter-spacing:		0em;
	font-weight: 		normal;
/*	background-color:	#ece7da;*/
}	


h1 a {
	font-weight: 		normal;border-bottom: 1px dotted #00cc33;
}


h2 {
	font-family: 		Helvetica, Arial, Verdana, sans-serif;
	font-size: 			18px;
	color:				#333;
	line-height:		1.25em;
	letter-spacing:		0em;	
	font-weight: 		bold;
	text-decoration: 	none;
/*	background-color:	#ece7da;*/
}	


h3{
	font-family: 		Helvetica, Arial, Verdana, sans-serif;
	font-size: 			13px;
	color:				#333;
	line-height:		1.5em;
	letter-spacing:		0em;	
	font-weight: 		bold;
	text-decoration: 	none;
/*	background-color:	#ece7da;*/
}	


h4{
	font-family: 		Helvetica, Arial, Verdana, sans-serif;
	font-size: 			13px;
	color:				#00cc33;
	line-height:		1.5em;
	letter-spacing:		0em;	
	font-weight: 		bold;
	text-decoration: 	none;
/*	background-color:	#ece7da;*/
}	


p {
  	font-size: 			10px;
	font-color: 		333;
	letter-spacing:		0em;
  	margin-bottom: 		1em;
 /*		line-height:		1.5em;*/
 /* 	margin-bottom:		15px; */
}


a:link {
	color: 				#333;
	text-decoration: 	none;

}

a:visited {
	color: 				#666;
	text-decoration: 	none;
}

a:hover {
		color: #333;
		text-decoration:none;
		border-bottom: 1px dotted #00cc33;

}

a:active {
	color: 				#666;
	text-decoration: 	none;
}

span.highlight {
	background-color:	yellow
}

#current {
	color:				#yyyyyy;
	background: 		#00cc33;

}


hr {
	color: #ece7da; 
	background-color: #ece7da; 
	border: 1px dotted #000; 
	border-style: none none dotted;
}



/* Link style "Home" for home button nav */


.linkHome a:link {
	color: 				#333;

}

.linkHome a:visited {
	color: 				#333;
}

.linkHome a:hover {
		color: #333;
		text-decoration:none;
		border-bottom: none;
}


/* Link style 2 for section headers */


.link2 a:link {
	color: 				#333;

}

.link2 a:visited {
	color: 				#333;
}

.link2 a:hover {
		color: #666;
		text-decoration:none;
		border-bottom: none;
}

.link2 a:active {
	color: 				#yyy;
}

span.highlight {
	background-color:	yellow
}

#current {
	color:				#333;
	background: 		#00cc33;

}



/* ================================================================
					MAIN: Left Navigation Bar
================================================================ */

/* OLD

#main {
	position: 			absolute;
	border-top: 		6px solid #333;
	left: 				20px;
	top: 				100px;
	width: 				200px;
	height: 			600px;
	z-index:			20;
	text-align:			left;
}*/

/* USE THIS: shorten project list first. */

#main {
	position: 			fixed;
	border-top: 		6px solid #333;
	top: 				100px;
	left: 				20px;
	bottom: 			20px;
	right: 				0px;
	width: 				200px;
	height: 			600px;
	z-index:			20;
	text-align:			left;
}

#main name {
	margin-top: 		10px;
  	font-size: 			10px;
	letter-spacing:		0em;
	line-height:		1.5em;
	text-align:			left;
}
	
#main name a:link {
	color: 				#00cc33;
	text-decoration: 	none;
}

#main name a:visited {
	color: 				#00cc33;
	text-decoration: 	none;
}

#main name a:hover {
	color:				#666;
	text-decoration: 	none;
}

#main name a:active {
	color: 				#666;
	text-decoration: 	none;
}

#main p#first {
	margin-top: 		+2.5em;
}

#main pageLink {
	text-transform:		none;
	font-size: 			10px;
	line-height:		5em;
	letter-spacing:		0em;
}

#main copywrite {
	line-height:		34em;
	font-size: 			8px;
	color:				#666
}

#main hr {
	color: 				#ece7da; 
	width:				200px
	background-color: 	#ece7da; 
	border: 1px dotted 	#000; 
	border-style: 		none none dotted;
}


/* ================================================================
					CR: Copywrite line at Bottom
================================================================ */

#cr {
	font-family: 		Verdana, Corbel, Helvetica, Arial, sans-serif;
	position: 			absolute;
	left: 				250px;
	bottom: 			20px;
	text-align:			left;
}

#cr copywrite {
	line-height:		4em;
	font-size: 			8px;
	color:				#666
}
	
/* ================================================================
					NAVIGATION: Center Area
================================================================ */

#navigation {
	position: 			absolute;
	border-top: 		1px solid #333;
	left: 				250px;
	top: 				105px;
	width: 				600px;
	height: 			600px;
	z-index:			20;
	text-align:			left;

}

#navigation ul#menu {
	list-style-type: 	none;
	margin-top: 		10px;
	padding: 			0;
	text-transform:		none;
	font-size: 			10px;
	line-height:		1.5em;
	letter-spacing:		0em;
}

#navigation ul#subMenu {
	list-style-type: 	none;
	padding: 			0;
	text-transform:		none;
	line-height:		1.2em;
	letter-spacing:		.0em;
 	margin-top: 		-.3em;
 	margin-bottom: 		.4em;
}

#navigation ul#subMenu a:link {
	color: 				00cc33;
	text-decoration: 	none;
}

#navigation ul#subMenu a:visited {
	color: 				00cc33;
	text-decoration: 	none;
}

#navigation ul#subMenu a:hover {
	color:				#00cc33;
	text-decoration: 	none;
}

#navigation ul#subMenu a:active {
	color: 				rgb(140,140,140);
	text-decoration: 	none;
}

#navigation ul#subMenu #current{
	color:				#00cc33;
}

#navigation copywrite {
	line-height:		4em;
	font-size: 			8px;
	color:				#666
	
	

/* ================================================================
					LEFTCOL 1: Left Centeral Column (WIP)
================================================================ */

#leftcol {
	position: 			absolute;
	border-top: 		6px solid #333;
	left: 				250px;
	top: 				100px;
	width: 				285px;
	height: 			600px;
	z-index:			20;
	text-align:			left;

}

#leftcol ul#menu {
	list-style-type: 	none;
	margin-top: 		10px;
	padding: 			0;
	text-transform:		none;
	font-size: 			10px;
	line-height:		1.5em;
	letter-spacing:		0em;
}

#leftcol ul#subMenu {
	list-style-type: 	none;
	padding: 			0;
	text-transform:		none;
	line-height:		1.2em;
	letter-spacing:		.0em;
 	margin-top: 		-.3em;
 	margin-bottom: 		.4em;
}

#leftcol ul#subMenu a:link {
	color: 				00cc33;
	text-decoration: 	none;
}

#leftcol ul#subMenu a:visited {
	color: 				00cc33;
	text-decoration: 	none;
}

#leftcol ul#subMenu a:hover {
	color:				#00cc33;
	text-decoration: 	none;
}

#leftcol ul#subMenu a:active {
	color: 				rgb(140,140,140);
	text-decoration: 	none;
}

#leftcol ul#subMenu #current{
	color:				#00cc33;
}


	
	
/* ================================================================
						CONTENT
================================================================ */
	
#content {
	position: 			absolute;
	left: 				502px;
	top: 				34px;
	width: 				512px;
	height: 			610px;
	z-index:			20;
}

#content img {
	margin-bottom: 		.2em;
	padding:			1px;
}

#content img.border {
	padding:			0px;
	border: 			solid #000 1px;
}

#content imageTitle {
	color: 				rgb(75,75,75);
}

#content #caption {
	position: 			abosolute;
	width:				100px
	margin-left: 		1px;
	margin-right: 		1px;
}

#content numbers {
	 float: 			right;
}

numbers a {
	margin-left: 		.4em;
}

#content #numbers #current {
	color:				#0066FF;
}