body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
background-color: #ffffff;
width: 100%;
}
#container {
width: 944px;
margin: 0 auto;
padding: 0 20px 0 20px;
font-size: medium;
text-align: left;
overflow: auto;
}
#container h3 {
font-size: 1.1em;
padding: 0;
margin: 10px 0 10px 0;
}
#container p.welcome {
font-size: 0.8em;
padding: 0;
margin: 10px 0 10px 0;
}

/* header */

#header {
margin: 10px 0 5px 0;
padding: 0;
overflow: auto;
}
#logo_kc {
width: 193px;
float: left;
margin: 0;
padding: 0;
}
#header .header_right {
width: 200px;
float: right;
margin: 0;
padding: 10px 0px 0 0;
}
#header .header_right form {
margin: 8px 0 0 0;
padding: 0;
}
img.header_right {
float: right;
margin: 0;
padding: 0;
}

/* global top navigation 5 tabs */

#nav_top_global {
margin: 0;
padding: 0;
}
#nav_top_global ul {
margin: 0;
padding: 0;
}
#nav_top_global ul li {
display: block;
width: 232px;
_width: 222px;
height: 33px;
_height: 23px;
float: left;
margin: 6px 2px 0 0;
padding: 0;
list-style-type: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/top_nav_tab.gif) no-repeat;
background-color: #002252;
}
#nav_top_global ul li.tab_active {
display: block;
width: 237px;
height: 38px;
float: left;
margin: 0 2px 0 1px;
padding: 0;
list-style-type: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/top_nav_tab_active.gif) no-repeat;
background-color: #ffffff;
}
#nav_top_global ul li a {
display: block;
float: left;
width: 237px;
_width: 224px;
height: 20px;
_height: 23px;
margin: 0;
padding: 6px 8px 4px 8px;
_padding: 6px 0 4px 8px;
font-size: 0.8em;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#nav_top_global ul li p {
margin: 0;
padding: 13px 0 4px 12px;
}
#nav_top_global ul li p a {
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: bold;
color: #27a2f0;
}
#nav_top_global ul li a:hover, #nav_top_global_cp ul li a:hover {
color: #27a2f0;
text-decoration: none;
}

/* global top sub navigation */

#nav_top_sub {
width: 940px;
margin: 0;
padding: 0;
}
#nav_top_sub p {
background-color: #27a2f0;
margin: 0;
padding: 5px;
color: #ffffff;
font-size: 0.9em;
font-weight: bold;
}
#nav_top_sub ul {
margin: 0;
padding: 0;
}
#nav_top_sub ul li {
display: block;
float: left;
margin: 1px 1px 0 0;
padding: 0;
list-style-type: none;
background-color: #27a2f0;
border-bottom: 4px solid #ffffff;
}
#nav_top_sub ul li a {
display: block;
float: left;
margin: 0;
padding: 6px;
font-size: 0.7em;
font-weight: bold;
color: #ffffff;
text-decoration: none;
border-bottom: 4px solid #ffffff;
}
#nav_top_sub ul li p {
margin: 0;
padding: 5px;
}
#nav_top_sub ul li p a {
margin: 0;
padding: 6px;
font-size: 0.7em;
font-weight: bold;
color: #002252;
background-color: #a6d8f9;
border-bottom: 2px solid #002252;
}
#nav_top_sub ul li a:hover {
text-decoration: none;
border-bottom: 4px solid #cd3333;
}

/* global top sub navigation items */

#nav_top_sub ul li a, #nav_top_sub ul li p a {
width: 222px;
}

/* left navigation */

#nav_left {
clear: both;
width: 167px;
float: left;
margin: 20px 10px 0 0;
padding: 0;
background-color: #edf7fe;
}
#nav_left ul {
width: 157px;
margin: 0;
padding: 0;
list-style-type: none;
}
#nav_left ul li {
width: 157px;
margin: 0;
padding: 0;
background-color: #edf7fe;
}
#nav_left ul li a {
display: block;
width: 141px;
margin: 0;
padding: 10px 6px 10px 25px;
color: #777777;
text-decoration: none;
font-weight: bold;
background-color: #edf7fe;
font-size: 0.7em;
background: url(http://www.kingstoncommunications.com/mistralimages/images/nav_left_whitebox.gif) no-repeat top left #edf7fe;
background-position:8px 13px;
}
#nav_left ul li p {
display: block;
width: 146px;
margin: 0;
padding: 7px 6px 7px 25px;
font-weight: bold;
color: #990033;
background: url(http://www.kingstoncommunications.com/mistralimages/images/nav_left_redbox.gif) no-repeat top left #edf7fe;
background-position: 8px 10px;
background-color: #d1ebfc;
font-size: 0.7em;
}
#nav_left ul li.subhead {
width: 157px;
margin: 0;
padding: 0;
background-color:#d1ebfc;
}
#nav_left ul li.subhead a {
display: block;
width: 146px;
margin: 0;
padding: 7px 6px 7px 25px;
color: #990033;
font-weight: bold;
text-decoration: none;
background-color: #d1ebfc;
background: url(http://www.kingstoncommunications.com/mistralimages/images/nav_left_redbox.gif) no-repeat top left #edf7fe;
background-position: 8px 10px;
background-color: #d1ebfc;
}
#nav_left ul li.indent p {
display: block;
width: 146px;
margin: 0;
padding: 7px 6px 7px 25px;
color: #990033;
text-decoration: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/nav_left_redbox.gif) no-repeat top left #edf7fe;
background-position: 8px 10px;
background-color: #d1ebfc;
}
#nav_left ul li.indent a {
display: block;
width: 141px;
margin: 0;
padding: 4px 6px 4px 10px;
color: #ffffff;
text-decoration: none;
}
#nav_left ul li.indent a:hover {
display: block;
width: 141px;
margin: 0;
padding: 7px 6px 7px 10px;
font-weight: bold;
color: #990033;
background-color: #000000;
}
#nav_left ul li.subindent a {
display: block;
width: 131px;
margin: 0;
padding: 6px 6px 6px 40px;
color: #444444;
text-decoration: none;
background-color: #d1ebfc;
font-weight: normal;
background: url(http://www.kingstoncommunications.com/mistralimages/images/nav_left_whitebox.gif) no-repeat top left #edf7fe;
background-position: 20px 9px;
background-color: #d1ebfc;
}
#nav_left ul li.subindent p {
display: block;
width: 131px;
margin: 0;
padding: 6px 6px 6px 40px;
color: #990033;
background-color: #d1ebfc;
background: url(http://www.kingstoncommunications.com/mistralimages/images/nav_left_redbox.gif) no-repeat top left #edf7fe;
background-position: 20px 9px;
background-color: #d1ebfc;
font-weight: normal;
}

/* content */

#content {
width: 940px;
margin: 20px 0px 20px 0px;
_margin: 16px 0px 20px 0px; /* ie 6 hack */
padding: 0;
overflow: auto;
color: #002252;
}
#content h1 {
font-size: 1.4em;
}
#content h2 {
font-size: 1.1em;
}
#content h2 a {
color: #002252;
text-decoration: none;
}
#content h2 a:hover {
text-decoration: underline;
}
#content p {
font-size: 0.8em;
}
#content ul {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 0.8em;
}
#content ul li {
display: block;
}
#content ul li a {
display:inline-block;
padding: 5px 0 5px 15px;
margin: 0;
text-decoration: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/arrow.gif) no-repeat;
background-position: 0 9px;
text-decoration: none;
color: #002252;
}
#content ul li a:hover {
text-decoration: underline;
}
#content_small ul.text {
margin: 25px 0 15px 0;
padding: 0;
text-decoration: none;
font-size: 0.8em;
}
#content_small ul.text li {
display:inline-block;
padding: 5px 0 5px 15px;
margin: 0;
text-decoration: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/arrow.gif) no-repeat;
background-position: 0 9px;
text-decoration: none;
color: #002252;
}
#content .box {
display: block;
float: left;
margin: 10px 30px 10px 0;
padding: 0;
width: 410px;
}
#content .box p {
padding: 0 0 50px 75px;
font-size: 0.8em;
}
#content .box p a {
display: block;
color: #002252;
text-decoration: none;
}
#content .box p a:hover {
text-decoration: underline;
}
#content .box ul {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 0.8em;
}
#content .box ul li {
display: block;
}
#content .box ul li a {
display:inline-block;
padding: 5px 0 5px 15px;
margin: 0;
text-decoration: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/arrow.gif) no-repeat;
background-position: 0 9px;
text-decoration: none;
color: #002252;
}
#content .box ul li a:hover {
text-decoration: underline;
}
#content .support {
background: url(http://www.kingstoncommunications.com/mistralimages/images/small_hub-library.gif) no-repeat;
background-position: 0 40px;
}
#content .data {
background: url(http://www.kingstoncommunications.com/mistralimages/images/small_hub-case-studies.gif) no-repeat;
background-position: 0 40px;
}
#content .case {
background: url(http://www.kingstoncommunications.com/mistralimages/images/small_hub_case.gif) no-repeat;
background-position: 0 40px;
}
#content .faqs {
background: url(http://www.kingstoncommunications.com/mistralimages/images/small_hub_faqs.gif) no-repeat;
background-position: 0 40px;
}
#content_small table {
width: 700px;
border: 1px solid #000000;
}
#content_small table {
margin: 10px 0 15px 0;
padding: 0;
border: 0;
border-collapse: collapse;
}
#content_small table th {
padding: 6px 8px 6px 8px;
font-size: 0.8em;
color: #ffffff;
background-color: #27a2f0;
vertical-align: top;
border: 0;
}
#content_small table td {
padding: 8px;
font-size: 0.7em;
color: #002252;
vertical-align: top;
border: 0;
}
#content_small table tr {
background-color: #d2ecf6;
}

/* small content */

#content_small {
float: right;
width: 740px;
margin: 20px 0px 40px 0px;
_margin: 16px 0px 40px 0px; /* ie 6 hack */
padding: 0;
overflow: auto;
color: #002252;
}
#content_small h1 {
font-size: 1.4em;
}
#content_small h2 {
font-size: 1em;
}
#content_small h2 a {
color: #002252;
text-decoration: none;
}
#content_small h2 a:hover {
text-decoration: underline;
}
#content_small p {
font-size: 0.8em;
}
#content_small a {
color: #990033;
text-decoration: none;
}
#content_small a:hover {
text-decoration: underline;
}
#content_small ul {
margin: 10px 0 10px 0;
padding: 0;
list-style-type: none;
font-size: 0.8em;
}
#content_small ul li {
display:inline-block;
padding: 5px 0 5px 15px;
margin: 0;
text-decoration: none;
background: url(http://www.kingstoncommunications.com/mistralimages/images/arrow.gif) no-repeat;
background-position: 0 9px;
text-decoration: none;
color: #002252;
}
#content_small ul li a {
display:inline-block;
text-decoration: none;
color: #002252;
}
#content_small ul li a:hover {
text-decoration: underline;
}

/* footer */

#footer {
width: 944px;
margin: 20px 0 0 0;
padding: 0;
text-align: center;
background-color: #002252;
}
#footer ul {
margin: 0;
padding: 8px 0 4px 0;
}
#footer ul li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#footer ul li a {
margin: 0;
padding: 0 2px 0 8px;
font-size: 0.7em;
color: #ffffff;
text-decoration: none;
border-left: 1px solid #ffffff;
}
#footer ul li a.no_pipe {
border-left: 0;
}
#footer ul li a:hover, #footer p a:hover {
text-decoration: underline;
}
#footer p {
margin: 0;
padding: 8px;
font-size: 0.7em;
color: #ffffff;
font-weight: bold;
}
#footer p a {
color: #ffffff;
text-decoration: none;
}

/* generic */

img {
border: 0;
}
input, textarea, select {
border: 1px solid #002252;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.clear {
clear: both;
}

/* Homepage */

#welcome_content {
width: 914px;
height: 230px;
margin: 0 auto;
padding: 0 10px 0 20px;
font-size: medium;
text-align: left;
overflow: auto;
background: url(http://www.kingstoncommunications.com/mistralimages/home_welcome_bg.jpg) no-repeat;
background-position: 0 9px;
}
#welcome_content h1 {
color: #105793;
font-size: 1.2em;
padding: 35px 0 0 0;
margin: 0;
}
.large_heading {
font-size: 1.5em;
color: #ffffff;
margin: 0;
}
#welcome_content h2 {
width: 530px;
font-size: 0.8em;
color: #d0d0d0;
padding: 0;
margin: 15px 0 0 0;
}
#welcome_content a {
color: #ffffff;
text-decoration: none;
}
#welcome_content a:hover {
color: #ffffff;
text-decoration: underline;
}

#next_steps {
margin: 20px 0 5px 0;
padding: 10px 0 20px 0;
background-color: #cfcdc9;
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
overflow: auto;
}
#next_steps #next_steps_content {
text-align: left;
width: 944px;
margin: 0 auto;
padding: 0;
}
#next_steps #next_steps_content h2 {
color: #000000;
font-size: 1.2em;
padding: 0;
margin: 0 0 10px 0;
}
#next_steps_content ul li a:hover {
text-decoration: underline;
}

#next_steps #next_steps_content .products {
float: left;
width: 621px;
height: 290px;
background: url(http://www.kingstoncommunications.com/mistralimages/images/steps_bg.gif) no-repeat;
padding: 0;
margin: 0 20px 0 0;
}
#next_steps #next_steps_content .products h2 {
color: #66cc00;
font-size: 1.5em;
padding: 15px 15px 0 15px;
}
#next_steps #next_steps_content .products h3 {
color: #66cc00;
font-size: 1.2em;
padding: 15px 15px 0 15px;
}
#next_steps #next_steps_content .products h3 a {
color: #66cc00;
font-size: 0.8em;
padding: 0;
}
#next_steps #next_steps_content .products ul {
margin: 0;
padding: 8px 0 0 15px;
list-style-type: none;
color: #ffffff;
}
#next_steps next_steps_content .products ul li {
margin: 0;
padding: 10px;
list-style-type: none;
line-height: 140px;
}
#next_steps #next_steps_content .products ul li a {
margin: 0;
padding: 0;
font-size: 1.4em;
color: #ffffff;
text-decoration: none;
line-height: 170%;
}
#next_steps #next_steps_content .products ul li a:hover {
text-decoration: underline;
}

#next_steps #next_steps_content .login {
float: right;
width: 302px;
height: 85px;
background: url(http://www.kingstoncommunications.com/mistralimages/images/steps_small_bg.gif) no-repeat;
margin: 0 0 18px 0;
}
#next_steps #next_steps_content .login h2 {
color: #ff9900;
font-size: 1.2em;
padding: 15px 15px 0 15px;
margin: 0;
}
#next_steps #next_steps_content .login h3 {
color: #ff9900;
font-size: 1em;
padding: 12px 15px 0 15px;
margin: 0;
}
#next_steps #next_steps_content .login h3 a {
color: #ff9900;
font-size: 0.7em;
padding: 0;
}

#next_steps #next_steps_content .status {
float: right;
width: 302px;
height: 85px;
background: url(http://www.kingstoncommunications.com/mistralimages/images/steps_small_bg.gif) no-repeat;
margin: 0 0 18px 0;
}
#next_steps #next_steps_content .status h2 {
color: #27a2f0;
font-size: 1.2em;
padding: 15px 15px 0 15px;
}
#next_steps #next_steps_content .status h3 {
color: #27a2f0;
font-size: 1em;
padding: 0px 15px 0 15px;
margin: 0;
}
#next_steps #next_steps_content .status h3 a {
color: #27a2f0;
font-size: 0.7em;
padding: 0;
}

#next_steps #next_steps_content .library {
float: right;
width: 302px;
height: 85px;
background: url(http://www.kingstoncommunications.com/mistralimages/images/steps_small_bg.gif) no-repeat;
}
#next_steps #next_steps_content .library h2 {
color: #995194;
font-size: 1.2em;
padding: 15px 15px 0 15px;
}
#next_steps #next_steps_content .library h3 {
color: #995194;
font-size: 1em;
padding: 0px 15px 0 15px;
margin: 0;
}
#next_steps #next_steps_content .library h3 a {
color: #995194;
font-size: 0.7em;
padding: 0;
}