@charset "UTF-8";

/*
	Copyright 2008, FonSquare Inc.
	
	Contents:
		1. Global
		2. Header
			a. Logo
		3. Navigation
		4. Body
			a. Gutter
				i. Subnav
			b. Content
				i. Alert
				ii. Form
				iii. Expander
				iv. List
				v. Module
				vi. Pager
		5. Footer
			a. Sitemap
			b. Copyright
		_. Misc.
		_. Organize

*/



/* Global
---------------------------------------------------------------------------------------------------- */
	* {
		padding: 0em;
		margin: 0em; }
	
	A {
		color: #007d9d;
		outline: none; }
	
	BLOCKQUOTE {
		font-style: italic;
		margin: 1em; }
	
	BODY {
		font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #CCC;
		background: #000;
		text-align: center;
		height: 100%; }
	
	BR {
		line-height: 1em; }
	
	H1 {
		font-size: 1.7em;
		color: #FFF;
		font-weight: normal;
		margin: 0em 0em .5em; }
	
	H2 {
		font-size: 1.3em;
		font-weight: normal;
		color: #FFF;
		margin: 1em 0em 0em; }
	
	H3 {
		font-size: 1em;
		color: #FFF; }
	
	HTML {
		height: 100%; }
	
	IMG {
		border: 0em; }
	
	INPUT,
	SELECT,
	TEXTAREA {
		font: inherit;
		color: #000; }
	
		INPUT[type=checkbox],
		INPUT[type=radio] {
			vertical-align: middle;
			margin-right: .2em; }
	
	OL,
	UL {
		margin: 1em 1em 1em 2.5em; }
	
		UL UL {
			margin: 0em 1em 0em 1.5em; }
	
	OPTION {
		padding: 0em .4em 0em .2em; }
	
	P {
		margin: 1em 0em; }
	
	SPAN { }
	
		SPAN.date {
			font-style: italic;
			color: #999; }
		
		SPAN.note {
			font-size: .85em;
			font-style: italic;
			color: #999; }
		
		SPAN.req {
			color: #007d9d; }
	
	STRONG {
		color: #FFF; }



/* Header
---------------------------------------------------------------------------------------------------- */
	#header { }
	
	/* Logo
	------------------------------------------------------------------------------------------ */
	#logo {
		width: 0px;
		height: 0px;
		float: left;
		margin-bottom: -55px;
		position: relative;
		top: 32px;
		left: 0px; }
	
		#logo IMG {
			width: 150px;
			height: 37px; }



/* Navigation
---------------------------------------------------------------------------------------------------- */
	#navigation {
		background: left top url('../img/nav_tile.gif') repeat-x;
		height: 85px;
		border-bottom: 1px solid #000; }
		
		#navigation UL {
			font-size: .9em;
			float: right;
			margin: 0em;
			list-style: none; }
		
			#navigation UL LI {
				float: left;
				width: 112px; }
			
				#navigation UL LI A {
					text-decoration: none;
					color: #CCCCCC;
					text-align: center;
					display: block;
					height: 28px;
					padding-top: 57px;
				}
				
					#navigation UL LI A:hover { }
			
			#navigation UL LI.on {
				background: url('../img/leftOn.gif') left top no-repeat; }
			
				#navigation UL LI.on A {
					font-weight: bold;
					color: #007d9d;
					background: url('../img/rightOn.gif') right top no-repeat; }



/* Body
---------------------------------------------------------------------------------------------------- */
	#body {
		background: center top url('../img/tile.gif') repeat-x; }
	
		#body .content {
			background: 230px 55px no-repeat; }
		
		BODY.home #body .content {
			background-image: url('../img/home.png');
			background-position: 115px 25px; }
		
		BODY.who #body .content {
			background-image: url('../img/who.png'); }
		
		BODY.what #body .content {
			background-image: url('../img/what.png'); }
		
		BODY.work #body .content {
			background-image: url('../img/work.png'); }
		
		BODY.tech #body .content {
			background-image: url('../img/tech.png'); }
		
		BODY.news #body .content {
			background-image: url('../img/news.png'); }
	
	/* Gutter
	------------------------------------------------------------------------------------------ */
	#gutter {
		float: left;
		width: 200px;
		padding-top: 150px; }
	
		BODY.home #gutter {
			float: right;
			width: 285px;
			padding-top: 210px; }
	
		/* Subnav
		-------------------------------------------------------------------------------- */
		#subnav {
			background: #1A1A1A url('../img/topRight.gif') top right no-repeat;
			width: 100%; }
		
			#subnav UL {
				font-size: .9em;
				background: url('../img/botRight.gif') bottom right no-repeat;
				height: 100%;
				padding: 10px 0px;
				margin: 0em;
				list-style: none; }
			
				#subnav UL LI { }
					
					#subnav UL LI A {
						text-decoration: none;
						color: #AAA;
						background: url('../img/arrow.gif') 10px .65em no-repeat;
						display: block;
						height: 100%;
						padding: 2px 10px 3px 25px; }
					
						#subnav UL LI A:hover {
							text-decoration: none;
							background-color: #262626; }
					
					#subnav UL LI.on {
						background: #262626; }
					
						#subnav UL LI A.on {
							font-weight: bold;
							color: #007d9d; }
					
				#subnav UL UL {
					font-size: .95em;
					background: none;
					padding: 0px 0px 6px; }
				
					#subnav UL UL LI { }
					
						#subnav UL UL LI A {
							background: none;
							padding: 0px 8px 1px 25px; }
						
							#subnav UL UL LI A:hover {
								text-decoration: underline;
								background: none; }
	
	/* Content
	------------------------------------------------------------------------------------------ */
	#content {
		padding: 150px 0px 205px;
		margin-left: 230px; }
	
		BODY.home #content {
			padding-top: 199px;
			margin: 0px 315px 50px 0px; }

		/* Alert
		-------------------------------------------------------------------------------- */
		.alert {
			color: #000;
			background: #FAF1C3;
			padding: .5em;
			border: 1px solid #F6E896; }
		
			/* Special
			---------------------------------------------------------------------- */
			#success.alert {
				font-weight: bold;
				color: #FFF;
				background: #007d9d;
				border: none; }

		/* Expander
		-------------------------------------------------------------------------------- */
		.expander { }
		
			.expander .group {
				margin-bottom: -1px; }
			
				.expander .group .control {
					background: 2px 0px url('../img/fill.png') repeat-x;
					min-height: 36px; }
				
					.expander .group .control A {
						font-weight: bold;
						text-decoration: none;
						color: #CCC;
						background: 0px -108px url('../img/left.png') no-repeat;
						display: block;
						height: 36px;
						padding-left: 36px; }
					
					.expander .group .control A:hover {
						color: #007d9d;
						background-position: 0px -144px; }
					
					.expander .group .control A.on {
						color: #007d9d;
						background-position: 0px -180px; }
					
						.expander .group .control A SPAN {
							background: 100% -36px url('../img/right.png') no-repeat;
							display: block;
							height: 29px;
							padding-top: 7px; }
				
				.expander .group .content {
					background: none !important;
					background: #111 !important;
					width: auto;
					padding: .5em 2em 1em;
					margin: auto;
					border: 1px solid #222;
					border-top: none; }
			
			.expander .group.first { }
			
				.expander .group.first .control { }
				
					.expander .group.first .control A {
						background-position: 0px 0px; }
					
					.expander .group.first .control A:hover {
						background-position: 0px -36px; }
					
					.expander .group.first .control A.on {
						background-position: 0px -72px; }
					
						.expander .group.first .control A SPAN {
							background-position: 100% 0px; }
			
			.expander .group.last { }
			
				.expander .group.last .control { }
				
					.expander .group.last .control A {
						background-position: 0px -216px; }
					
					.expander .group.last .control A:hover {
						background-position: 0px -252px; }
					
					.expander .group.last .control A.on {
						background-position: 0px -288px; }
					
						.expander .group.last .control A SPAN {
							background-position: 100% -72px; }
		
			/* Special
			-------------------------------------------------------------------------------- */
			#backup.expander {
				margin: 2em 0em 1em; }
		
		/* Form
		-------------------------------------------------------------------------------- */
		.form { }
		
			.form TABLE { }
			
				.form TBODY { }
				
					.form TBODY TR {
						height: 1em; }
				
						.form TBODY TH {
							font-weight: normal;
							text-align: right;
							padding: .25em 1em .25em 0em; }
						
						.form TBODY TD  {
							padding: .25em 0em; }
				
				.form TFOOT { }
				
					.form TFOOT TR { }
				
						.form TFOOT TD {
							padding: 1em 0em 0em; }
			
			.form LABEL {
				display: block;
				padding: 1em 0em .3em; }
			
			/* Special
			---------------------------------------------------------------------- */
			#contact.form {
				background: #1A1A1A;
				width: 75%;
				margin: 2em auto;
				border: .7em solid #1A1A1A; }
			
				#contact.form H2 {
					font-size: 1.3em;
					color: #CCC;
					background: #262626;
					padding: .2em .5em .3em;
					margin: 0em 0em .8em; }
				
				#contact.form P {
					padding: 0em 1em; }
				
				#contact.form TABLE {
					width: 100%; }
				
				#contact.form TABLE TBODY TH,
				#contact.form TABLE TBODY TD { }
				
				#contact.form TABLE TFOOT TD {
					text-align: right;
					padding: .7em 0em 0em .5em;
					border-top: 1px dashed #262626; }
				
				#contact.form TABLE TFOOT TD INPUT {
					vertical-align: middle;
					margin-right: .1em; }
			
				#contact.form TEXTAREA {
					width: 20em;
					height: 15em; }
			
			#forgot.form {
				background: #1A1A1A;
				width: 65%;
				margin: 2em auto;
				border: .7em solid #1A1A1A; }
			
				#forgot.form H2 {
					font-size: 1.3em;
					color: #CCC;
					background: #262626;
					padding: .2em .5em .3em;
					margin: 0em; }
				
				#forgot.form P {
					padding: 0em 1em; }
				
				#forgot.form TABLE {
					width: 100%; }
				
				#forgot.form TABLE TBODY TH,
				#forgot.form TABLE TBODY TD {
					padding-bottom: 2em; }
				
				#forgot.form TABLE TFOOT TD {
					text-align: right;
					padding: .7em 0em 0em .5em;
					border-top: 1px dashed #262626; }
				
				#forgot.form TABLE TFOOT TD INPUT {
					vertical-align: middle;
					margin-right: .1em; }
			
			#login .form {
				padding: 1em 1em 1.25em; }
				
				#login .form TABLE {
					margin: auto; }
				
				#login .form TBODY TD TD {
					padding: 0em .5em 0em 0em; }
				
				#login .form TBODY TR {
					height: .5em; }
				
				#login .form TABLE TABLE {
					margin: 0em; }
			
			#register.form {
				background: #1A1A1A;
				width: 80%;
				margin: 2em auto;
				border: .7em solid #1A1A1A; }
			
				#register.form H2 {
					font-size: 1.3em;
					color: #CCC;
					background: #262626;
					padding: .2em .5em .3em;
					margin: 0em 0em .8em; }
				
				#register.form INPUT[type=checkbox] {
					vertical-align: middle; }
				
				#register.form P {
					padding: 0em 1em; }
				
				#register.form TABLE {
					width: 100%; }
				
				#register.form TABLE TBODY TH {
					white-space: nowrap;
					padding-right: 0em; }
				
				#register.form TABLE TBODY TD {
					padding-left: 1em; }
				
				#register.form TABLE TBODY TABLE {
					width: auto; }
				
				#register.form TABLE TBODY TABLE TD {
					padding: 0em; }
				
				#register.form TABLE TBODY TABLE TD A,
				#register.form TABLE TBODY TABLE TD SPAN {
					margin-left: .5em; }
				
				#register.form TABLE TFOOT TD {
					text-align: right;
					padding: .7em 0em 0em .5em;
					border-top: 1px dashed #262626; }
				
				#register.form TABLE TFOOT TD INPUT {
					vertical-align: middle;
					margin-right: .1em; }

		/* List
		-------------------------------------------------------------------------------- */
		.list { }
	
			.list .nav {
				background: #1A1A1A;
				padding: 8px 1em 9px;
				margin: 1.5em 0em 0em;
				border-top: 1px solid #262626;
				border-bottom: 1px dashed #262626; }
			
				.list .nav TABLE { }
				
					.list .nav TABLE TH {
						padding-right: 5px; }
			
			.list UL {
				padding: .5em 0em;
				margin: 0em 1em;
				list-style: none; }
			
				.list UL LI {
					margin: .5em 0em; }
			
			/* Special
			---------------------------------------------------------------------- */
			#event.list { }
			
				#event.list LI IMG {
					float: right;
					margin: 0em 0em 1em 1em; }
			
			#news.list { }
			
				#news.list UL LI STRONG {
					margin-left: 1em; }
			
			#press.list { }
			
				#press.list SPAN.date {
					margin-left: 1em; }
		
		/* Module
		-------------------------------------------------------------------------------- */
		.mod { }
		
			.mod .top {
				font-size: 0em; }
			
				.mod .top .left,
				.mod .top .right { }
			
			.mod .mid { }
			
				.mod .mid .inner { }
			
			.mod .bot {
				font-size: 0em; }
			
				.mod .bot .left,
				.mod .bot .right { }
			
			.mod H2 {
				font-size: 1.3em;
				color: #CCC;
				background: #262626;
				padding: .2em .5em .3em; }
			
			/* Special
			---------------------------------------------------------------------- */
			#devnet.mod {
				background: left top url('../img/top.gif') repeat-x;
				margin-bottom: 30px; }
			
				#devnet.mod .top {
					background: 22px 23px url('../img/devnet.gif') no-repeat;
					height: 147px;
					margin-bottom: -90px; }
				
					#devnet.mod .top .left {
						background: left top url('../img/topLeft.gif') no-repeat;
						width: 6px;
						height: 147px; }
					
					#devnet.mod .top .right {
						background: right top url('../img/topRight.gif') no-repeat;
						width: 6px;
						height: 147px; }
				
				#devnet.mod .mid { }
				
					#devnet.mod .mid .inner {
						padding: 25px 25px 25px 125px; }
					
						#devnet.mod .mid .inner SPAN {
							float: left;
							width: 100%;
							margin-bottom: -75px; }
						
							#devnet.mod .mid .inner SPAN IMG {
								float: left;
								position: relative;
								right: 100px; }
						
						#devnet.mod .mid .inner P {
							margin: 0em; }
				
				#devnet.mod .bot {
					display: none; }
			
			#login.mod {
				background: #1A1A1A;
				width: 65%;
				margin: 2em auto;
				border: .7em solid #1A1A1A; }
			
				#login.mod .top,
				#login.mod .bot {
					display: none; }
				
				#login.mod .mid { }
				
					#login.mod .mid .inner { }
			
						#login.mod .mid .inner H2 {
							margin: 0em; }
						
						#login.mod .mid .inner P {
							text-align: right;
							padding: .7em 0em 0em .5em;
							margin: 0em;
							border-top: 1px dashed #262626; }
						
							#login.mod .mid .inner P SPAN {
								padding-top: 1px; }
			
			#main.mod {
				background: left top url('../img/topMain.gif') repeat-x; }
			
				#main.mod .top {
					background: 45px 50px url('../img/tagline.gif') no-repeat;
					height: 110px; }
				
					#main.mod .top .left {
						background: left top url('../img/topMainLeft.gif') no-repeat;
						width: 11px;
						height: 323px; }
					
					#main.mod .top .right {
						background: right top url('../img/topMainRight.gif') no-repeat;
						width: 11px;
						height: 323px; }
				
				#main.mod .mid { }
				
					#main.mod .mid .inner {
						min-height: 248px;
						padding: .5em 5em 5em; 
						font-size: 1.1em; 
						line-height: 1.4em; }
				
				#main.mod .bot {
					margin-top: -100px;
					text-align:center; }
			
			#newsfeed.mod {
				background: left top url('../img/top.gif') repeat-x; }
			
				#newsfeed.mod .top {
					background: 22px 23px url('../img/newsfeed.gif') no-repeat;
					height: 147px;
					margin-bottom: -90px; }
				
					#newsfeed.mod .top .left {
						background: left top url('../img/topLeft.gif') no-repeat;
						width: 6px;
						height: 147px; }
					
					#newsfeed.mod .top .right {
						background: right top url('../img/topRight.gif') no-repeat;
						width: 6px;
						height: 147px; }
				
				#newsfeed.mod .mid { }
				
					#newsfeed.mod .mid .inner {
						line-height: 1.5em;
						padding: 10px 25px; }
				
						#newsfeed.mod .mid .entry {
							color: #CCC;
							padding-top: 8px; }
					
							#newsfeed.mod .mid .entry .date {
								font-size: .9em;
								text-align: right;
								float: left;
								width: 30px;
								padding-top: 1px; }
							
								#newsfeed.mod .mid .entry .date SPAN.day {
									font-size: 1.2em;
									font-weight: bold; }
								
								#newsfeed.mod .mid .entry .date SPAN.month { }
								
								#newsfeed.mod .mid .entry .date SPAN.type {
									display: block;
									margin-top: -5px; }
							
							#newsfeed.mod .mid .entry .news {
								margin-left: 40px; }
							
								#newsfeed.mod .mid .entry .news EM {
									font-size: .9em;
									display: block;
									margin-bottom: -3px; }
							
							#newsfeed.mod .mid .end {
								padding-top: 3px;
								margin: 8px 0px 0px 40px; }
							
							#newsfeed.mod .mid .blurb {
								padding-top: 5px;
								margin-top: 10px;
								border-top: 1px solid #262626; }
							
								#newsfeed.mod .mid .blurb P {
									margin: 0em 1px; }
						
						#newsfeed.mod .mid P {
							padding-top: 6px;
							margin: 0em; }
				
				#newsfeed.mod .bot {
					display: none; }
			
			#selector.mod {
				background: #1A1A1A;
				border: .7em solid #1A1A1A; }
			
				#selector.mod UL.tabs {
					width: 180px;
					float: left;
					padding: 0em;
					margin: 0em;
					list-style: none; }
				
					#selector.mod UL.tabs LI { }
					
						#selector.mod UL.tabs LI A {
							text-decoration: none;
							display: block;
							padding: 1em;
							border-bottom: 1px dashed #262626; }
						
						#selector.mod UL.tabs LI A:hover {
							background: #262626;
							text-decoration: underline; }
					
					#selector.mod UL.tabs LI.on { }
					
						#selector.mod UL.tabs LI.on A {
							font-weight: bold;
							color: #CCC;
							background: #262626;
							border-right: 1px dashed #1A1A1A; }
						
						#selector.mod UL.tabs LI.on A:hover {
							text-decoration: none; }
				
				#selector.mod DIV.inner {
					background: #262626;
					margin-left: 180px; }
				
				#selector.mod DIV.group {
					padding: 0em 1.5em; }
		
		/* Pager
		-------------------------------------------------------------------------------- */
		.pager {
			font-size: .85em;
			float: left;
			width: 100%;
			height: 100%;
			margin-top: 1em; }
		
			.pager .display {
				height: 100%; }
			
				.pager .display P {
					float: left;
					padding: 5px 20px; }
				
				.pager .display UL {
					float: right;
					list-style: none; }
				
					.pager .display UL LI {
						float: left;
						margin-left: 5px; }
					
						.pager .display UL LI A {
							font-weight: bold;
							text-decoration: none;
							color: #CCC;
							background: #1A1A1A;
							display: block;
							padding: 4px 10px 5px;
							border: 1px solid #262626; }
					
					.pager .display UL LI.off { }
					
						.pager .display UL LI.off A {
							color: #333; }
					
					.pager .display UL LI.on { }
					
						.pager .display UL LI.on A {
							color: #333; }
			
			.pager .body {
				height: 100%; }
		
				.pager .body DIV {
					width: 50%;
					float: left; }
				
					.pager .body DIV TABLE {
						background: #1A1A1A;
						margin: 10px;
						border: 10px solid #1A1A1A; }
					
						.pager .body DIV TABLE TR {
							vertical-align: top;
							height: 100%; }
						
							.pager .body DIV TABLE TR TH {
								font-weight: normal;
								line-height: 1.1em;
								color: #AAA;
								width: 100%;
								height: 100%; }
							
								.pager .body DIV TABLE TR TH STRONG {
									color: #CCC;
									line-height: normal;
									display: block; }
							
							.pager .body DIV TABLE TR TD {
								vertical-align: bottom; }
							
								.pager .body DIV TABLE TR TD A {
									display: block;
									margin-bottom: 2px; }
								
								.pager .body DIV TABLE TR TD IMG {
									display: block;
									padding-right: 13px; }



/* Footer
---------------------------------------------------------------------------------------------------- */
	#footer {
		background: #1A1A1A;
		width: 100%;
		padding: 20px 0px;
		position: absolute;
		bottom: 0px;
		left: 0px; }
	
	/* Sitemap
	------------------------------------------------------------------------------------------ */
	#sitemap {
		font-size: .85em;
		padding: 0px 0px 0px 0px; }
	
		#sitemap UL {
			line-height: 1.5em;
			height: 100%;
			margin: 0em;
			list-style: none; }
		
			#sitemap UL LI {
				float: left;
				width: 20%; }
			
				#sitemap UL LI A {
					text-decoration: none;
					color: #AAA;
					display: block;
					margin-right: 20px; }
				
				#sitemap UL LI A:hover {
					text-decoration: underline; }
				
					#sitemap UL LI A.on {
						text-decoration: underline !important; }
				
					#sitemap UL LI A.top {
						font-weight: bold;
						text-decoration: none;
						color: #007d9d; }
	
	/* Copyright
	------------------------------------------------------------------------------------------ */
	#copyright {
		font-size: .85em;
		color: #AAA;
		clear: both;
		padding: 20px 20px 0px 230px; }
	
		#copyright A {
			text-decoration: none; }
		
		#copyright A:hover {
			text-decoration: underline; }
		
		#copyright P {
			margin: 0em; }



/* Misc.
---------------------------------------------------------------------------------------------------- */
	#container {
		height: auto !important;
		height: 100%;
		min-height: 100%;
		position: relative; }
	
	.content {
		text-align: left;
		width: 900px;
		margin: 0em auto; }
	
	BR.clear {
		font-size: 0em;
		line-height: 0em;
		display: block;
		clear: both; }
	
	.left {
		float: left; }
	
	.right {
		float: right; }
	
		.right.m1 {
			margin: 0em 0em 1em 1em; }
		
		.right.m2 {
			margin: 0em 0em 2em 2em; }



/* Organize
---------------------------------------------------------------------------------------------------- */
	UL#board {
		padding: 1em 0em 1.5em;
		margin: 0em;
		border-bottom: 1px dashed #262626;
		list-style: none; }
	
/*	UL#honors {
		margin: 1em 0em;
		list-style: none; }
	
		UL#honors LI {
			display: inline;
			float: left;
			margin-right: .5em; }
		
			UL#honors LI IMG {
				display: block; }*/
	
	UL#mgmt {
		padding: 1em 0em 1.5em;
		margin: 0em;
		border-bottom: 1px dashed #262626;
		list-style: none; }