body {
    margin: 0;
    background: #28313A url(images/img01.jpg) repeat-x left top;
    font-size: 12px;
    color: #5C5C5C;
    font-family: Georgia, "Times New Roman", Times, serif;
}

img {
    border: none;
}

/* front page image(s) */

table#frontimage {
    width: 90%;
    margin-left: 5px;
    text-align: center;
}


a, a:visited {
    color: #1B75A9;
    text-decoration: underline;
}

a:hover, a:active {
    color: inherit;
    transition: color .5s ease;
    text-decoration: none;
}

/* whole upper part of the page */

#header {
    width: 980px;
    margin: 0 auto;
    height: 60px;
    border: 10px #FFFFFF solid;
}

/* main navigation menu */

#nav {
    display: block;
    position: relative;
    background-image: url('images/img06.jpg');
    height: 58px;
    width: 980px;
    text-transform: uppercase;
}

#nav a {
    text-decoration: none;
}

/* area above the navigation menu (name and fmi logo) */

#logo {
    width: 880px;
    height: 130px;
    margin: auto;
}

/* abbreviation of the long name: "SVFD" etc. */

#logo h1 {
    margin-top: 75px;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: normal;
    color: #28313A;
}

/* it is a link */

#logo h1 a {
    color: #28313A;
    text-decoration: none;
}

/* long name of this page */

#logo h2 {
    line-height: normal;
    font: 16px Georgia, "Times New Roman", Times, serif;
    float: left;
    margin-left: 30px;
    margin-top: 80px;
    color: #28313A;
}

#logo h3 {
    line-height: normal;
    font-family: 'URW Palladio L', 'Palatino Linotype', Cambria, serif;
    font-size: 11px;
    float: left;
    margin-left: -283px;
    margin-top: 102px;
    color: #28313A;
}


/* FMI logo */

#logo p {
    float: right;
    margin-top: 70px;
}

/* whole page */

#page {
    width: 980px;
    margin: 0 auto;
    border: 10px white solid;
    background-color: white;
}

/* main content */

#content {
    float: left;
    width: 790px;
    min-height: 550px;
    border-right: 1px dashed #DFE1E0;
}

#content p {
    width: 550px;
    margin-left: 30px;
    margin-bottom: 20px;
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
}

#content form {
    margin-left: 30px;
}

#content h1 {
    margin-left: 30px;
}


/* side content wrapper */

#sidecontent {
    float: right;
    width: 180px;
}

#searchcontent {
    float: right;
    width: 600px;
}

/* language selection */

#flagz {
    float: right;
    margin-right: 60px;
    margin-top: 20px;
    width: 70px;
}

#flagz td {
    padding-right: 20px;
}

/* links on the right */

#sidemenu {
    float: right;
    margin-right: 38px;
    margin-top: 20px;
    width: 120px;
}

#sidemenu ul {
    line-height: 26px;
    text-align: center;
    list-style: none;
    padding: 0;
}

h3 {
    margin-left: 30px;
} 

/* fmi, nasa etc. logos on the right */

#logoz {
    margin-right: 65px;
    float: right;
    text-align: center;
    margin-top: 25px;
}

#logoz td {
    line-height: 30px;
}

/* footer 

#footer {
    padding: 10px;
    height: 30px;
    width: 960px;
    margin: 0 auto;
    background-color: #E5E5E5;
    border: 10px white solid;
    font-size: 12px;
    text-align: center;
    color: #595959;
    vertical-align: middle;
}
*/
#footer {
    width: 980px;
    margin: 0 auto;
    background-color: #E5E5E5;
    border: 10px white solid;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
}


/*
#footer p {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #595959;    
}
*/
#footer a {
    text-decoration: none;
}

/* tables on each product page */

table.indi{
    margin-top: 30px;
    margin-left: 30px;
    width: 90%;
    text-align: center;
}

table.indi td {
    padding-bottom: 2em;
}

table.indi h2 {    
    font-size: 20px;
    font-family:"Times New Roman",Georgia,Serif;
}

/* individual/composite switch */

#selector {
    margin-left: 80px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* table on the "products" page */

table.products{
    margin-top: 20px;
    margin-left: 20px;
    text-align: center;
    width: 700px;
}

table.products thead {
    line-height: 30px;
}

td.leftcol {
    padding-left: 20px;
}

td.rightcol {
    padding-right: 20px;
}

table.products a {
    color: #595959;
}

/* FAQ list */
#faq {
    margin-left: 10px;
    font-size: 12px;
    width: 550px;
    text-align: justify;
    line-height: 20px;
    margin-top: 25px;
}

#faq li {
    margin-top: 15px;
}


/* navigation pop-up menus */

#navmenu {
    padding: 10px;
    margin: 10px;
    float: left;
    width: 100%;
}

#navmenu ul {
    line-height: 24px;
    padding: 0px;
    margin: 0px;
    display: none;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    background: rgb(86,132,169);
}

/* sub-menu (not in use at the moment) 

#navmenu ul ul {
    margin-top: -5em;
    left: 55%;
    background: rgb(55,194,223);
}
*/

#navmenu > li {
    float: left;
}

#navmenu li {
    margin: 0px;
    list-style-type: none;
    color: black;
    padding: 0px;
}

#navmenu li:hover > ul {
    display: block;
}

#navmenu ul.parent_hover {
    display: block;
}

#navmenu a {
    color: white;
    padding: 0 60px;
    background: none;
    display: block;
    width: 100%;
}

#navmenu ul a {
    padding: 0 10px;
    width: 140px;
    border-top: 1px solid rgb(46,67,83);
}

#navmenu ul li:hover {
    color: black;
    background-color: rgb(37,139,188);
}


/* search page */
.search {
    margin-bottom: 15px;
}


table.manyprods {
    padding: 5px;
}

table.manyprods td {
    vertical-align: top;
}

table.javaz {
    padding: 0px;
    text-align: center;
}

table.labels {
    text-align: left;
    padding: 2px;
}

td.lab  {
    font-size: 13px;
}


/* for spark */

#selector_spark {
    margin-left: 80px;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
}
table.indi_spark{
    margin-top: 30px;
    margin-left: 30px;
    width: 90%;
    text-align: center;
}
table.indi_spark td {
    padding-bottom: 0em;
}
table.indi_spark h2 {
    border-top: 1px dotted;
    padding-top: 20px;
    margin-bottom: -5px;
    margin-top: 30px;
    font-size: 20px;
    font-family:"Times New Roman",Georgia,Serif;
}
#logo h4 {
    line-height: normal;
    font: 22px Georgia, "Times New Roman", Times, serif;
    float: left;
    margin-left: 20px;
    margin-top: 80px;
    color: #28313A;
}
#nav_spark {
    position: relative;
    background-image: url('images/img06.jpg');
    height: 58px;
    width: 1000px;
}
#header_spark {
    width: 1000px;
    margin: 0 auto;
    height: 60px;
    border: 10px #FFFFFF solid;
}
#footer_spark {
    width: 1000px;
    margin: 0 auto;
    background-color: #E5E5E5;
    border: 10px white solid;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
}
#page_spark {
    width: 1000px;
    margin: 0 auto;
    border: 10px white solid;
    background-color: white;
}
#content_spark {
    float: left;
    width: 950px;
    min-height: 550px;
}