@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 */
#wrapper * {
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{
margin: 1em 0;
}

#wrapper ul, #wrapper ol{margin-left: 20px;}
#wrapper blockquote{margin: 1em 20px; font-style:italic;}
strong{font-weight:bold;}
em{font-style:italic;}

/* =Utilities
-----------------------------------------------------------------------------*/
#wrapper .clear{clear:both;}
#wrapper .float-right{float: right;}
#wrapper .float-left{float:left;}

#wrapper .img{border: 1px solid #000000;}

#wrapper .img-caption-right{float: right; margin: 1em 0 1em 1em; padding: 10px; border: 1px solid #000000; font-style:italic; font-size:85%; width: auto;}
#wrapper .img-caption-left{float: left; margin: 1em 1em 1em 0; padding: 10px; border: 1px solid #000000; font-style:italic; font-size:85%; width:auto;}

#wrapper img.img-right{float:right; margin: 0px 0px 10px 10px; border: 1px solid #000000;}
#wrapper img.img-left{float:left; margin: 0px 10px 10px 0px; border: 1px solid #000000;}

#wrapper .drop-shadow-left{background-image: url(images/drop-shadow-left.jpg); background-position:left; padding-left: 20px;}
#wrapper .drop-shadow-right{background-image: url(images/drop-shadow-right.jpg); background-position:right; padding-right: 20px;}

#wrapper .attention{font-size: 110%; color: #0000ff;}


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

#wrapper{
width: 770px;
}


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

#wrapper {
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
}

#content{
font-size: .8em;
}

#main-nav{
font-size: .7em;
}


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

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

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

/* =Links
-----------------------------------------------------------------------------*/


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




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

#main-nav{
margin: -4px 0 10px -20px;
}

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

#main-nav ul li{
display: inline-block;
float: left;
}

	#main-nav ul li a:link, #main-nav ul li a:visited, #main-nav ul li a:active{
	padding: 5px 10px;
	border: 1px solid #000000;
	}
	
	#main-nav ul li a:hover{
	background-color: #999999;
	color: #ffffff;
	}

/* =Left Nav
-----------------------------------------------------------------------------*/

ul#left-nav{
list-style-image: url(http://www.basf.com/corporate/images/rarrow.gif);
padding-left: 15px;
margin: 0 0 0 30px;
width: 100px;
font-size:.7em;
/*position: relative;
top: -20px;
left: 6px;*/

}

ul#left-nav li{

margin-bottom: .5em;
}


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

#content{
padding: 0 20px 20px 20px;
}

#main-content{

}

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

#sub-content{
float: right;
width: 250px;
margin: 35px 0 10px 10px;
padding: 5px;
border: 1px solid #000000;
background-color: #ccdbea;
}

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

#site-info{
clear: both;
}

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

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


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

#wrapper table { 
border-spacing: 0;
border-collapse: collapse;
font-size: 98%;
}
#wrapper .table th{
text-align: left;
vertical-align: top;
}

#wrapper .table td {
text-align: left;
vertical-align: top;
}