/* This bit derived from Tantek Celik's look at undoing browser inconsistencies */

:link,:visited { text-decoration: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0 }

a img,:link img,:visited img { border: none }

address { font-style: normal }

/* end bit derived from Tantek Celik's work */
	
body {
	/* margin: 1.5em 19em; */
	margin: 2em 3em;	
	font-size: 86%;
	font-family: geneva, "lucida grande", "Bitstream Vera Sans", lucida, verdana, arial, sans-serif;
	line-height: 1.5;
	text-align: center;
	background: #fff;
	color: #4e4e4e;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, geneva, sans-serif;
	margin: 1.2em 0em 1em 0em;
	}
	
h1 	{
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 0em;
	}

h2 	{
	font-size: 1.4em;
	font-weight: normal;
	}

h3 	{
	font-size: 1.2em;
	font-weight: normal;
	}

h4 	{
	font-size: 1.1em;
	font-weight: bold;
	}
	
h5 	{
	font-size: 1.0em;
	font-weight: bold;
	}
	
h6 	{
	font-size: 0.8em;
	font-weight: bold;
	}
	
ul, ol, dl {
	margin-bottom: 2em;
	margin-left:2em;
	}
	
li {
	margin-bottom: 0.5em;
	}
	
p	{
	margin: 1.2em 0em 1.2em 0em;
	}
	
a 	{

	}
	
a:link {
	font-weight: bold;
	color: #0066CC;
	}
	
a:visited {
	font-weight: bold;
	}
	
a:hover, a:active {
	/* color: #FF5C47; */
	text-decoration: underline;
	}
	
img {
	border: 0;
	}

#container {
	margin: 0 auto;
	text-align: left;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}

.left img {
	margin: 0 0.5em 0.5em 0;
	}

.right img {
	margin: 0 0 0.5em 0.5em;
	}
	
img.left {
	margin: 0 0.5em 0.5em 0;
	}

img.right {
	margin: 0 0 0.5em 0.5em;
	}

label {
margin: 0 0 3px 0;
display: block;
font-weight: bold;
}
	
.orangeBox {
	padding: 0.7em;
	background: #ffc;
	line-height: 1.45em;
	/* color: #300; */
	}
	
.orangeBox h2 {
	margin-top: 0;
	margin-bottom: 0.3em;
	}

.orangeBox p {
	margin-top: 0;
	margin-bottom: 0;
	}

.greyBox {
	padding: 0.3em;
	border: 1px solid #ccc;
	background: #e6e6e6;
	color: #333;
	}

.greyBox ul {
	margin-top: 1em;
	margin-right: 1em;
	}

.greyBox a {
	font-weight: normal;
	}

.greenBox {
	padding: 0.3em;
       border: 0;
       font-size: 0.9em;
       line-height: 1.3em;
	background: #fff url('/images/kolb/background-green-fade.gif') repeat-x;
	color: #111;
	}

.greenBox h2 {
       margin: 0.3em 0 0.7em 0;
       }

.greenBox ul {
       margin-top: 0.5em;
       margin-bottom: 0.5em;
       }

.greenBox li {
       margin-bottom: 0.3em;
       }

.greenBox p {
       margin:0.5em 0;
       }

.greenBox p.button {
       margin: 0.3em 0 0 0;
       }

.note {
	/* padding: 0.3em;
	border: 1px solid #cc6; */
	font-size: 0.95em;	
	/* background: #ff9; */
	color: #666;
	}
	
.clearboth { clear: both; }

.spacer {
	float: left;
	width: 3%;
	}	
	
/* Header Styles
*******************/

#headercol1 {
	float: left;
	width: 24%;
	min-width: 173px;
	margin-top: 0;	
	background-color: #fff;
	}

#headercol2 {
	float: left;
	margin-left: 3%;
	width: 67%;
	margin-top: 0;	
	background-color: #fff;
	}

#headercol2 h1 {
	padding-top: 7px;
	margin-bottom: 7px;
	}
	
#headercol2 p {
	margin-top: 0;
	font-size: 1.0em;
	}

#headercol1 #logo {
	margin-right: 2em;
	}

/* Main Styles
*******************/	

#maincol1 {
	float: left;
	margin-left: 3%;
	width: 32%;
	margin-top: 1.5em;
	line-height: 1.35em;	
	background-color: #fff;
}

#maincol1full {
	float: left;
	margin-left: 3%;
	width: 67%;
	margin-top: 1.5em;
	line-height: 1.35em;	
	background-color: #fff;
}

#maincol1full h2, #maincol1full h3 {
	margin-top: 0;
}

#maincol2 {
	float: left;
	width: 24%;
	min-width: 173px;
	margin-top: 1.5em;
	background-color: #fff;
}

#maincol3 {
	float: left;
	margin-left: 3%;
	width: 32%;
	margin-top: 1.5em;
	background-color: #fff;
}

#maincol3 h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
	}

#maincol3 ul {
	margin: 0 10px 20px 41px;
	padding: 0;
	color: #A7CC11;
	}

#maincol3 li {
	margin-bottom: 0.45em;
	font-size: 0.95em;
	line-height: 1.25em;
	}
	
#maincol3 li a {
	color: #0066CC;
	text-decoration: underline;
	}

#maincol3 li span {
	color: #434343;
	font-weight: bold;
}

/* Menu Styles
*******************/

#menu {
	margin: 0;
	list-style: none;
	color: #4e4e4e;
	}

#menu li {
	margin: 0;
	padding: 0.5em 0.3em 0.5em 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.15em;
	font-weight: bold;
	}
	
#menu li.last {
	border-bottom: 0;
	}

#menu a {
	display: block;
	font-weight: bold;
	color: #FF5C47;
	text-decoration: none;
	}
	
#menu a:hover {	
	color: #000;
	}

#menu #current {
       color: black;
       }
	

/* Footer Styles
*******************/

#footer {
	float: left;
	width: 94%;
	margin-top: 1.5em;	
	background-color: #fff;
	}

#footer p {
	font-size: 0.9em;
	line-height: 1.2em;
	}
	
/* about bios
******************/

.bio {
	padding-bottom: 1em;
	}
	
.bio h2 {
	margin-bottom: 0.3em;
	}
	
.bio p.info {
	margin-top: 0;
	font-weight: bold;
        color: #797979;
	}

.biophoto {
	border: 1px solid #e8e8e8;
	padding: 0.45em;
	width: 150px;
	}
	
/* products
*******************/
	
.productImages img {
	margin-left: 2em;
	margin-bottom: 0.5em;	
	}

a.buyMe {
	background: transparent;
	font-weight: normal;
	}

.buyMe img {
	margin-bottom: 2.0em;
	}
	
a.buyMe:hover {

	}
	
/* research
*******************/	

.documents {
    padding-left: 0em;
    list-style: none;
    }
	
.documents li {	
    padding-left: 14px;
    background-image: url(/images/kolb/document.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    }

html[xmlns] .documents {
    padding-left: 0em;
    }

html[xmlns] .documents li {
    background: none; /* undo the background-image */
    list-style-image: url(/images/kolb/document.gif);
    padding: 0;
    }

.documents a:visited {
	color: #0066CC;
	}

/* contact form
*******************/

#contact form {
	margin: 0;
	padding: 0.3em;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	}
	
#contact input, #contact select {
font-size: 1em;
width: 250px;
}


#contact textarea {
	width: 350px;
	font-size: 1.4em;
	}

#contact input[type=checkbox] {
float: left;
margin: 2px 5px 0 0;
}

#contact input[type=checkbox] + #contact label {
float: none;
width: auto;
}

#contact input[type=submit] {
margin: 0 5px 0 0;
}

#contact label {
float: left;
width: 130px;
padding: 0 0 5px 5px;
margin: 0;
background-color: transparent;
color: #444;
border: 0;
}

.announcement {
margin-bottom: 1em;
padding: 0.7em;
background: #464646;
color: #e6e6e6;
}

.announcement h2 {
margin-top: 0;
font-size: 1.3em;
}

.announcement p {
margin-bottom: 0.7em;
}

.announcement p a, .announcement p a:link, .announcement p a:visited {
color: white;
text-decoration: underline;
}

.announcement p a:hover {
color: #EA2C2D;
}