html {
font-family:arial, helvetica, sans-serif;
font-size:80%;
color: #000000;
background: #003e19 url(images/html1.png) repeat-y center center
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin: 10px auto 10px auto;
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
background-color: #003e19;
background-image: url(images/body.png);
min-height: 595px;}

#banner {
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
background-color:#003e19;
border-top:2px solid #ECECEC;
border-bottom:2px solid #ECECEC;
background-image: none;}

#banner p {
position:absolute;
top:17px;
left:90px;
padding:0;
margin:0;
font-family:serif;
font-size:3em;
font-style:italic;
line-height:1.4em;
color:#F3F8FF;
}

#nav-main {
position:absolute;
top:252px;
left:18px;
height:26px;
width:auto;
font-family:Georgia, serif;
font-size:1.25em;
z-index:1;
}

ul#menu, ul.submenu{
    margin: 0;
    padding: 0px;
    list-style: none;
}
ul#menu li{
    float: left;
}
    
/* hide the submenu */
li ul.submenu {
    display: none;
}
ul#menu li a{
    display: block;
    text-decoration: none;
    color: #003e19;
    padding: 3px 6px 3px 6px;
    background: #558c6a;
    float:none;
}

ul#menu li a.current{
background: #cdefdc
}

ul#menu li:hover a.current {
color: #cdefdc;
}

/* show the submenu */
ul#menu li:hover ul.submenu{
    display: block;
    position: absolute;
    float:left;
}
ul#menu li:hover li,  ul#menu li:hover a {
    float: none;
    background: #003e19;
    color: #cdefdc
}

ul#menu li:hover li a:hover {
    background: #cdefdc;
    color: #003e19;
}


#container {
position:relative;
top:295px;
height:100%;
background-color: #558c6a;
background-image: none;
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:30px;
}

#main-content {
position:relative;
width:675px;
background:transparent;
}

#content {
position:relative;
width:525px;
background:transparent;
}

#main-content p, table {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image: url(images/shadow3.png);
background-position:bottom left;
background-repeat:no-repeat;
}

#content p, {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image: url(images/shadow2.png);
background-position:bottom left;
background-repeat:no-repeat;
}

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-position:bottom left;
background-repeat:no-repeat;
background-image: none;}

#book-name{
font-size: 25px;
text-align:left;
font-family: fantasy;
color: #000000;
font-weight: bold;}

#title{
font-size:18px;
color:#000000;
text-align:left
}

.photo{
padding:2px;
border: 1px #003e19 solid
}

.line {
background: url(images/line.jpg) repeat-x left 7px;
text-align:right;
color: #558c6a;}

.line2 {
background: url(images/line2.jpg) repeat-x left 7px;
text-align:right;
color: #558c6a;}

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
border-bottom: 1px #003e19 solid
}

h1 {
width:675px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color: #000000;
background-image: none;}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.5em;
color:#000;
padding-left:25px;
background-position:bottom left;
}

h2 {
background-image: none;
}

h3, h4, h5, h6 {
background-image: none;
}

h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}
#nav-subs {
position:absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;
background: #558c6a top center
}


#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top: 1px #003e19 solid
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color:#888;
background:transparent url("images/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color:#CCC;
background:transparent url("images/dot2.gif") left center no-repeat;
}

#nav-subs .youarehere {
text-decoration:none;
color:#333;
background:transparent url("images/dot3.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#nav-supp {
border-top:50px solid #F8FBFF;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

figure, figcaption {

display: block;
 font-style: normal;
 font-variant: small-caps;
font-weight: bold;
text-align: center;}

/*additional*/
A:link {
color: #a4f5ab;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color: #cdefdc;
text-decoration:underline;
}

A:hover {
color: #cdefdc;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}



table.listing td  {

color: #000000;
font-family:arial;
font-size:10px;
padding:1px 0px;
line-height:13px;
background-image: none;}

.section {
text-decoration: underline;
font-size: 1.75em;
font-style: normal;
font-family: arial, helvetica, sans-serif;
font-weight: bold;}

.sectiontitle {
font-family: arial, helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-decoration: underline;
}

.sectionsubtitle {
font-family: arial, helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
font-style: italic;
line-height: 1.8em;}

.noback {
background-image: none;
}