body {
	padding: 0px;
	font-family: Arial;
	margin: 0px;
	text-align: center;
	background-color: #EEE;
}

.invisible { display: none; }

a:link {
        color: #0099FF;
}
a:visited {
        color: #666;
}
a:hover {
        color: #CCCCCC;
}

a.black { color: #000; }

h1 {margin-bottom: 0px;	padding: 0px 0px 0px 20px;}
h3 {margin: 0px; color: #000;}
h2 {margin-top: 0px; border-bottom: 1px solid #333; color: #0099FF;}


#container {
	width: 795px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background-color: #FFF;
	border: 1px solid #333;
	border-top: 0px;
	background-color: #FFF;
}

#header {
	color: #FFF;
	background-image: url("/images/iterationlabs1.jpg ");
	background-position: -20px -27px;
	background-repeat: no-repeat;
	background-color: #FFF;
	border-bottom: 5px solid #0099FF;
	padding: 0px 0px 0px 0px;
	
}

#home_image
{
	background-image: url("/images/car3.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 200px;
	height: 200px;
	border-bottom: 1px solid #333;
}

#sub_header {
	padding: 10px;
	padding-left: 20px;
	background-color: #EEE;

	background: url("images/gradient_gray.jpg") no-repeat bottom left;
}
#sub_header h2 {
	font-weight: normal;
	font-size: 120%;
	margin: 0px;
	
}

#header h1 { color: #FFF; }

.orange { color: #0099FF; }
.yellow { color: #FFEE00; }
.purple { color: #990099; }

#footer {
	width: 795px;
	margin: 0 auto;
	margin-top: 2px;
	text-align: right;
	font-size: 75%;
	padding-right: 25px;
}

#menu {
  float: right;
  line-height: 25px;
  color: #000;
  margin-right: 15px;
}

#nav{float: right; margin-left: 10px; font-size: 85%;}
#nav, #nav li{list-style-type:none;margin:0;padding:0}
#nav li {
  float:left;
  margin-right: 5px;
  text-align: center;
}
#nav a, #nav a:link, #nav a:visited {
	float:left;
	width: 5em;
	padding: 7px 0px;
	background: #EEE;
	text-decoration:none;
	color: #333;
	border: 1px solid #AAA;
	border-bottom: none;
	display: block;
}
#nav a:hover, #nav a.selected, #nav a:visited.selected {
  background: #0099FF;
  color: #FFF;
  border: 1px solid #0099FF;
  border-bottom: none;
}

/* old menu code
#menu ul {
  margin: 0px;
  padding: 0px;
  text-align: right;
  list-style-type: none;
}

#menu li {
  float: right;
  margin:0px;
  padding:0px;
  border-right: 2px solid #333;
  list-style-type:none;
  white-space:nowrap;
}

#menu li a {
  float: right;
  display: block;
  padding: 2 10 2 10;
  background-color: #EEE; 
  color:#000; 
  text-decoration: none;
}

#menu .selected,
#menu a:hover
  {background-color:#0099FF; color: #FFF;}
*/

#leftbar {
	float: left;
	width: 250px;
	padding: 10px 10px 10px 10px;
	border-right: 1px dotted #999;
	margin-top: 10px;
	font-size: 80%;
}

#leftbar h4 {margin: 0px; }
#leftbar ul, #rightbar ul, #content ul{margin: 0px; margin-left: -20px !important; margin-left: 20px;}
#leftbar li, #rightbar li, #content li{margin-bottom: 10px;}
ul.buttons {list-style: none;}
ul.buttons li {margin: 0px;}

#rightbar {
	float: right;
	width: 485px !important; width: 525px;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	font-size: 80%;
}

.demo_odd, .demo_even {margin-bottom: 20px; padding: 3px;}
.demo_odd img, .demo_even img {border: 1px solid #CCC;}
.demo_odd {border: 1px solid #CCC; background-color: #EEE;}

h3.evolve a, h3.evolve a:hover, h3.evolve a:link {color: #669933;}
h3.rps a, h3.rps a:hover, h3.rps a:link {color: #AA66CC;}
h3.address a, h3.address a:hover, h3.address a:link {color: #0099FF;}

#content {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	font-size: 80%;
	min-height: 400px;
}

#content p, #rightbar p {margin-top: 0px; color: #333;}
#content li, #rightbar ul {color: #333;}

/* hacks */
.prop {
    height:80px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
