﻿body { 
margin: 0;
padding: 0; 
text-align: center;
font-family: Verdana, Arial, Geneva, Georgia, sans-serif;
font-size: 100.01%; 
font-weight: normal; 
color: #555;
text-decoration: none; 
/*
background: #acbbc6 url('/images/bg-body2.png') repeat-x top left;
*/
background: #315671 url('/images/bg-body.png') repeat-x top left;
} 

h1 {
}

h2 {
}

h3 {
}

p {
}

#shadow_wrap {
width: 800px;
margin: 0 auto; 
padding: 0;
text-align: center;
/*
background: url('/images/body-bg-800-2.png') no-repeat top center;
*/
background: url('/images/body-bg-800.png') no-repeat top center;
}

#container {
width: 750px;
margin: 0 auto; 
padding: 0;
text-align: center;
}

#header {
margin: 0;
padding: 0;
height: 72px;
}

#logo {
float: left;
width: 241px;
height: 61px;
margin: 0;
margin-left: 10px;
padding: 0;
padding-top: 5px;
text-align: left;
}

#top_nav {
float: right;
width: 400px;
margin: 0;
margin-right: 1px;
padding: 0;
text-align: right;
}

#top_nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#top_nav li {
display: inline;
margin: 0;
padding: 0;
}

#top_nav li a {
margin: 0;
padding: 0.3em 0.6em;
font-size: 0.7em;
color: #e6e6e6;
text-decoration: none;
border: 1px solid #18344c;
}

#top_nav li a:hover {
color: #fff;
background: #48487c url('/images/nav-li-a-bg.png') repeat top left;
border: 1px solid #315671;
}

#nav {
margin: 0;
padding: 0;
font-size: 0.7em;
height: 23px;
margin-top: 1px;
}

#nav ul {
list-style-type: none;
text-align: right;
margin: 0;
padding: 0;
width: 750px;
}

#nav li {
display: inline;
margin: 0;
padding: 0;
}

#nav li a {
margin: 0;
padding: 0;
padding: 0.7em 0.4em;
font-weight: bold;
color: #e6e6e6;
text-decoration: none;
background: #315671 url('/images/nav-li-a-bg.png') repeat top left;
border: 1px solid #315671;
}

#nav li a:hover {
color: #fff;
background: #18334b url('/images/nav-li-a-hover-bg.png') repeat top left;
}

#nav li a#current {
cursor: default; 
color: #fff;
background: #18334b url('/images/nav-li-a-hover-bg.png') repeat top left;
}

#banner {
height: 140px;
padding: 2px;
background: #dae1e6;
border-bottom: 7px solid #ff8b23;
}

a {
color: #333;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000;
}

ul {
}

li {
font-size: 0.9em;
}

form {
}

acronym {
font-weight: bold;
border-bottom: 1px solid #000;
cursor: help;
}

img {
border: 0;
}

strong {
font-weight: bold;
}

#content_container {
margin: 0;
padding: 0;
background: #fff;
border-bottom: 7px solid #dae1e6;
}

#content h2 {
font-size: 1.5em;
margin: 0;
padding: 0;
color: #18334b;
}

#col_wrap {
float: right;
text-align: center;
width: 180px;
margin: 0;
padding: 0;
}

#column {
margin: 0;
padding: 0;
text-align: left;
font-size: 0.9em;
color: #777;
}

#column div {
text-align: left;
margin: 0;
padding: 0;
background: #ededed;
background: #fff;
}

#column img {
}

#column h4 {
font-size: 0.7em;
margin: 0;
padding: 0.3em;
color: #f4f4f4;
background: #315671 url('/images/nav-li-a-bg.png') repeat top left;
border: 1px solid #315671;
}

#column div.bottom {
background: #fff;
height: 12px;
margin-bottom: 0.4em;
}

#column ul {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style: none;
}

#column li {
padding: 0;
margin: 0;
}

#column li a {
display: block;
margin: 0;
padding: 0.5em 0.4em;
text-decoration: none;
color: #606aa0;
background: #dae1e6;
border-top: 1px solid #f2f9ff;
border-bottom: 1px solid #e6e6e6;
}

#column li a:hover {
color: #000;
background: #ff8b23 url('/images/column-li-a-hover-bg.png') repeat-x top left;
}

#column li a:hover span.quote {
color: #333;
}

#column li a#current {
font-weight: bold;
cursor: default; 
}

#column p {
margin: 0.2em 0.4em;
color: #606aa0;
font-size: 0.7em;
}

#column form {
text-align: center;
font-size: 0.8em;
}

#column a {
background: #fff;
}

#main_col {
float: left;
text-align: center;
width: 544px;
margin: 0;
margin-right: 20px;
padding: 0;
}

#content {
margin: 0;
padding: 0.4em 0.8em;
text-align: left;
font-size: 0.8em;
color: #555;
}

#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

#footer_wrap {
text-align: center;
margin: 0 auto;
background: #18344c url('/images/footer-bg.png') no-repeat bottom center;
min-height: 100px;
}

#footer {
width: 730px;
text-align: center;
margin: 0 auto;
padding: 10px;
font-size: 0.7em;
background: #18344c;
color: #e6e6e6;
}

#footer p {
margin: 0;
padding: 0;
}

#footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#footer li {
display: inline;
margin: 0;
padding: 0;
}

#footer li a {
margin: 0;
padding: 0.5em 0.4em;
text-decoration: none;
color: #e6e6e6;
}

#footer li a:hover {
color: #fff;
}

#footer a {
color: #e6e6e6;
}

#footer a:hover {
color: #fff;
}

/* Classes */

div.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
height: 0;
line-height: 0;
}

span.small {
font-size: 0.7em;
color: #000;
}

input.box {
font-size: 0.8em;
color: #fff;
font-weight: bold;
background: #333 url('/images/submit-bg.png') repeat-x top left;
border: 1px solid #000;
padding: 0.2em;
}

div.box_wrap {
width: 160px;
margin: 0 6px;
float: left;
text-align: center;
}

div.demo_wrap {
width: 255px;
height: 200px;
text-align: center;
float: left;
background: #f2f9ff url('/images/demo-wrap-bg.png') no-repeat top center;
border: 3px solid #fff;
}

div.demo_wrap2 {
width: 170px;
height: 200px;
text-align: center;
float: left;
background: #f2f9ff url('/images/demo-wrap-bg2.png') no-repeat top center;
border: 2px solid #fff;
}

div.home_wrap {
width: 160px;
height: 200px;
text-align: center;
float: left;
background: #f2f9ff url('/images/highlight-bg.png') repeat-x bottom left;
border: 3px solid #fff;
}

div.demo_wrap img {
margin: 10px 40px;
width: 180px;
height: 160px;
}

div.home_wrap img {
margin: 10px;
width: 140px;
height: 128px;
border: 1px solid #dae1e6;
}

div.demo_wrap2 img {
margin: 0 3px;
margin-top: 8px;
width: 160px;
height: 122px;
}

div.box {
margin: 0;
padding: 0;
padding-top: 0.2em;
font-size: 0.9em;
}

div.box p {
margin: 0;
padding: 0;
} 

div.box p {
padding: 0 0.2em;
font-weight: bold;
color: #777;
}

div.box a {
}

div.box_bottom {
margin: 0;
padding: 0;
background: #fff url('/images/box-bottom-bg.png') no-repeat bottom left;
height: 7px;
border: 0;
}

h3.box a {
color: #fff;
text-decoration: none;
}

h3.box a:hover {
color: #fff;
text-decoration: underline;
}

ul.box {
margin: 0;
padding: 0;
text-align: left;
}

li.box {
margin: 0;
margin-left: 0.6em;
padding: 0;
list-style-type: none;
}

a.box {
font-size: 1.1em;
color: #333;
padding: 0.2em 0;
line-height: 1.4em;
text-decoration: none;
font-weight: normal;
}

a.box:hover {
color: #333;
text-decoration: underline;
}

div.boxform {
float: right;
width: 60px; 
}

form.box {
display: inline;
margin: 0;
padding: 0;
}

#column div.ad, #column2 div.ad, div.ad {
text-align: center;
margin: 0 auto;
padding: 0;
color: #777;
background: #fff;
}

#column span.quote {
font-style: italic;
font-size: 0.9em;
font-weight: normal;
color: #777;
}

#shownav {
float: right;
width: 50px;
height: 20px;
text-align: right;
margin: 0;
padding: 0;
}

div.highlight, div.testimonial {
margin: 0.4em 0;
padding: 0.4em 1em;
border: 4px solid #dae1e6;
background: #f2f9ff url('/images/highlight-bg.png') repeat-x bottom left;
}

div.testimonial {
background: #f2f9ff url('/images/high-start-quote.png') no-repeat 10px 25px;
}

h3.highlight {
margin: 0.8em;
padding: 0;
font-size: 1.2em;
font-weight: bold;
color: #18344c;
}

h3.highlight span {
color: #ff8b23; 
}

div.highlight p, p.highlight {
margin: 0 0.8em;
margin-bottom: 0.2em;
padding: 0;
font-size: 0.8em;
}

p.author, p.test_author {
margin: 0 0.8em;
margin-bottom: 0;
padding: 0;
font-size: 0.9em;
font-style: italic;
height: 30px;
}

p.test_author {
background: transparent  url('/images/high-end-quote.png') no-repeat bottom right;
}

a.highlight {
font-size: 0.8em;
color: #ff8b23;
text-decoration: none;
}

a.highlight:hover {
color: #18344c;
text-decoration: underline;
}
 
div.right {
float: right;
width: 200px;
height: 80px;
text-align: center;
}

div.right img {
border: 2px solid #dae1e6;
}

p.top {
clear: both;
background: #fff;
text-align: right;
border-bottom: 1px dotted #dae1e6;
}

a.top {
font-weight: normal;
font-size: 0.75em;
color: #777;
}

a.top:hover {
color: #333;
}

#home_image {
text-align: center;
}

table {
width: 100%;
margin: 0;
padding: 0;
}

td {
text-align: left;
padding: 0.2em 0.4em;
font-size: 0.7em;
font-weight: bold;
}

tr.header {
background: #444 url('/images/css/cbreak_bg2.png') top left repeat-x;
}

tr.shade {
background: #dae1e6;
}

tr.shade2 {
background: #f4f4f4;
}

tr.shade3 {
background: #ff8b23;
}

tr.shade4 {
background: #6ea1d6;
}

tr.shade5 {
background: #006600;
}

tr.shade3 td, tr.shade3 td a {
color: #fff;
}

tr.shade4 td, tr.shade4 td a {
color: #fff;
}

tr.shade5 td, tr.shade5 td a {
color: #fff;
}

td.header {
font-weight: bold;
color: #fff;
padding: 0.2em;
white-space: nowrap;
}

td.header_small {
font-weight: bold;
color: #fff;
padding: 0.2em;
font-size: 0.7em;
white-space: nowrap;
}

td.header_small_wrap {
font-weight: bold;
color: #fff;
padding: 0.2em;
font-size: 0.7em;
}

td.chead {
background: #f4f4f4;
text-align: right;
}

td.cdata {
color: #333;
font-weight: normal;
background: #dae1e6;
width: 100%;
}

td.cbreak {
padding-left: 2em;
color: #fff;
font-weight: bold;
background: #444 url('/images/css/cbreak_bg2.png') top left repeat-x;
width: 100%;
border: 0;
}

table#list {
border-left: 1px solid #f4f4f4;
border-right: 1px solid #ccc;
}

table#list a {
text-decoration: none;
}

table#list td {
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #ccc;
}

