/****************************************************************/
/* Intelligent Origins Stylesheet                               */
/* Content & Images copyright Intelligent Origins.com           */
/* All rights reserved, use by permission only                  */
/* Authored by Internet DesignWorks                             */
/* Design for a Global Generation                               */
/****************************************************************/

/* Body Styles                                                  */

body{
  margin-top:0%;
  margin-bottom:0%;
  margin-left:0%;
  margin-right:0%;
  background-color:#ffffff;
  width:1024px;
}

/* Div Styles                                                  */

#address{
  font-family:helvetica, arial, verdana;
  font-size:75%;
  color:#000000;
  font-weight:600;
  width:85%;
  text-align:right;	
}


#book1{
  width:75%;
  float:left;
  font-family:helvetica, arial, tahoma;
  font-weight:600;
  font-size:75%;
  color:#333333;
  margin-left:18.5%;
  padding-left:3%;
  padding-right:5px;
  margin-bottom:10%;
  margin-top:-18%;
  border-bottom:2px solid #264c73;
}

#book1 h1{
  font-family:helvetica, arial, tahoma;
  font-weight:600;
  font-size:110%;
  color:#333333;
  text-decoration:overline underline;
}

#book1 h2{
  font-family:helvetica, arial, tahoma;
  font-weight:600;
  font-size:105%;
  color:#990000;
  font-style:italic;
  margin-top:-6px;
}

#book2{
  width:75%;
  float:left;
  font-family:helvetica, arial, tahoma;
  font-weight:600;
  font-size:75%;
  color:#333333;
  margin-left:18.5%;
  padding-left:5px;
  padding-right:5px;
  margin-bottom:4%;
  border-bottom:3px solid #264c73;
}

#book2 h1{
  font-family:helvetica, arial, tahoma;
  font-weight:600;
  font-size:110%;
  color:#333333;
  text-decoration:overline underline;
}

#book2 h2{
  font-family:helvetica, arial, tahoma;
  font-weight:600;
  font-size:105%;
  color:#990000;
  font-style:italic;
  margin-top:-6px;
}

#consider{
	width:35%;
	float:right;
	background-color:#000066;
    font-family:helvetica, arial, verdana;
    font-size:100%;
    color:#ffffff;
    font-weight:600;
    text-align:center;
	border:#006699 3px outset;
	padding:4px;
    margin-left:3px;
}

#consider h2{
 	font-family:helvetica, arial, verdana;
    font-size:35%;
    color:#ffffff;
    font-weight:600;
    text-align:center;
	border-top:#006699 2px outset;
   	border-bottom:#006699 2px outset;
    background-color:#ffffff;   	
    font-style:italic;
}

#consider a{
	color:#cccc99;
}

#consider a:hover{
	color:#cccccc;
}

#content{
  width:70%;
  font-family:helvetica, arial, verdana;
  font-size:75%;
  color:#000000;
  font-weight:500;
  margin-left:18%;
  margin-top:-18%;
  float:left;
}

#content h1{
  font-family:helvetica, arial, verdana;
  font-size:140%;
  color:#000066;
  font-weight:600;
  font-style:italic;
  text-decoration:underline overline;
  width:50%;
}

#content h2{
  font-family:helvetica, arial, verdana;
  font-size:140%;
  color:#000066;
  font-weight:600;
}

#content h3{
  font-family:helvetica, arial, verdana;
  font-size:120%;
  color:#000066;
  font-weight:600;
  font-style:italic;
}

#copy{
  width:100%;
  height:75px;
  background-image: url(http://www.intelligentorigins.com/images/backgrounds/copy.jpg);
  border-top:#0000cc outset 2px;
  font-family:helvetica, arial, verdana;
  font-size:75%;
  color:#ffffff;
  font-weight:500;
  text-align:center;
  clear:both;
}

#copy a{
	color:#ffff00;
}

#copy a:hover{
 color:#ff0000;	
}

#drray{
	width:35%;
	float:right;
	background-color:#000066;
    font-family:helvetica, arial, verdana;
    font-size:90%;
    color:#ffffff;
    font-weight:500;
    text-align:center;
	border:#006699 3px outset;
	padding:4px;
    margin-left:3px;
}

#drray h3{
    font-family:helvetica, arial, verdana;
    font-size:125%;
    color:#ffffff;
    font-weight:600;
    text-align:center;
	border-top:#006699 2px outset;
   	border-bottom:#006699 2px outset;
    background-color:#006699;   	
}

#drray a{
	color:#cccc99;
}

#drray a:hover{
	color:#cccccc;
}

#head{
  width:100%;
  height:125px;
  border-bottom:#0000cc 2px outset;
}

#head img{
  float:left;
}

/********************* INPUT CLASS ***********************************/

input.form{
	background-color:#000000;
	font-family:helvetica, arial, verdana;
	font-size:80%;
	font-weight:600;
	color:#ffffff;	
	display:block;
	text-decoration:none;
   	border:#006699 2px inset;
}

select.form{
	background-color:#000000;
	font-family:helvetica, arial, verdana;
	font-size:80%;
	font-weight:600;
	color:#ffffff;	
	display:block;
	text-decoration:none;
   	border:#006699 2px inset;
}

textarea.form{
	background-color:#000000;
	font-family:helvetica, arial, verdana;
	font-size:80%;
	font-weight:600;
	color:#ffffff;	
	display:block;
	text-decoration:none;
   	border:#006699 2px inset;
}
/********************* END INPUT CLASS ***********************************/
/********************* START NAV DIV   ***********************************/

#navbar{
	width:18%;
    margin-top:2%;
    margin-left:-3px;
}

#navbar ul{
	list-style-type:none;
	margin-left:-25px;
	text-align:center;
}

#navbar li a{
    background-color:#000000;
	font-family:helvetica, arial, verdana;
	font-size:75%;
	font-weight:600;
	color:#ffffff;	
	display:block;
	text-decoration:none;
	border:#006699 1px outset;
}


#navbar li a:hover{
	background-color:#006699;
	font-family:helvetica, arial, verdana;
	font-size:75%;
	font-weight:600;
	color:#000000;	
	display:block;
	text-decoration:none;
	border:#000000 1px inset;	
}
/********************* END NAV DIV ***********************************/

#publications{
	width:700px;
	text-align:left;
	vertical-align:top;
	font-family:helvetica, arial, verdana;
	font-size:75%;
	font-weight:500;
	color:#000000;
}

#publications h1{
	font-family:helvetica, arial, verdana;
	font-size:105%;
	font-weight:600;
	color:#ffffff;	
	background-color:#006699;
    border-top:#000000 outset 3px;
	border-bottom:#000000 outset 3px;
	width:75%;
}


#publications h3{
	font-family:helvetica, arial, verdana;
	font-size:100%;
	font-weight:600;
	color:#000066;	
    width:675px;
}

#whitespace{
	width:100%;
	height:10em;
	clear:both;
}