/* CSS Document */

/* main body style */

body{
background: url("/static_art/background_pattern.gif") repeat 0 0;
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
}

/* containter */

#container{
width: 704px;
margin: 2em auto;
}

#container2 {
background: #FFF;
border: solid #000;
border-width: 1px 3px 3px 1px;
float: left;
padding: 0;
width: 700px;
}

/* content group */

#content_group {
float: left;
width: 100%}

/* top navbar */

#top_nav {
background: #000;
float: left;
margin: 0;
padding: 0 0 0 10px;
width: 690px;
}

#top_nav li {
display: inline;
float: left;
}

#top_nav a {
color: #FFF;
font-size: 11px;
font-weight: bold;margin: 0;
text-decoration: none; 
width: auto;
}

#navbar a:hover {
background: #FFF;
}

/* content group-masthead */

#masthead {
background: #000;
border-bottom: 1px solid #000;
float: left;
padding-top: 20px;
}

#masthead2 {
background: #000;
border-bottom: 1px solid #000;
float: left;
}

/* content group-main content */

#content {
color: #000;
display: block;
float: left;
padding: 10px 10px 0 10px;
width: 690;
}

#content p {
border-bottom: 1px dashed #000;
padding: 0 0 10px 0;
}

/* content-group2 */

#content_group2 {
float: left;
padding-bottom: 5px;
padding-top: 10px;
width: 700px;
}

#supply_chain {
float: left;
width: 232px;
}

#supply_chain b {
background-color: #86B3CD;
display: block;
font-style: bold;
margin: 0 10px 0 10px;
padding-left: 10px;
}

#supply_chain p {
margin: 0 10px 0 10px;
}

#industry_standards {
border-left: 1px dashed #000;
border-right: 1px dashed #000;
float: left;
width: 232px;
}

#industry_standards b {
background-color: #86B3CD;
display: block;
font-style: bold;
margin: 0 10px 0 10px;
padding-left: 10px;
}

#industry_standards p {
margin: 0 10px 0 10px;
}

#best_practices {
float: right;
width: 231px;
}

#best_practices b {
background-color: #86B3CD;
display: block;
font-style: bold;
margin: 0 10px 0 10px;
padding-left: 10px;
}

#best_practices p {
margin: 0 10px 0 10px;
}

/* content-group3 */

#content_group3 {
border-top: 1px dashed #000;
float: left;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 15px;
width: 700px;
}

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

#work_in_progress b {
background-color: #000;
border-right: 1px dashed #000;
color: #FFF;
display: block;
font-style: bold;
margin: 0 10px 0 10px;
padding-left: 10px;
}

#work_in_progress p {
border: 1px solid #000;
margin: 0 10px 0 10px;
padding: 10px;
}

#news {
float: right;
width: 350px;
}

#news b {
background-color: #000;
color: #FFF;
display: block;
font-style: bold;
margin: 0 10px 0 10px;
padding-left: 10px;
}

#news p {
border: 1px solid #000;
margin: 0 10px 0 10px;
padding: 10px;
}

/* footer */

#footer {
display: block;
float: left;
margin: 0;
padding: 0;
width: 100%;
}

#footer p {
background: #000;
color: #FFF;
font-size: 10px;
text-align: center;
}
/* section content */

#section_content {
float: left;
width: 423px;
margin: 15px 20px 0 10px;
}

#section_content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
}

/* document */

#documents_group {
background-color: #CCC;
float: right;
padding-bottom: 12px;
width: 227px;
}

#documents {
width: 214px;
margin: 15px 10px 0 10px;
}

#documents b {
background-color: #000;
border-right: 1px dashed #000;
color: #FFF;
display: block;
font-style: bold;
margin: 0;
padding: 0 10px 0 10px;
}

#documents p {
margin: 0;
padding: 0 10px 0 10px;
}