/****
Colors:
#690 - green
#09f - blue
****/


body,
html {
	margin:0;
	padding:0;
	background:white;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
body {
	min-width:763px;
	margin-top:10px;
}

img {
  border:0;
}

h1 {
  color:#00adef;
  font-size:42px;
  font-weight:normal;
  margin:34px 0 30px;
  padding:0;
}

h2 {
  padding:0;
  margin:0;
}

h3 {
  font-size:20px;
  color:#690;
  margin:25px  0 0px;
  padding:0 0 3px;
  font-weight:normal;
}

h4 {
  font-size:15px;
  color:black;
  margin:16px 0 0px;
}

#main .content h4 {
	margin:16px 0 -6px;
}

a {
  color:#09f;
}

a:hover, a.current {
  color:#690;
}

#wrap {
	margin:0 auto;
	width:763px;
	background: url('/images/layout/logos.gif') bottom left no-repeat;
}

.forums #wrap {
  background:none;
}

#header {
  
}

ul {
  list-style-type:square;
}

/**** TOP NAV ****/

#nav {
	height:23px;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav li{
	display:block;
	margin:0 1px 0 0;
	width:169px;
	float:left;
	background:#ebebeb;
	line-height:10px;
}

#nav a {
/*  padding:6px 0 7px 14px;*/
  color:#09f;
  text-decoration:none;
  font-size:13px;
  display:block;
	width:169px;
	float:left;
}

#nav a:hover {
  color:#690;
}

#nav #nav-home {
  width:61px;
  background:white;
}

#nav-home a {
  padding:0;
  width:61px;
}

#nav #search-wrapper {
  background:white;
  width:190px;
  vertical-align:top;
}

#nav #search-wrapper img{
  vertical-align:top;
  margin:0;
}

#search-field {
  vertical-align:top;
  width:132px;
  font-size:13px;
  margin:0 6px;
}

/**** MAIN ****/
#main {
	float:right;
	width:562px;
}

#main ul {
	margin-bottom:0;
}
  
#main h3 {
	padding:0 10px 0 0;
	background:white;
	border:none;
}

#main .content {
  margin:30px 21px 0; 
  line-height:20px;
}

#main .content li {
	margin-bottom:.8em;
}

#main .content p {
  margin:10px 0 16px;
}


/**** LEFT COLUMN ****/
#secondary {
	float:left;
	width:196px;
  color:#666;
  font-size:11px;
  padding-bottom:158px;
}

#secondary h2, #secondary h3, #secondary p {
	padding:0 10px;
}

#secondary-nav {
  list-style:none;
  margin:17px 0 35px;
  padding:0;
  text-transform:uppercase;
}

#secondary-nav a {
  color:#999;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  display:block;
  padding:7px 10px 0 0;
}

#secondary-nav a:hover, #secondary-nav a.current {
  color:#690;
}

/**** CHUNKS ****/
.chunks {
  width:164px;
  padding:0 0 19px;
  color:#333;
  line-height:1.3em;
}

#secondary .chunks ul {
	margin:0;
padding:0 0 0 14px;
}

.chunks h4 {
  color:#690;
  font-size:12px;
  padding-top:18px;
	margin-top:20px;
  background: url('/images/layout/dots.gif') no-repeat top left;
}

#secondary .chunks p {
	margin:0 0 1em;
	padding:0;
}

.alt-color {
  color:#666;
}

.chunks strong {
  color:#333;
}



/**** FOOTER ****/
#footer {
  margin-top:68px;
	clear:both;
	text-align:center;
	font-size:9px;
	color:#999;
}

#footer a {
  font-size:11px;
}

#footer .copyright a {
	font-size:9px;
}

#footer p {
	padding:5px 0;
	margin-top:5px;
}
#footer img {
  vertical-align:top;
  margin:0 0 10px;
}

.clearer {
  clear:both;
  height:1px;
}

/**** FOOTNOTES ****/
.footnote-reference {
  font-size: smaller;
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

#footnotes {
  margin-top:30px;
  font-size: 9px;
}

/**** misc ****/
.break {
  padding-top:25px;
}

/**** DEVELOPED BY ****/
#developed-by {
  padding-top:20px;
}

#hws-logo {
  margin:12px 0 14px;
}

/**** THE INNOVATORS ****/
#interactive {
  background: url('/images/layout/dots.gif') no-repeat top left; 
  padding-top:20px;
  margin-top:25px;
  line-height:17px;
}

#interactive h3 {
  color:#09f;
  margin:0 0 12px;
  padding-top:0;
}

.group {
  float:left;
}

#the-innovators-group {
  width:272px;
  padding:0 0 10px;
}

#discussion {
  padding:0 0 10px 36px;
  width:206px;
  background: url('/images/layout/vertical-dots.gif') no-repeat top left; 
}

#discussion h3 {
  padding-bottom:16px;
}

iframe {
	height:600px;
}

.top-pagination .pagination {
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}

.bottom-pagination .pagination {
	padding-top:10px;	
	border-top:1px solid #eee;
}

/**** Home ****/
.home {
	background: url('/images/layout/home-page-background.gif') 0px 68px repeat-x;
}

.home #wrap {
	background:none;
}

.home table {
	margin:39px 0 20px;
	clear:both;
}

.home td {
	vertical-align:top;
	height:100%;
	padding-top:4px;
	padding-bottom:10px;
	width:250px;
	paddding-left:15px;
}

.home a {
	text-decoration:none;
}

.home .montage {
	float:left;
}

.home h1 {
	margin:0px 0 20px;
	padding-top:16px;
}

.imageElement h3, .imageElement a, .imageElement p {
	display:none;
}

.home #footer-wrapper {
	height:24px;
	width:100%;
	text-align:center;
	background: url('/images/layout/home-page-background.gif') 0px 0px repeat-x;
}

.home .group {
	width:250px;
}

.home ul.group {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}

.home .group li {
	width:250px;
	padding-bottom:10px;
}

.home #model-list {
	padding:40px 0 20px;
}

.search #wrap {
	background: none;
}

/*** footnotes ***/
.footnotes {
  background: #eee url('/images/layout/dots.gif') no-repeat top left;
  padding:10px 4px 2px;
  font-size:10px;
  margin-bottom:-26px;
}

#main .content .footnotes p {
  margin: 0 0 8px;
  line-height:1em;
}

/*** about ***/
.about #wrap {
	background:white;
}

.about #main {
	float:none;
	width:100%;
	margin-top:-20px;
}

.about #main .content {
	margin:0;
}

/*** popups ***/
.popup {
	margin:0;
}
.popup .content {
	padding:20px;
	border-left:40px #09f solid;
}