/* CSS Document */ 
body {
	height					: 100%;
	margin 					: 0em;
	padding 				: 0em;
	background-color 		: #fff;

	font-family				: "arial", verdana, helvetica, sans-serif;
	font-size				: 100%;
}

a img {
	border					: none;
}
td {
	vertical-align			: top;
}

.right { float			: right;}
.left  { float			: left;}

#body {
	width				: 100%;
}

#content strong {
	color				: #000;
}

#body td {
	vertical-align			: top;
}

#mastbar1 {
	 background				: #D7CEC8 url('/images/background_mastbar1.jpg') 13px 0px repeat-y;
	 height					: 1.7em;
	 text-align				: right;
	 font-size				: 1em;
}


* html #mastbar1 {
	padding-top				: 0.2em;
	height					: 1.5em;
}

#mastbar1 ul {
	margin	 				: 0em;
	margin-left				: 200px;
	padding					: 2px 0px 5px 0px;
}

#mastbar1 li {
	display					: inline;
	list-style-type			: none;
	margin-right			: 0.6em;
	font-size				: 0.7em;
}
#mastbar1 li span {
	margin-left				: 0.6em;
}
#mastbar1 li a {
	color					: #333;
	text-decoration			: none;
}
#mastbar1 li a:hover {
	text-decoration			: underline;
}

#mastbar1 li.active a {
	font-weight				: bold;
}




#mastbar2 {
	background				: #525E47 url('/images/background_mastbar2.jpg') 0px 0px repeat-y;
	height					: 2.5em;
	text-align				: left;
	padding-right			: 0.5em;
	padding-top				: 0.1em;
	font-size				: 1em;
	color					: #fff;
}

* html #mastbar2 {
	padding-top				: 0.5em;
	height					: 2.2em;
}

#mastbar2 h1 {
	font-size				: 1em;
	margin					: 0em;
	margin-top				: 0.2em;
	margin-left				: 12em;
	x-color					: #D7CEC8;
	color					: #fff;
}

#mastbar2 h1 small {
	display					: block;
}


* html #mastbar2 h1 {
	margin-top				: 0.4em;
}

#mastbar2 ul {
	margin	 				: 0em;
	margin-left				: 200px;
	padding					: 2px 0px 5px 0px;
}

#mastbar2 li {
	display					: inline;
	list-style-type			: none;
	margin-right			: 0.6em;
	font-size				: 0.7em;
}
#mastbar2 li span {
	margin-left				: 0.6em;
}
#mastbar2 li a {
	color					: #fff;
	text-decoration			: none;
}
#mastbar2 li a:hover {
	text-decoration			: underline;
}

#mastbar2 li.active a {
	font-weight				: bold;
}






#branding {
	background				: #fff url('/images/background_branding.jpg') 0px 0px repeat-y;
	height					: 7.4em;
	border-left				: 13px solid #fff;
}

#branding #logo {
	float					: left;
	background				: #3CA436 url('/images/basf_logo.jpg') bottom left no-repeat;
	height					: 119px;
	width					: 160px;
	border					: 1px solid #fff;
	border-top				: none; 
}

#branding #logo h2{
	margin					: 0em;
	position				: absolute;
	top						: -5em;
}


#branding #brimg {
	float					: right;
	background				: #fff url('/images/brimg.jpg') top left no-repeat;
	border					: 1px solid #fff;
	border-left				: none;
	border-right			: none;
	width					: 74.5%;
	height					: 7.4em;
}





#wrapper { 
	border-left				: 14px solid #fff; 
	margin					: 0em;
	/* this is a border with marginal compensation to stop scroll bars */
}


   
#left {
	width					: 160px;        /* left column width */
	margin-left				: -161px;       /* _negative_ left column width */
}

html>body #left { 
/* Only show this to Non IE browsers : 
	IE6 make sthe menu jump out of position when 
	resized with column being 100% whereas other browsers 
	choke without the height value set, without the height 
	set the menu slides under the footer and the page doesn't grow : Solution > use a better browser*/

	height					: 100%;
}

#right {
	width					: 189px;       /* right column width */
	
}



#right div.padding, #left div.padding, #content div.padding {
	padding : 5px 5px 5px 10px;
	/* PADDING CHANGES ONLY MADE HERE*/
}

#content div.padding {
	x-padding-right		: 5em;
}

/* Main layout engine code */
#outer { 
	width					: 79%; 
	
	border-left-width		: 160px;  	border-left-color		: #A0CE91;   
	border-right-width		: 189px; 	border-right-color		: #fff;
	background-color		: #fff;
	border-left-style		: solid; 

	border-right-style		: solid;
	margin-bottom			: -17px; 
}

#pinpoint_set img {
	width					: 300px;
}

#inner { 
	width					: 100%; 
}
#left { 	
	float					: left; 
	position				: relative; 
	z-index					: 10; 
}

#right { 
	position				: relative;
	font-size				: small;
	width					: 100%;
}




#clear,
.clear { 
	clear					: both; 
}




#content { 
	width					: 90%; 

	position				: relative; 
	z-index					: 12; 
	font-size				: small;
	padding-left			: 0.5em;
	/*border-left			: 1px solid #ccc;
	border-right			: 1px solid #ccc;*/
	

	
}

#content h2 {
	font-size				: 1.1em;
	color					: #525E47;
	padding-bottom			: 0.5em;
	border-bottom			: 1px solid #999;
}


#content p {
	line-height				: 1.3em;
}

#content ul {
	list-style-type			: square;
	list-style-image		: url('/images/bullet4.png');
	color					: #3CA436;
}

#content li {
	line-height				: 1.5em;
	color					: #000;
}

#content li a {
	font-size				: 1.1em;
}




#content a,
#right a {
	color					: #2B7F26;
	text-decoration 		: none;
	font-weight				: bold;
}

#content a:hover,
#right a:hover {
	color					: #3CA436;
	text-decoration 		: underline;
}






#right h2 {
	font-size				: 1.1em;
	color					: #525E47;
	padding-bottom			: 0.5em;
	border-bottom			: 1px solid #999;
}

#right p {
	line-height				: 1.3em;
	font-size				: 0.9em;
}

#right ul {
	list-style-type			: square;
	list-style-image		: url('/images/bullet1.png');
	color					: #3CA436;
}

#right li {
	line-height				: 1.3em;
	color					: #000;
}



#footer { 
	width					: 100%; 
	height					: 40px;
}

#footer p {
	font-size				: 0.7em;
	margin-bottom			: 0em;
	color					: #666;
	text-align				: center;
}

#footer a {
	color					: #666;
	font-weight				: bold;
	text-decoration			: none;
}