/* CSS Document */

html {
height:100%;
}

body {
padding:0;
margin:0;
min-height:100%;
height:auto !important;
height:100%;
position: relative;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#818181;
background:#FFFFFF url(../images/panorama-bg.jpg) repeat-x top left;
min-width:998px;
width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 998? "998px": "auto");
}

a {
color:#81ab00;
text-decoration:underline;
}

a:hover {
color:#81ab00;
text-decoration:none;
}

p {
padding:3px 0;
margin:0;
}

form {
padding:0;
margin:0;
}

table {
border:none;
}

img {
border:none;
}

h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
font-weight:normal;
}

h1 {
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

.clear {
/* clear:both; */
}

.container {
min-width:998px;
width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 998? "998px": "auto");
}

.header {
background:url(../images/header-bg.jpg) repeat-x top left;
height:100px;
}

.header-wrapper {
float:right;
width:100%;
margin-left:-259px;
}

.header-right {
position:relative;
padding:40px 0 0 40px;
margin-left:259px;
height:60px;
background:url(../images/header-top-right.jpg) no-repeat top right;
}

.s_field {
width:160px;
height:14px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
border:1px solid #999999;
margin-right:10px;
}

.button {
background:#98ca00 url(../images/button-bg.jpg) repeat-x top left;
border:1px solid #7aa200;
cursor:pointer;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#ffffff;
}

.hm {
position:absolute;
top:44px;
right:36px;
height:9px;
width:94px;
}

.logo {
float:left;
width:259px;
height:64px;
text-align:center;
padding-top:36px;
background:url(../images/header-top-left.jpg);
}

.content {
width:100%;
display:table;
background:url(../images/panorama.jpg) no-repeat top right;
}

.wrapper {
float:right;
width:100%;
margin-left:-258px;
}

.right {
padding:70px 0 30px 0;
margin-left:258px;
}

.slogan {
color:#6ab90a;
height:174px;
padding:0 0 0 100px;
font-size:24px;
font-weight:bold;
}

.slogan span {
color:#0076d9;
}

.top-menu {
background:#7cc303 url(../images/top-menu-bg.gif) repeat-x top left;
height:51px;
}

.top-menu td {
vertical-align:top;
width:auto;
}

.top-menu a {
display:block;
height:28px;
padding-top:23px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.top-menu a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.pathway {
font-weight:bold;
padding:5px 25px;
font-size:11px;
}

.news {
width:100%;
background:#f1f1f1;
padding:0 0 0 0;
border-bottom:3px solid #d3d3d3;
}

.slink {
font:11px;
color:#999999;
}

.news-title {
background:#aaaaaa;
background:url(../images/title-bg.gif) repeat-x bottom left;
padding:5px 25px;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
margin-bottom:0;
}

.news-title a {
text-decoration:none;
color:#ffffff;
}

.news-title a:hover {
text-decoration:underline;
color:#ffffff;
}

.news-info {
font-size:11px;
padding:4px 25px;
background:url(../images/block-bg.gif) repeat-x bottom left;
}

.news-menu {
text-align:right;
font-size:11px;
padding:4px 25px;
background:url(../images/block-bg.gif) repeat-x top left;
}

.news-menu table {
float:right;
}

.news-content {
padding:15px 25px;
}

.news-tags {
font-size:11px;
padding:2px 25px;
}

.f_input {
width:250px;
height:14px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
border:1px solid #999999;
}

.f_textarea {
width:458px;
height:160px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
border:1px solid #999999;
}

.left {
padding:177px 0 0 0;
float:left;
width:258px;
}

.left-top {
position:relative;
background:url(../images/left-top.gif) no-repeat top left;
padding:34px 30px 30px 0;
}

.key {
position:absolute;
top:0;
right:-15px;
width:15px;
height:57px;
background:url(../images/key.gif) no-repeat top left;
}

.block-title {
color:#81ab00;
font-size:18px;
background:url(../images/block-title.gif) repeat-y top left;
padding:0 10px 0 20px;
margin-bottom:20px;
}

.block {
padding:0 0 15px 0;
margin:0 0 15px 20px;
background:url(../images/block-bg.gif) repeat-x bottom left;
}

.reg-links {
text-align:center;
padding-top:5px;
font-size:11px;
}

.log td {
padding:0 0 10px 0;
font-size:11px;
}

.log td input {
width:150px;
height:14px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
border:1px solid #999999;
margin-left:8px;
}

.extra {
clear:both;
height:60px;
}

.footer {
position:absolute;
bottom:0;
width:100%;
height:60px;
}

.footer-wrapper {
float:right;
width:100%;
margin-left:-258px;
}

.footer-menu {
position:relative;
margin-left:258px;
background:url(../images/fm-bg.gif) repeat-y top left;
padding:10px 0 0 0;
text-align:center;
color:#838383;
font-size:11px;
height:50px;
font-weight:bold;
}

.footer-menu a {
text-decoration:none;
color:#838383;
}

.footer-menu a:hover {
text-decoration:underline;
color:#838383;
}

.footer-menu ul {
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
}

.footer-menu ul li {
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
list-style:none;
display:inline;
}

.copy {
margin-top:10px;
background:url(../images/block-title.gif) repeat-y top left;
padding:0 0 0 20px;
font-size:11px;
float:left;
width:238px;
}

.pages {
text-align:center;
font-size:11px;
padding:10px;
}

.pages a {
padding:0px 3px;
border:1px #333333 solid;
margin:0 2px;
color:#666666;
text-decoration:none;
}

.pages a:hover {
padding:0px 3px;
border:1px #333333 solid;
margin:0 2px;
color:#ffffff;
background:#333333;
text-decoration:none;
}

.pages span {
padding:0px 3px;
border:1px #333333 solid;
margin:0 2px;
color:#ffffff;
background:#333333;
text-decoration:none;
}