@charset "utf-8";
/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet); author:andy budd; website:   http://www.andybudd.com/

css by todd giannattasio
email: todd.giannattasio@basf.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
margin: 0;
padding: 0;
}

/* Put it back on certain elements */
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper p, #wrapper pre, #wrapper blockquote, #wrapper form, #wrapper fieldset, #wrapper table, #wrapper ul {
margin: 1em 0 0 0;
}

/* Class for clearing floats */
.clear {
clear:both;
}


/* Remove border around linked images */
img {
border: 0;
}

#wrapper{
width: 768px;
margin: 0px;
padding: 0px 0px 20px 0px;
}


/* =Typography
-----------------------------------------------------------------------------*/

#wrapper {
}


/* =Headings
-----------------------------------------------------------------------------*/

h2{font-size: 120%;}
h3{font-size: 115%;}
h4{font-size: 110%;}
h5{font-size: 100%;}

#wrapper h1{
text-indent: -9999px;
background-image:url(images/mearlite-header.jpg);
height: 160px;
width: 768px;
margin:0px;
}

#main-content ul#contact h3{
text-decoration: underline;
}

/*
ul#main-nav h3{
font-size: 110%;
padding-top: 0px;
margin: 0px 0px 0px -5px;;
} */

ul#contact h3{
padding-top: 0px;
margin-top: 0px;
}
/* =Links
-----------------------------------------------------------------------------*/

ul#main-nav li a:link, ul#main-nav li a:visited{
background-color: #ccdbea;
border: 1px solid #000;
padding: 5px;
}

ul#main-nav li a:hover{
color: #fff;
background-color: #004a96;
border: 1px solid #fff;
padding: 5px;
border: 1px solid #000;
}

/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/

#main-nav{
position: absolute;
top: 206px;
}

ul#main-nav{
list-style: none;
line-height: 30px;
padding-left: 5px;
}

ul#main-nav li{
display: inline;
margin-left: -5px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/

#content{
	padding: 10px 10px 0px 10px;

}

#main-content{
}

ul#contact{
	text-align: right;
	list-style: none;
	width: 250px;
	float: right;
	border: 1px solid #000;
	padding: 5px 5px 10px 5px;
	background-color: #ccdbea;
	color: #000;
	margin-top: 50px;
}

ul#contact li{
padding-top: 5px;
}


/* =Secondary Content
-----------------------------------------------------------------------------*/

.sub-section{
clear: both;
padding-top: 10px;
}


/* =Footer
-----------------------------------------------------------------------------*/

#site-info{
clear: both;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

.table01 { 
border-spacing: 0;
border-collapse: collapse;
font-size: 98%;
}
.table01 th{
text-align: left;
vertical-align: top;
text-decoration: underline;
padding-bottom: 10px;
}

.table01 td {
text-align: left;
font-weight: normal;
vertical-align: top;
padding:10px 5px 10px 5px;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

li.download-pdf{
padding-left: 5px;
margin-left: 15px;
list-style-image:url(images/icon-pdf.jpg);
}


/* =Misc 2
-----------------------------------------------------------------------------*/