
/* general styles */

body {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background: #cccccc;
}

img {
text-align: left;
border: 0px solid;
padding-right: 15px}

h1{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #ffffff;
margin: 5px; 
}

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #ffffff;
margin: 5px;
}

h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
color: #ffffff;
margin: 15px;
}

h5 {
font-size: 18px;
color: #ffffff;
margin: 0px;
padding: 5px;
}

p {
font-size: 12px;
color: #ffffff;
padding-right: 5px;
padding-left: 5px;}

/* layout styles */

#wrapper {margin:0px auto; width: 860px;
text-align: left;
padding: 0 !important;
line-height: 1.6em;
background: url('bg.jpg') 


}

#container {
margin:0px auto; width: 860px;
text-align: left;
padding: 0 !important;
line-height: 1.6em; 


height: 1%
}

#banner {
width: 860px;
height: 125px;

background-color: #000000;
margin-top: 20px;
background: #000000 url('header.jpg') no-repeat;
}


#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
}


#content {
float: left;
width: 220px; 
font-family: Verdana, Helvetica, Arial, sans-serif; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
padding-top: 15px;
padding-left: 5px;
line-height: 1.5em;}

* html #content {
margin-left: 0px;
}

#sidebar {
float: left;
width: 610px;
margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:0px;
text-align: justify;
padding-left: 5px;
padding-right: 5px;
}

#sidebar a{
color: #ffffff;
text-decoration: none;}

#sidebar a:hover{
color: #cccccc;}

#sidebar ul {
margin: 0;
padding: 0;
text-decoration: none;
border: none;}

#sidebar li {
color: #ffffff;
display: block;
list-style-type: none;
text-decoration: none;
padding-left: 10px;
font-size: 11px;}

 
#news {float: left;
width: 190px;
color: #ffffff;
padding-right: 5px;
line-height: 1.2em;
}

#news1 {
float: left;
width: 180px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 5px;
color: #ffffff;
line-height: 1.2em;
}

#news2 {float: left;
width: 160px;
line-height: 1.2em;
}

/* navigation */


#navigation {
float: left;
text-decoration: none;
padding-bottom: 5px;
padding-top: 20px;
padding-left: 5px;
width: 220px;
color: #000000;

}

#navigation ul {
margin: 0;
padding: 0;
text-decoration: none;
border: none;}

#navigation li {
width: 200px;
display: block;
list-style-type: none;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}

#navigation a {
width: 210px;
display: block;
line_height: 12px;
padding-left: 55px;
padding-top: 15px;
height:40px;
background: url('tab1.png') no-repeat;
text-decoration: none;
border: medium none;
margin-left: 20px;
margin-top: 30px;
color: #000000;}

#navigation a:hover {
width: 200px;
display: block;
border: 0px none;
background: url('tab3.png') no-repeat;
text-decoration: none;
color: #660099;}

/* main nav */

#nav-main {
height: 37px;
margin-bottom: 0px}

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: right;
width: auto;
margin-left:5px; margin-right:5px; margin-top:2px; margin-bottom:0;
font-size: 10px;
text-decoration: none;}

#nav-main a {
display: block;
color: #ffffff;
text-decoration: none;
padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom:2px;
font-size: 10px;
font-weight: normal;}

#nav-main a:hover {
color: #cccccc;
text-decoration: none;
padding: 4px 4px 2px 4px;
}

/* sub nav */

#nav-section {
}

#nav-section ul {
color: #ffffff;
margin: 0;
padding: 0 10px 0 10px;
text-decoration: none;}

#nav-section li {
list-style-type: none;
float: right;
padding-left: 5px;
padding-top: 35px;
padding-right: 25px;
text-decoration: none;
display: block;
}

#nav-section a {
text-decoration: none;
color: #ffffff;
font-size: 12px;
font-weight: bold;}

#nav-section a:hover {
text-decoration: none;
color: #cccccc;}

/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url('img/imgs/bullet_link.gif');
background-repeat: no-repeat;
background-position:  left center;
margin-left:10px; margin-right:0; margin-top:2px; margin-bottom:2px; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
}

/* footer */
#info-site {
width: 800px;
clear: both;
text-align: right;
background-position: center bottom;
margin: 0;
padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px

}

#info-site a, #info-site a:visited, #info-site li {
color: #cccccc;
font-size: 10px;
text-decoration: none;
}

#info-site ul{
margin: 0;
padding: 0;
text-decoration: none;
border: none;}

	
#info-site a:hover {
color: #cccccc;

}
	
#info-company {
margin:0px; width: 795 px;
height: 30px;
color: #FFFFFF; display: inline-block;
text-decoration: none
}


#info-company a, #info-company a:visited {
color: #000000;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;

}

#info-company a:hover, #info-company a:visited:hover {
color: #000000;
}

#info-standards, #info-standards a, #info-standards a:visited {
text-align: right;
text-decoration: none;
font-size: 10px;
padding: 0;
margin: 0px !important;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;}