@charset "utf-8";
/* CSS Document */

body {margin: 0;
padding: 0;
background-color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;}

#maincontainer {width: 985px;
background-color:#FFFFFF;
margin: 0 auto 1em auto;
padding: 0.5em  1.5em 1.5em 1.5em;
}

#top {padding: 0;
margin: 0 }

#topleft { width: 600px;
float: left; 
padding-top: 1em}

#topright {width: 300px; 
float: right;
text-align:right;
}

.clear {clear: both}

#topnav {background-color: #7c76bc;
padding: 0.5em;
margin: 1.25em 0  }

#topright a {color: #7c76bc;
text-decoration: none;
font-weight:bold;
padding-left : 1em}

#topright a:hover {color: #333}

p.date {padding: 2em 0 0.5em 0}

h1 {font-size: 12px;
font-weight: bold;
margin-top: 0}

h2 {font-size: medium;
font-weight: bold;
margin-top: 0}


h3 {
	color: #5953A8;
	font-weight: bold;
	font-size: 16px;
	margin-top: 0;
}

h4 {font-size: small;
font-weight: bold}


/*_________________topnav _____________*/

ul#horizontal {padding-left: 0;
margin: 0}

 ul#horizontal li {display: inline;

}

 ul#horizontal li a {color:#fff;
text-decoration: none;
padding: 0 2.25em 0 1.5em;
font-weight: bold;
font-size: 14px}

 ul#horizontal li   a:hover {color: #333}

 ul#horizontal li   a.on {color: #333}
 
 /*___sub menus_________________*/

ul#horizontal li
{	
	position: relative;	 
}
ul#horizontal ul 
{
	
	margin: 0; 
	padding: 0;	
	display: none;
	position: absolute; 
	top:1em;
	left: 1.5em;
	background-color:#7c76bc;
		width: 250px;
	
	
	}
	
ul#horizontal li:hover ul, ul#horizontal li.over ul
{	display: block;}
	
	ul#horizontal li a.drop 
{	font-size:12px;
	display: block;
	text-decoration:none;
	color: #fff;
	padding:  0.75em  ;
	text-align: left;
	}
	


ul#horizontal li a.drop:hover
{	color: #333;	}		
	
	ul#horizontal li a.dropfirst:hover
{	color: #333;	}		



/*___banners_________________*/

#bannerhome {width: 100%;
border: 1px solid #ccc;
height: 153px;

}

#banner {width: 100%;
border: 1px solid #ccc;
height: 153px;
background-image:url(images/banner.jpg);
background-position: top right;
background-repeat:no-repeat;
font-size: 15px;
font-weight: bold}

p.banner {padding-left: 1em}
.clearbanner {height: 60px}

#banner2 {width: 100%;
border: 1px solid #ccc;
height: 153px;
background-image:url(images/banner2.jpg);
background-position: top right;
background-repeat:no-repeat;
font-size: 15px;
font-weight: bold}

#banner3 {width: 100%;
border: 1px solid #ccc;
height: 153px;
background-image:url(images/banner3.jpg);
background-position: top right;
background-repeat:no-repeat;
font-size: 15px;
font-weight: bold}

#banner4 {width: 100%;
border: 1px solid #ccc;
height: 153px;
background-image:url(images/banner4.jpg);
background-position: top right;
background-repeat:no-repeat;
font-size: 15px;
font-weight: bold}

#banner5 {width: 100%;
border: 1px solid #ccc;
height: 153px;
background-image:url(images/banner5.jpg);
background-position: top right;
background-repeat:no-repeat;
font-size: 15px;
font-weight: bold}



p.banner2 {padding-left: 1em}
.clearbanner2 {height: 60px}

#banner a {color: #666699    ;
text-decoration: none}

#banner a:hover {color: #333333 }

#banner2 a {color: #666699    ;
text-decoration: none}

#banner2 a:hover {color: #333333 }

#banner3 a {color: #666699    ;
text-decoration: none}

#banner3 a:hover {color: #333333 }

#banner4 a {color: #666699    ;
text-decoration: none}

#banner4 a:hover {color: #333333 }


#banner5 a {color: #666699    ;
text-decoration: none}

#banner5 a:hover {color: #333333 }

/*___________content_____*/

#content {margin: 1em 0;
padding: 0;
}

#contentleft {width: 710px; 
float: left;

}

#contentleft a  {text-decoration: none;
color: #5953A8}

#contentleft a:hover {color: #333}

#contentleft1 {width: 710px; 
float: left;
padding: 1em 0 0 1em
}

#contentlefthome {width: 700px; 
float: left;
padding: 1em 0 0 2em
}

#contentlefthome a {color: #5953A8;
text-decoration: none;}

#contentlefthome a:hover {color: #333}


#contentleft1 a {color: #5953A8;
text-decoration: none;}

#contentleft1 a:hover {color: #333}

#contentleft1 ul li {margin-bottom: 1em}

#contentright1{width: 200px; 
float: right;
border: 1px solid  #7c76bc;
border-top: 1em solid #7c76bc;
margin: 1em 0 ;
padding: 0.5em 1em 0 1em;
color: #7c76bc}

#contentright1 a {color:#7c76bc;
text-decoration:none;
font-weight: bold;
}

#contentright1 a:hover {color: #333333}


#contentright2{width: 200px; 
float: right;
border: 1px solid  #7c76bc;
border-top: 1em solid #7c76bc;
margin: 0 0 1em 0;
padding: 0.5em 1em;
}


#contentright1 ul li {margin: 0 0 0 -2em;
padding: 0;
}


#leftlist {width: 250px;
float: left;
border: 1px solid #CCCCCC;
margin-top: 1em;
padding: 0.5em}

#centercontent {float: right;
width: 420px;
margin: 1em 0 0 0.5em; 
}

#centercontent a {text-decoration: none;
color: #5953A8}

#centercontent a:hover {color: #333}

#centercontent ul li {margin: 0 0 0.75em 0;}

#productcontent {float: right;
width: 510px;
margin: 1em 0 0 0; 
}

#productcontent a {color: #7c76bc;
text-decoration: none;}

#productcontent a:hover {color: #333333}

#productimage{width: 155px;
float: left;
margin-top: 1em;
}

#contentright2 a {color: #7c76bc;
text-decoration: none;}

#contentright2 a:hover {color: #333333}




/*__________tables___________*/

table.productsheet {
margin-top: 1em}


td.bold {font-weight: bold;
width: 150px;
}

td {vertical-align: top;}

td a {color: #7c76bc;
text-decoration: none;}

td a:hover {color: #333333}

p.sample {padding-top: 1em}

table#a-z {width: 710px;
margin: 1em 0 0 0}

#a-z td {border: 1px solid #CCCCCC;
padding: 5px}

#a-z td.header {border: 1px solid #FFFFFF;
color: #FF00CC}

table#contact  {text-align: left;
padding: 3em 2em;
border: 0;
vertical-align:top}

 td.head {
font-weight: bold;
}



table#contact td{border-bottom: 1px solid #ccc;
}

td.title {font-weight:bold;
padding-bottom: 3em;
}

/*__________lists__________*/

ul.publications {margin-left: -1.5em;
color: #7c76bc}

ul.publications li  {margin: 0 0 0.75em 0;}

ul.publications li a {color: #7c76bc;
text-decoration: none}

ul.publications li a:hover {color: #333}

#ulleft {width: 350px; 
float: left;
}

#ulright {width: 330px; 
float: right;
}

ul.contact {margin-top: 1em;
margin-left: -2em;
}




/*____________base___________*/

#base {width: 985px;
margin: 0.5em auto 1em auto;
font-size: smaller;
color: #fff;
text-align: center}

#base a {text-decoration: none;
color: #fff}

#base a:hover {color: #000000}

/*_______clients & links___________*/

#clients1 ul li{margin-bottom: 0.5em}

#clients2 ul li{margin-bottom: 0.5em}

#clients3 ul li{margin-bottom: 0.5em}

#clients1 {width: 220px;
float: left;
}

#clients2 {width: 220px;
float: left;
margin-left: 2em}

#clients3 {width: 220px;
float: right}


table#links {padding: 3px;
border: 0;
width: 670px;
margin-left: 2.5em}

table#links td {padding-right: 1em}

.links {padding: 1em 0 0 1.5em}

/*--------sitemap--------*/

#contentsitemap {padding: 2em;
font-size: small;}

#contentsitemap a {text-decoration:none;
color:#666}

#contentsitemap a:hover {text-decoration:none;
color:#9999CC}


/*-----news banner---*/

ul.newsbanner {margin: 0;
padding: 0}

ul.newsbanner li {list-style: none;
margin-bottom: 0.5em}