html {
	background: rgb(150, 150, 150);
	height: 100%;
}

body {
    /* We need a background here for everyone seeing the page as HTML */
	background: rgb(150, 150, 150);
	background-image: url("/images/background.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 100%;
	min-width: 750px;

	margin: 0px;
	padding: 0px;
}

.toplevel {
	/* This makes it centered */
	margin: 0px auto 0px auto;
	width: 710px;
	padding: 0px;
}

#header {
	width: 710px;
	padding: 0;
}

#cendio {
	float: left;
	margin: 5px 20px;
}

#search {
	text-align: right;
	margin: 0px 0px;
}

#search * input {
	border: none;
	color: rgb(255, 255, 255);
	border: 1px solid rgb(172, 172, 172);
}

#section_header {
	clear: both;
	background: transparent url(/images/headers/home.png) no-repeat center top;
	height: 155px;

	padding: 0px;
	margin: 0px;
}

#button_bar {
	text-align: center;
	margin: 0px auto;
}

#button_bar a {
   display: block;
   float: left;
   margin: 0px 5px;
   padding: 0px;
   width: 108px;
   height: 38px;
   background: transparent no-repeat top center;
   overflow: hidden;
   text-decoration: none;
}

#button_bar a:hover {
	background-position: bottom center;
}

#button_bar #home {
	background-image: url(/images/buttons/home.png);
}
#button_bar #thinlinc {
	background-image: url(/images/buttons/thinlinc.png);
}
#button_bar #resources {
	background-image: url(/images/buttons/resources.png);
}
#button_bar #buy {
	background-image: url(/images/buttons/buy.png);
}
#button_bar #support {
	background-image: url(/images/buttons/support.png);
}
#button_bar #about {
	background-image: url(/images/buttons/about.png);
}

#footer {
	padding-bottom: 10px;

	color: rgb(255, 255, 255);
	text-align: center;
}



#body {
	padding: 0px;
    width: 905px;
    padding-bottom: 40px;
    padding-top: 20px;

}

#body_top, #body_bottom {
	width: 988px;
	height: 24px;
	margin: 0px auto;
	padding: 0px;

}

#body_top {
	background: url(/images/body_top_index.png) repeat-x center top;
}

#body_bottom {
	background: url(/images/body_bottom_index.png) no-repeat center top;
}

#body_header {
	width: 988px;
	/* For some reason 0px and 1px is treated extremely different when it
	 * comes to margins of embedded elements... */
	margin: 0px auto;
	padding: 0px;
	clear: both;
	background: transparent url(/images/body_back_index.png) repeat center top;
}

#header {
	margin: 0px auto;
	width: 905px;
	padding-top: 10px;
	text-align: right;
}




#main_content {
	clear: both;
	width: 988px;
	/* For some reason 0px and 1px is treated extremely different when it
	 * comes to margins of embedded elements... */
	margin: 0px auto;
	padding: 0px;
	background: transparent url(/images/body_back_index.png) repeat center top;
}

#banners_container {
    margin: 0 auto;
    width: 988px;
    clear: both;
    margin:0px;
    padding: 0px;
}

#banners {
    margin: 0 auto;
    width: 905px;

    background-color: #4A5594;
    height: 210px;
    clear: both;
    padding: 0px;
}

.banner a {
  border-bottom: none;
}

.banner a:hover {
  border-bottom: none;
}



#cendio {
    clear: both;
    float: left;
    margin-left: 0px;
}

#main_left {
    display:block;
    width: 100%;
}

#main_right {
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
    padding-top: 15px;
    width: 215px;
    float: right;
}

.news {
    padding: 0px;
    margin: 0px;
    width: 100%;
    margin-bottom: 20px;
    m
}

.news span {
  display: block;
}

.news_body a:hover {
    text-decoration: underline;
}

.news_header {
    font-size: 14px;
    display: block;
    color: #fff;
    padding: 5px 10px 5px 10px;
    background-color: #2D3A80;
}

.news_body {
    display: block;
    padding:10px;
    background-color: #fff;
    border: 1px solid #CCC;
}

.news_title {
    font-weight: bold;
}

.news_post {
    margin-bottom: 5px;
}

#learn_more {
    margin-bottom: 10px;
}

#learn_more span {
    display: block;
}

#learn_more .title {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}

#jsddm
{
    margin: 0;
    padding: 0;
    text-align: left;
}

#jsddm li
{
    margin: 0;
    border-bottom: 1px solid #212C5A;
    text-align: left;
    float: left;
    list-style: none;
    font-family: sans-serif;
    font-size: 14px;

}

#jsddm li a
{
    display: block;
    height: 16px;
    background: #2D3A80;
    padding: 5px 12px;
    text-decoration: none;
    border-left: 1px solid #fff;
    color: #EAFFED;
    white-space: nowrap
}

#jsddm li a:first-child
{
    border-left: 1px solid #000;
}

#jsddm li a:hover
{
    background: #4B5593;
    text-decoration: underline;
}

#jsddm li ul
{
    margin: 0;
    z-index: 500;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#jsddm li ul li
{
    border-bottom: none;
    float: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

#jsddm li ul li a
{
    width: auto;
    font-family: sans-serif;
    font-size: 12px;
    color: #0050C8;
    background: #ddd;
}

#jsddm li ul li a:hover
{
    background: #eee;
    text-decoration: underline;
}

#innerfade {
    display: block;
    position: relative;
}

#top_border {
    height: 5px;
    width:100%;
    background-color: #ccc;
}

#contact_form {
  width: 400px;
  font-size: 12px;
}

#contact_form td {
    padding: 5px;
}

#contact_form input {
    display: block;
    width: 100%
}

#contact_form textarea {
    display: block;
    width: 100%;
    height: 100px;
}

.invalid {
    border: 1px solid red;
}

#top_links {
    color: #4B4D4E;
    margin-bottom: 8px;
    font-weight: bold;
}

#top_links a {
  font-weight: bold;
  color: #4B4D4E;
}

#top_links a:hover {
  text-decoration: underline;
  color: #0050c8;
}

#top_links img {
    vertical-align:text-top;
    margin-right: 5px;
}