html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: #B7B7B7;
    background-image: url('graphics/white-page.gif');
    background-repeat: repeat-y;
    background-position: top center;   
    font-family: Arial, Helvetica, sans;
    font-size: 9pt;
    color: #000000;
}
a {
    color: #333399;
}
h2 {
    display: block;
    margin: 0px 0px 10px 0px;
    font-family: Arial, Helvetica, sans;
    font-size: 12pt;
    height: 20px;
    color: #4F65AD;
    background-image: url('graphics/underline.jpg');
    background-repeat: no-repeat;
    background-position: bottom left; 
}
#background {
    height: 400px;
    background: #B7B7B7;
    background-image: url('graphics/background.gif');
    background-repeat: repeat-x;
}
#header {
    height: 140px;
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('graphics/logo.gif');
    background-repeat: no-repeat;
    background-position: top left;   

}
#main {
    height: 300px;
    margin: 15px 0px 0px 0px;
    background-image: url('graphics/white-page.gif');
    background-repeat: repeat-y;
    background-position: top center; 
}
#middle {
    width: 730px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
#navigation {
    height: 140px;
    width: 440px;
    float: right;
    border: solid #555555;
    border-width:  0px 0px 0px 5px;
    background: #020415;
    background-image: url('graphics/nav-background.gif');
    background-repeat: repeat-x;

    font-weight: bold;
    color: #FFFFFF;
}
#navigation a {
    margin: 0px;
    padding: 0px;
    color: #AAAAAA;
    font-size: 9pt;
    text-decoration: none;
}
#navigation a:hover {
    background: #19285D;
}
#navigation b {
    display: block;
}
#navigation b a {
    font-size: 11pt;
    color: #FFFFFF;  
    background: #19285D;  
}
#navigation b b a {
    background-image: url('graphics/arrow.gif');
    background-repeat: no-repeat;
    background-position: right;
}
#navigation b a:hover {
    background: #19285D;
}
#navigation b b a:hover {
    background-image: url('graphics/arrow.gif');
    background-repeat: no-repeat;
    background-position: right;
}
#navigation ul {
    /*margin: 0px 0px;*/
    padding: 0px;
    list-style-type: none;
}
#navigation li {
    margin: 2px 0px;
    padding: 0px;
}
#list-2 li {
    margin: 0px 0px;
    padding: 0px;
}
#list-1 {
    margin: 3px 0px;
    float: left;
}
#list-1 a {
    display: block;
    padding: 1px 10px;
    width: 135px;
}
#list-2 {
    margin: 0px 0px;
    float: left;
    border: solid #555555;
    border-width:  0px 0px 0px 5px;
}
#list-2 a {
    display: block;
    padding: 1px 10px;
    width: 135px;
}
#list-3 {
    margin: 0px 0px;
    float: left;
    border: solid #555555;
    border-width:  0px 0px 0px 5px;
}
#list-3 a {
    display: block;
    padding: 0px 10px;
    width: 98px;
}
.right-column {
    width: 225px;
    float: right;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    border: solid #DDDDDD;
    border-width:  0px 0px 0px 2px;
}
.right-column img {
    margin: 0px 15px;
}
.apps ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.apps li {
    padding: 0px;
    border: solid #FFFFFF;
    border-width: 1px 0px 1px 0px;
}
.apps h4 {
    display: block;
    margin: 0px;
    padding: 5px 15px;
    background: #F3DEC1;
    border: solid #FFFFFF;
    border-width: 0px 0px 1px 0px;
}
.apps {
    clear: right;
    margin: 20px 0px;
}
.apps a {
    display: block;
    margin: 0px;
    padding: 3px 20px;
    background: #F9F3DD;
    font-size: 10pt;
    text-decoration: none;
}
.apps a:hover {
    background: #F6EACA;
}
.left-column p {
    margin: 8px 0px 8px 15px;
}
.logos {
}
.vendors {
    margin-right: 10px;
    width: 125px;
    height: 250px;
    float: left;
}
img {
    border-width: 0px;
}
#footer {
    clear: both;
    margin: 25px 0px 0px 0px;
    padding: 5px;
    border-width: 2px 0px;
    text-align: center;
    font-size: 8pt;
    background-image: url('graphics/footer.gif');
}
#footer a {
    text-decoration: none;
}
/*.app-index-pic {
    padding: 0px 0px;
    width: 100px;
    float: left;
    text-align: center;
    background: #EEEEEE;
    border: solid #FFFFFF;
    border-width: 0px 5px 0px 0px;
}
.app-index-text {
    width: 510px;
    float: left;
    padding: 8px;
}
.app-index {
    margin: 0px 47px 10px 47px;
    background: #F9F3DD;
    border: solid #FFFFFF;
    border-width: 1px;
}*/
.app-index-pic {
    padding: 10px 0px;
    width: 110px;
    height: 100px;
    float: left;
    text-align: center;
    background: #EEEEEE;
    border: solid #FFFFFF;
    border-width: 0px 2px 0px 0px;
}
.app-index-text {
    width: 225px;
    float: left;
    padding: 8px;
}
.app-index {
    width: 360px;
    float: left;
    background: #F9F3DD;
    border: solid #FFFFFF;
    border-width: 2px;
}
.clear {
    clear: both;
}
h3 {
    font-size: 11pt;
    margin: 0px;
    padding: 0px;
}
h3 a {
    text-decoration: none;
    color: #29418F;
}
h3 a:hover {
    text-decoration: underline;
    color: #D08756;
}
.prod-index {
    margin: 0px 47px 10px 47px;
    background: #EFF2FB;
    border: solid #FFFFFF;
    border-width: 1px;
}
.dust-app-pic {
    padding: 10px 0px;
    width: 420px;
    float: left;
    text-align: center;
    border: solid #FFFFFF;
    background: #EEE;
    border-width: 0px 5px 0px 0px;
}
.dust-app-text {
    float: left;
    margin: 10px;
    width: 190px;
}
.prod-index-pic {
    padding: 10px 0px;
    width: 120px;
    float: left;
    text-align: center;
    background: #EEEEEE;
    border: solid #FFFFFF;
    border-width: 0px 5px 0px 0px;
}
.dust-app-left {
    width: 635px;
    float: left;
    background: #F9F3DD;
    border: solid #FFFFFF;
    border-width: 0px 0px 0px 0px;
}
.prod-index-left {
    width: 450px;
    float: left;
    background: #F9F3DD;
    border: solid #FFFFFF;
    border-width: 0px 5px 0px 0px;
}
.prod-index-text {
    float: left;
    margin: 10px;
    width: 490px;
}
.prod-index-mnfct {
    float: left;
    padding: 10px 0px;
}
.prod-index-mnfct ul {
    list-style: none;
    margin: 5px 15px;
    padding: 0px;
}
.contact-info {
    border: solid #FFFFFF;
    border-width: 1px 0px; 
    background: #EFF2FB;
}
.contact-info p {
    display: block;
    height: 50px;
    margin: 0px;
    padding: 10px 0px;
}
.contact-info h3 {
    font-size: 12pt;
    color: #4F65AD;
    background: #F9F3DD;

    float: left;
    display: block;
    width: 110px;
    height: 50px;
    padding: 10px;
    margin: 0px 10px 0px 0px;
    text-align: right;

    border: solid #FFFFFF;
    border-width: 0px 5px 0px 0px; 
}
.plain-list ul {
    font-size: 12pt;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    list-style-type: none;
}
.plain-list h3 {
    display: block;
    float: left;
    width: 120px;
    margin: 0px 25px 0px 0px;
    text-align: right;
}
.application {
    padding: 25px;
    border: solid #CCCCCC;
    border-width: 0px 0px 1px 0px;
}
.app-photo {
    background: #F9F3DD;
    width: 420px;
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
}
.app-photo img {
    padding: 5px;
}
span.greenstrong {
	font-style: italic;
	font-weight: bold;
	color: #339966;
}
span.green {
	color: #339966;
}
.stronglist {
	//font-size: 12pt;
}
.stronglist li {
	padding: 10px 10px;
}
.app-caption {
    background: #FFFFFF;
    width: 300px;
    margin: 0px auto 5px auto;
    padding: 3px 6px;
    border: solid #E3AE53;
    border-width: 1px; 
    text-align: left;
}    
.prod_entry {
    background: #fff;
    /*background: #F9F3DD;*/
}
.prod_entry h3 {
}
.prod_photo {
    width: 300px;
    float: left;
    padding: 10px 0px;
    background: #FFFFFF;
    text-align: center;
}
.prod_text {
    background: #F9F3DD;
    width: 400px;
    float: left;
    margin-right: 0px;
    padding: 15px 15px 15px 15px;
}
.prod_divide {
    height: 10px;
    background: #FFFFFF;
    clear: left
}
.large {
   //font-size: 12pt;
}
hr {
	background: #ccc url(graphics/hr1.gif);
	margin-top: 0px;
	border: none;
	/*background-color: #ccc;*/
	color: #ccc;
	height: 9px;
}