* { 
	margin: 0px;
	padding:0px;
}
 
html {
		height: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
	height: 100%;
	background-color: #242424;
	color:#999999;
}

h1,h2,h3 {
    margin-top: 0px;  /* required to elim top margin */
    padding-top: 5px;
	padding-left:10px;
		} 
		
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */

	[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]
	
p {
	line-height:1.0;
	padding:.5em 1em 0em 0em;
}

.hlColor {
	color:#438DE2;
	font-weight:normal;
}

.left  { float:left; }
.right { float:right; }
.clear { clear:both; }

.Times { font-family:Times,serif; }
.Verdana { font-family:Verdana, Arial, Helvetica, sans-serif; }

a img {
	border:0px;  /* overrides default html for images in  hrefs  */
}
/* ------------------------ Main Page Layout Classes -------------------------- */ 
#nonFooter{
	position: relative;
	min-height: 100%;
	width:923px;
	background: transparent;

	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}

* html #nonFooter {
	height: 100%;		/* ie6 hack  simulates min-height */
}

#Footer{
	width:923px;
	margin-left:auto;
	margin-right:auto;
}


/* ------ Formatting for Main Content  Area ---- */ 

div#columns {
	position:relative;
	width:100%;				/* was 956 */
	background-color:#2f2f2f;
}


/* ----------------------------------- content layout * --------------------------------------------*/
#content {
	float:right;
	width:80%;      /* See Sidebar.css for matching  width of sidebar */ 
}
#contentPadding {
	padding:30px 24px 10px 64px;
	background-color:#2f2f2f;

}

.contentTitle {
	position:relative;
	top:4px
	left:0px;

}
/* ----------------------------------   Home Page Buttons  --------------------------------------------- */

#homeContent {
 /*   position:relative;  */  /* Removed for ie7 compatibility mode */
	background: #2f2f2f;
    padding-bottom:64px;    /* Matches chris's layout, when clear div at end of home is incl */    
}
div#homeText {
	padding:40px 60px 35px 84px;
	width:60%;
}

div#homeContent a img {
	border:none;
}
div#homeContent p {
}

.normLink {
	color:#CCC;
	text-decoration:none;
	}

.specialLink {
	color:#438DE2;
	text-decoration:none;
}

.specialLink2 {
	color:#FFFFFF;
	text-decoration:none;
}

#btns {
	position:relative;
	background-color:#131313;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	height:295px;                   /* btns are 230px high */
}
div#btns a {
	border:none;
	color:#CCC;
	text-decoration:none;
	text-indent:-900%;    
	}
div#btns a:link, div#btns a:visited, 
div#btns a:hover, div#btns a:active {
	text-decoration:none;
	color:#CCC;
}

div#btns a:focus {
	-moz-outline-style:none;  /* not valid - fixes firefox "active" dotted prob with negative indent text */
}




/* btns use "Sliding doors" techique to elim flicker */

#btnBiz {
	position:absolute;
	top:30px;
	left:75px;
	background:url('../images/home/btn_biz_both.jpg') no-repeat 0 0;
	height:230px;
	width:200px;
}
#btnBiz:hover {
	background:url('../images/home/btn_biz_both.jpg') no-repeat -200px 0;
}
#btnMusic {
	position:absolute;
	top:30px;
	left:380px;
	background:url('../images/home/btn_music_both.jpg') no-repeat 0 0;
	height:230px;
	width:200px;
}
#btnMusic:hover {
	background:url('../images/home/btn_music_both.jpg') no-repeat -200px 0;
}

#btnScience {
	position:absolute;
	top:30px;
	left:670px;
	background:url('../images/home/btn_science_both.jpg') no-repeat 0 0;
	height:230px;
	width:200px;
}
#btnScience:hover {
	background:url('../images/home/btn_science_both.jpg') no-repeat -200px 0;
}

/* ----------------------------------   Other Pages  --------------------------------------------- */
	
#SagerPiano
{
	float:right;
	margin-left:26px;
	margin-top:.8em;
	}

	
#NanoSolar
{
	float:left;
	margin-left:0px;
	margin-top:.8em;
	}	

#NanoSolar
{
	float:left;
	margin-left:0px;
	margin-top:.8em;
	}