/* CSS Document */
html, body {
height:100%;
}

body {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Verdana, sans-serif;
color: #333;
font-size: 11px;
line-height: 18px;
text-align: center;
background: #c0c0c0 url(../images/bg_body.gif) left top repeat-x;;
}

.distance { 
width:1px;
height:50%;
padding: 0 0 0 0;
margin-bottom: -300px;
float:left;
}

.mainpage {
width: 100%;
height: 530px;
padding: 0 0 0 0;
margin: 0 0 0 0;
position: relative;
text-align:left;
clear:left;
}

.top {
width: 100%;
height: 105px;
padding: 0 0 0 0;
margin: 0 0 0 0;
background: #1f2f82 url(../images/bg_top.gif) left bottom repeat-x;
}

.top_inner {
width: 950px;
height: 105px;
padding: 0 0 0 0;
margin: 0 auto 0  auto;
position: relative;
text-align:left;
background: url(../images/bg_top_inner.gif) left bottom no-repeat;
}

.top_inner_left {
width: 290px;
height: 35px;
line-height: 43px;
padding: 45px 0 0 10px;
margin: 0 0 0 0;
position: relative;
text-align:left;
float: left;
font-size: 40px;
color: #FFFFFF;

}

.top_inner_right {
width: 530px;
height: 105px;
padding: 0 0 0 0;
margin: 0 0 0 0;
position: relative;
text-align:left;
float: left;
}

.page {
width: 100%;
height: 432px;
padding: 0 0 0 0;
margin: 0 0 0 0;
background: url(../images/bg_page.gif) top left repeat-x;
}

.page_inner {
width: 950px;
height: 430px;
text-align:left;
padding: 0 0 0 0;
margin: 0 auto 0  auto;
border: 1px solid #c6c6c6;
background: #FFFFFF;
}

.content {
width: 935px;
height: 420px;
float: left;
background: #FFFFFF url(../images/bg_left.gif) top left repeat-y;
margin: 10px 0 0 0;
}

.left {
width: 215px;
height: 400px;
padding: 0 15px 0 15px;
float: left;
margin: 15px 0 15px 0;
}

.right {
width: 660px;
height: 400px;
padding: 0 15px 0 15px;
margin: 5px 0 15px 0;
float: left;
}


.footer {
position: fixed;
width: 100%;
bottom: 0px;
right: 0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footer_inner {
width: 950px;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}

.footer_inner_right {
width: 200px;
float: right;
padding: 18px 0 0 0;
margin: 0 0 0 0;
text-align: right;
font-size: 11px;
height: 20px;
z-index: 1000;
position: relative;
}

.footer_inner_left {
width: 950px;
float: right;
text-align: center;
font-size: 11px;
height: 20px;
margin: 0 0 -50px 0;
padding:  0 0 0 0;
}

.footer_inner a, .footer_inner a:hover  {
color: #000000 !important;
font-size: 11px;
font-family: Verdana, sans-serif;
}

.contentheading {
font-size: 20px; 
padding: 2px 0 3px 10px;
margin: 0 0 0 0;
border-left: 10px #fe8824 solid;
}

.componentheading {
font-size: 18px;
padding: 2px 0 3px 10px;
margin: 7px 0 0 0;
border-left: 5px #fe8824 solid;
}

.buttonheading, .buttonheading:hover, .buttonheading a, .buttonheading a:hover {
margin: 0 0 0 0;
padding: 0 0 15px 0;
border-bottom: none;
}

.buttonheading img , .buttonheading img:hover {
margin: 0 0 0 3px;
padding: 0 0 0 0;
}

.inputbox {
border: 1px solid #000000;
background: #FFFFFF;
padding: 2px;
font-size: 11px;
color: #000000;
}

.inputbox:hover {
border: 1px solid #0b46ba;
background: #FFFFFF;
padding: 2px;
font-size: 11px;
color: #000000;
}

a {
color: #1f2f82;
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 11px;
}

a:hover {
color: #1f2f82;
text-decoration: underline;
}

.contentpane {
background: #FFFFFF;
text-align: left;
}

.content li {
list-style: none;
background: url(../images/bg_li.gif) left top no-repeat;
padding-left: 10px;
}

.content li li {
list-style: none;
background: url(../images/bg_lili.gif) left top no-repeat;
padding-left: 10px;
}

#scroller #scrollarea {
	cursor:pointer;
	float:left;
	width:15px;
	margin: 0 0 0 0;
}

#scroller #scrollBarContainer {
	height: 400px;
	width: 15px;
	margin: 0 0 0 0;
}

#scroller #scrollKnob {
	width:15px;
	min-height:20px;
}
#scroller #scrollForward {
	height:15px;
	margin:0 0 0 0;
	width:15px;
	background: url(../images/bg_scrollbar_down.gif) top no-repeat;
}
#scroller #scrollBack {
	height:15px;
	margin: 0 0 0 0;
	width:15px;
	background: url(../images/bg_scrollbar_up.gif) bottom no-repeat;
}

#kmid{
	height:100%;
	width: 15px;
	background: #1f2f82;
	cursor: n-resize;
}

.moduletable {
padding: 0 0 0 0;
margin: 0 0 15px 0;
}


.moduletable h3 {
font-size: 16px;
padding: 0 0 3px 0;
margin: 0 0 5px 0;
font-weight: normal;
}

.toggle {
z-index: 1001;
float: left;
position:absolute;
margin: 70px 0 0 0;
padding: 0px;
text-align: right;
}

.dropdown {
width: 950px;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
position: relative;
z-index: 2000;
}

.dropdown_inner {
position: absolute;
margin: 68px 0 0 0;
padding: 0 0 0 0;
}

.drop_left {
float: left;
width: 440px;
margin: 10px 5px 0 10px;
padding: 10px;
background: #FFFFFF;
}

.drop_right {
float: right;
width: 440px;
margin: 10px 10px 0 5px;
padding: 10px;
background: #FFFFFF;
}

#drop {
background: #f1f1f1;
margin: 38px 0 0 0;
padding: 0 0 0 0;
height: 430px;
}

.button_slide {
width: 950px;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
position: relative;
z-index: 10000;
}

#toggle, #toggle:hover {
display: block;
list-style: none;
padding: 0 10px 0 10px;
margin: 68px 10px 0 0;
right: 0;
height: 30px;
line-height: 30px;
color: #1f2f82;
background: url(../images/bg_mmenu.gif) top left repeat-x;
border-top: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
border-bottom: none;
text-decoration: none;
font-size: 13px;
font-family: Verdana, sans-serif;
cursor:s-resize;
position: absolute;
}