html {
	width: 100%;
	height: 100%;
}

body {
	margin-top:0px;
	background-color: #fff;
	font-family:  helvetica, arial, sans-serif;
	color:  #333;
}

td.forprint {
	display: none;
}

img.skyline {
	display:  none;
}

/*general texts*/

strong {
	font-weight: bold;
}

h1 {
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}

h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 5px 0px 5px 0px;
}

h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.1em;
	color: #888;
	margin: 0;
	padding: 5px 0px 5px 0px;
}

h3 a {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.1em;
	color: #333;
	margin: 0;
	padding: 5px 0px 5px 0px;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	padding: 0;
}


p {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 1.1em;
	line-height: 16px;
	color: #333;
	margin: 12px 0px 22px 18px;
	padding: 0;
}

a.ltgray {
	color:#333;
}

a:hover.ltgray {
	color: #777;
}


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

/* ================== HEADER =================== */

div#container {
	width: 750px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #fff;
}

	div#header {
		width: 700px;
		height: 95px;
		background-color: #fff;
	}
	
	div#header input {	
		display:  none;
	}
		
		div#header img {
			margin-top: 30px;
			margin-left: 15px;
			padding: 0px;
		}
			
		div#header form {
			display: none;
		}
			
/* ================== FOOTER =================== */
			
div#footer {
	padding:30px 0px 20px 0px;
	width:750px;
	height: 40px;
}	

	div#footer p {
		display: block;
		text-align: center;
		font-family: "Century Gothic", "Trebuchet MS", Helvetica, arial, sans-serif;
		font-size: 1.0em;
		text-transform: uppercase;
		color: #00437b;
		margin:0;
		padding: 0px 0px 6px 0px;
	}
	
	div#footer ul {
		display: block;
		text-align: center;
		margin:0;
		padding: 0;
	}
	
		div#footer li {
			font-family: "Century Gothic", "Trebuchet MS", Helvetica, arial, sans-serif;
			font-size: 0.9em;
			text-transform: uppercase;
			color: #888;
			display: inline;
		}
		
			div#footer li a {
				padding-left: 1px;
				padding-right: 1px;
				text-decoration: none;
				color: #888;
			}
			
/* ==============  HOME PAGE STYLING =============== */
		
div#homecontent {
	width: 750px;
	padding-top: 40px;
	min-height: 390px;
	_height: 390px!important;
}

div.homecard p {
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 0.9em;
	color: #777;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

div#homecontent a {
	text-decoration: none;
	color: #333;
}

	div.homecard {
		float: left;
		width: 182px;
	}

	div#homecontent div#homejsb {
		display: none;
	}
		
/* ============== INTERNAL PAGE STYLING ================= */

div#maincontent {
	width: 750px;
	padding-top: 10px;
}
		
/* =============== navigation ============================ */

/*  ``````````` first nav '''''''''''''''''*/
		
		div#mainnav {
			display: none;
		}
		
/*  ``````````` second nav '''''''''''''''''*/
		
		div#secondnav {
			display: none;
		}
		
/*  ``````````` third nav '''''''''''''''''*/
		
		div#thirdnav {
			display: none;
		}
		
/* =============== content columns ============================ */

/* ----- universal rounded corners DIV (important) ----- */

div.cbb {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	background-color: #fff
}

/* ========================================  TWO EQUAL COLUMNS ============================== =========================================================================*/

		/*maintable*/
		table.twocol {
			margin: 0;
			padding: 0;
			width: 750px;
			background-color: #fff;
		}
		
		table.twocol td {
			vertical-align: top;
			margin: 0px;
			padding: 0px 8px 4px 8px;
		}
		
		/*leftside*/
			div.col1topcontent {
				padding:0px 0px 30px 16px;
				margin:0px;
			}
			
			div.col1topabout {
				padding:0px 0px 30px 16px;
				margin:0px;
			}

			
				div#video {
					display: none;
				}
				
				div.about {
					position: relative;
					margin: 0px 0px 0px 26px;
					padding: 5px 3px 5px 5px;
					width: 323px;
					background-color: #fff;
				}

			div.col1copy {
			}
			
			div.col1bottom {
			}
			
			div.col1bottom p {
				font-size: 13px;
				color:  #444;
			}
			
			div.col1bottom p a {
				color:  #000;
				text-decoration:  none;
				border-bottom: 1px dotted #ccc;
			}
			
				div.bottomcopy {
					display: block;
					width: 380px;
					margin: 15px 20px 15px 20px;
					padding: 0px;
				}
				
				
					div.bottomcopy img {
						float: right;
						display: inline;
						color: #333;
						margin: 0px 17px 12px 22px;
						padding: 4px;
						border: 1px solid #ccc;
					}
					
/*right side*/				
div.col2copy {
	padding: 0px 20px 30px 20px;
	margin: 0px;
	min-height: 458px;
	_height: 458px;
}

div.col2copy-pic {
	padding: 0px 20px 30px 20px;
	margin: 0px;
	min-height: 458px;
	_height: 458px;
}

div.col2copy p {
	padding: 6px 0px 10px 0px;
	line-height: 22px;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #555;
	font-size: 1.0em;
	margin: 0px;
}


.col2copy h2 {
	color: #333;
}

img.rtfloat {
	display: block;
	border: 1px solid #ccc;
	padding: 3px;
}

img.lftfloat {
	display: block;
	border: 1px solid #ccc;
	padding: 3px;
}

img.skyline {
	border: 1px solid #ccc;
	padding: 3px;
}

h1.training {
	font-size: 1.6em;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	color: #333;
}

/*  ----- nature of power tag "natureofpower.html"------ */

	div.col2copy table td {
		padding: 7px 16px 7px 12px;
		margin: 0px;
		border-bottom: 1px solid #ccc;
		font-family: helvetica, arial, sans-serif;
		color: #333;
		font-size: 13px;
		line-height: 17px;
	}
}

div.col2callout {
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	color: #333;
	margin: 0px;
	padding: 0px;
	width: 368px;/* due to sifr - must put width */
}

.col1topcontent h1 {
	font-family: "Century Gothic", "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 1.5em;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 6px 0px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}

.col1topabout h3 {
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 1.1em;
	margin: 10px 5px 0px 0px;
	padding: 0px 0px 6px 0px;
	line-height: 22px;
	color: #333;
}

h1.topmargin {
	margin-top: 30px;
}

/*end left side*/


/*right side*/

div.col2copy p {
	padding: 6px 0px 10px 0px;
	line-height: 22px;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #333;
	font-size: 0.9em;
	margin: 0px;
}


.col2copy h1 {
	color: #333;
	font-size: 16px;
	margin-top:  20px;

}

.col2copy h2 {
	color: #666;
	font-size: 1.3em;
}

img.rtfloat {
	float: right;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	margin:8px 0px 6px 12px;
}

img.lftfloat {
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	margin: 5px 12px 6px 0px;
}

img.skyline {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	margin: 0px;
}

h1.training {
	font-size: 1.6em;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-transform: none;
	border: 0px;
}

						
						
						
/* ================ LEFT SMALL - RIGHT BIG ============================== ============================================================================*/

h1.smallredtop {
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
	border: 0px;
}

h1.smallbluetop {
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
	border: 0px;
}

h1.smallbrowntop {
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
	border: 0px;
}

h1.smallgreentop {
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
	border: 0px;
}

h1.ltbrowntop {
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
	border: 0px;
}

h1.graytop_large {
	margin: 0px!important;
	padding: 8px 0px 8px 12px;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1.graytop_smaller {
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1.training {
	font-size: 1.2em;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	color: #333;
	margin: 20px 0px 0px 0px;
}
		
		table.leftsmall {
			margin: 0;
			padding: 0;
			width: 700px;
			background-color: #fff;
		}
		
		table.leftsmall tr {
			margin: 0px;
			vertical-align: top;
		}
		
		table.leftsmall td {
			vertical-align: top;
			margin: 0px;
			padding: 0px 8px 0px 8px;
		}
		
		table.leftsmall td p {
			margin: 0px;
			padding: 0px;
			line-height: 22px;
			font-size: 0.8em;
		}
		
		table.leftsmall td ul {
			margin: 0px;
			padding: 0px;
			line-height: 22px;
			font-size: 0.8em;
		}
			
			div#leftsmall_title {
				margin:0px;
				padding: 0px;
			}
			
			div#leftsmall_content {
				min-height: 175px;
				_height:175px!important;
				width: 130px;
				padding: 0px 0px 5px 0px;
			}

			div.left_callout {
				display: none;
			}
			
/* ----- END background color for small left col ---- */			
				
/* ==================   right large content class ============ */	
			
			
div.rightlarge_content {
	width:  720px;
	padding-bottom: 30px;
	margin: 0px;
}

div.rightlarge_title {
	margin-bottom:  20px;
}

div.rightlarge_pic1 {
	padding-bottom: 30px;
	margin: 0px;
}

div.rightlarge_pic2 {
	padding-bottom: 30px;
	margin: 0px;
}

div.rightlarge_pic3 {
	padding-bottom: 30px;
	margin: 0px;
}
		
   table#rightcontent {
   	margin: -10px 0px 0px 8px;
   	padding: 0px;
   }

/*===============  DATA TABLES (RECRUITING + POWER PEOPLE)  =================*/

/*---------------- RECRUITING + TEACHING SCHEDULE ---------------- */

table.recruiting {
	text-align: left;
}

	table.recruiting th {
		font-family: "Century Gothic", "Trebuchet MS", helvetica, arial, sans-serif;
		font-size: 0.8em;
		text-transform: uppercase;
		color: #888;
		padding: 3px;
		margin: 0px;
	}
	
	table.recruiting td {
		color:#555;
		padding: 6px 20px 6px 3px;
		margin: 12px 0px 0px 0px;
		font-size: 1.0em;
		border-bottom: 1px solid #ccc;
	}
	
table.diversity {
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

	table.diversity th {
		font-family: "Century Gothic", "Trebuchet MS", helvetica, arial, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		text-transform: uppercase;
		color: #888;
		background-color: #fff;
		padding: 3px;
		margin: 0px 0px 0px 0px;
	}

	table.diversity td {
		color:#555;
		padding: 6px 20px 6px 3px;
		margin: 12px 0px 0px 0px;
		font-size: 1.0em;
		border-bottom: 1px solid #caa063;
	}

					
	/*---------------- END RECRUITING SCHEDULE ---------------- */
	

			table#rightcontent table {
				margin: 1px 0px 10px 0px;
				padding: 0px;
			}
			
				div.rightlarge_content table tr {
					margin: 0px;
					padding: 0px;
				}
			
				div.rightlarge_content table td {
					margin: 0px;
					padding: 5px 0px 0px 5px;
				}
			
			/*--- this is the large column w/ two internal columns  ---- */	
				table td#twocolumn {
					margin: 0px;
					padding: 5px 25px 0px 15px;
				}
				
				td#onecolumn-round {
					padding: 0px 15px 0px 0px;
					margin: 0px;
				}

					
					div#rounded-content {
						border-left: 1px solid #ccc;
						border-right: 1px solid #ccc;
						padding-left: 4px;
						padding-right: 4px;
						width: 212px;
						background-color: #fff;
					}
				
				div.rightlarge_content td img {
					padding: 3px;
					border: 1px solid #ccc;
					background-color: #fff;
					margin: 11px 0px 0px 0px;
				}
			
/*----------- experience - project titles -------------- */

				
					td.left {
						font-size: 0.8em;
						color: #111;
						font-weight: bold;
						text-align: left;
					}
					
					td.right {
						text-align: left;
						font-size: 0.8em;
						color: #444;
					}
				
div#imagery {
	display: none;
}
					
/*   ----------    ONE WIDE COLUMNS FOR 'A' LAYOUT   -----------       */

table td#twocolumn h1 {
	line-height: 20px;
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 16px 0px 4px 0px;
	padding: 0px;
}

table td#twocolumn h2 {
	line-height: 20px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 4px 0px;
}

table td#twocolumn h3 {
	line-height: 20px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 4px 0px;
}

table td#twocolumn h4 {
	line-height: 20px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 4px 0px;
}

table td#twocolumn h3 a {
	text-decoration: underline;
}

table td#twocolumn h3 a:hover {
	text-decoration: underline;
}

table td#twocolumn p {
	line-height: 22px;
	font-family: helvetica, arial, sans-serif;
	margin: 2px 0px 12px 0px!important;
	padding: 0px;
}

table td#twocolumn ul {
	color: #333;
	font-family: helvetica, arial, sans-serif;
	margin: 14px 0px 20px 30px;
	padding: 0px;
}

table td#twocolumn ul li {
	list-style: square;
	margin: 7px 0px 7px 0px;
	padding: 0px;
	line-height: 18px;
}

table td#twocolumn ol {
	font-family: helvetica, arial, sans-serif;
	padding: 0px;
}

table td#twocolumn ol li {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
}

td#twocolumn ul#contact {
	margin: 0px;
	padding: 0px;
}

td#twocolumn p#upload {
	margin: 10px 0px 20px 0px!important;
	padding: 0px;
}

td#twocolumn ul#contact li {
	list-style-type: none!important;
	margin: 0px;
	padding: 0px;
}

/*base styled*/

	div.benefits {
		margin-left: 20px;
		margin-right: 200px;
	}

	div.talk {
		margin: 20px 30px 20px 20px;
		padding: 0px;
		min-height: 200px;
		_height: 200px;
	}

		div.talk img {
			float: left;
			border: 1px solid #ccc;
			background-color: #fff;
			padding: 3px;
			margin: 0px 12px 0px 0px;
		}
		
		/*  ------  talk with power people --------- */
		div.talk h2 {
			font-size: 1.0em;
			font-weight: normal;
			color: #444;
			border-bottom: 1px solid #ccc;
			padding: 0px 0px 7px 0px;
			margin: 0px 0px 10px 0px;
		}

			div.talk h2 span {
				font-size: 1.0em;
				font-weight: bold;
				margin-right: 6px;
				color: #034478;
				text-transform: uppercase;
				font-family: "Century Gothic", "Trebuchet MS", Helvetica, arial, sans-serif;
			}

		div.talk p {
			font-size: 0.9em;
			line-height: 18px;
			margin: 0px 0px 0px 150px;
			padding: 0px;
		}

			div.talk a {
				display: none;
			}

			div.talk a:hover {
				display: none;
			}

	div.wide {
		margin: 0px 30px 20px 20px;
		padding: 0px;
	}	
	
	table.serv-twocol {
		width: 550px;
		margin: 10px 0px 10px 0px;
		padding: 0px;
	}
	
	table.serv-twocol td {
		margin: 0px;
		padding: 0px 20px 0px 10px!important;
	}
	
/*======== history print section ========== */

	div.rightlarge_content div.history {
		margin: 0px 0px 0px 0px;
		padding: 0px 25px 0px 15px;
	}
		
		div.rightlarge_content div.history div {
			margin: 0px 0px 0px 0px;
			padding: 0px;
		}
		
		div.history img {
			float: left;
			display: inline;
			margin: 5px 10px 4px 0px;
			padding: 3px;
			background-color: #fff;
			border: 1px solid #ccc;
		}
		
		div.history h1 {
			font-family: "Century Gothic", helvetica, arial, sans-serif;
			font-weight: normal;
			font-size: 1.3em;
			color: #333;
			margin: 0px;
			padding:0px;
			border: 0px;
		}

		div.history h2 {
			background-image: url(../_images/chrome/plus.gif);
			background-repeat: no-repeat;
			background-position: 7px 7px;
			font-size: 1.2em;
			line-height: 20px;
			font-family: "Century Gothic", helvetica, arial, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			margin: 10px 0px 5px 0px;
			padding: 2px 0px 2px 24px;
			color: #333;
			border-bottom: 3px solid #eaeaea;
			background-color: #fff;
		}

			div.history h2 a {
				color: #000;
			}

		div.history p {
			margin: 0px 0px 14px 0px;
			padding: 0px;
			color: #333;
			line-height: 20px;
		}

		/* future of power */
		ol li {
			font-size: 0.9em;
			list-style-type: decimal;
			list-style-position: inside;
			color: #333;
			margin: 0px 0px 0px 0px;
			line-height: 20px;
		}

			ol li ul {
				margin: 8px 0px 10px 0px;
			}

				ol li ul li{
					font-size: 0.8em;
					color: #666;
					list-style-type: square;
					line-height: 16px;
					margin: 0px 0px 1px 20px;
				}

		ul.slides {
			margin: 8px 70px 10px 20px;
		}

			ul.slides li{
				font-size: 0.9em;
				color: #333;
				list-style-type: square;
				line-height: 21px;
				margin: 0px 0px 1px 20px;
			}
			
/* ====== end HISTORY ----- */
	
	
div#privacy {
	width: 450px;
	margin-left: 100px;
	margin-right: 110px;
	padding-top: 40px;
	padding-bottom: 40px;
}


div.contactinfo {
	display: none;
}

div#map {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

div#map img{
	border: 1px solid #ccc;
	margin: 0px;
	padding: 3px;
	background-color: #fff;
}
	
div#jsbcall {
	display: none;
}
	
div#poem {
	margin: 30px 0px 0px 12px;
	width: 300px;
}

div.natureofpower {
	margin: 30px 0px 12px 0px;
	width: 300px;
}


img.leed {
	display: block;
	border: 0px!important;
}