﻿.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


body
{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #5D5D5D;
	/*background-image: url(layout/bg.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	text-align: center;
}

.interspace
{
	 padding:10px;
	}

#mainsite 
{
	margin-bottom:0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;	
	background-image: url(layout/bg.jpg);
	background-repeat: repeat-y;
	font-family:Arial; 
	font-size:small;
	width: 780px;
}


#fulltop{
	/*background-image: url(layout/topbg.jpg);
	background-repeat: repeat-x;*/
}
#fullcenter{
    /*background-image: url(layout/centerbg.jpg);
	background-repeat: repeat-x;
	background-color:#7a7a7a;*/
}
#fulldown{
    /*background-image: url(layout/downbg.jpg);
	background-repeat: repeat-x;*/
}


#topsite
{
	margin-left: auto;
	margin-right: auto;
	width: 780px;
}

img
{
	border:none;
	}

    
#centerpage
{
	text-align: justify;
    margin-left: auto;
	margin-right: auto;
	width: 780px;
}


.centercontent
{
    text-align: justify;
    margin-left: auto;
	margin-right: auto;
	width: 780px;}

#leftcolum
{
	width: 255px;
	margin-left:8px;
	float:left;
	text-align:left;
	color: WhiteSmoke; 
}

#leftcolum .lccenter
{
	background-image: url('layout/vmenu_bg.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

#leftcolum .lctop
{
	height: 10px;
	background-image: url('layout/vmenu_top.png');
	background-repeat: no-repeat;
	background-position: bottom;
}
#centercontent
{
	width: 510px;
	margin-left:255px;
	text-align:left;
	color: #333333; 
}
#centercontent .cccenter
{
	background-image: url('layout/vmenuc_bg.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

#centercontent .cctop
{
	height: 10px;
	background-image: url('layout/vmenuc_top.png');
	background-repeat: no-repeat;
	background-position: bottom;
}


.tddiv
{
	background-color: #fbfbfb;
	background-image: url(layout/uptablebox.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.intddiv
{
	background-image: url(layout/tablebox.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:10px;

}


input
{
	background-position: none;
	background: none;
	border: 1px solid #b7bbc1;
	font-family: Arial;
	color: #1d2328;
	font-size: 9pt;
}
textarea{
   background:none;
   border:1px solid #b7bbc1;
   width:224px; height:100px;
   font-family:Arial;
   color:#1d2328;
   font-size:1em;
   margin:0 0 10px 0px;
   padding:0 0 0 4px;
   overflow:auto
 }
   

#fullpage
  {
      width: 780px;
  	  margin-left:auto;
  	  margin-right:auto;
  	  clear:both;
  	}
 #downpage
  {
  	  text-align: center;
      margin-left: auto;
	  margin-right: auto;
	  width: 780px;
  	  clear:both;
	  color:#CCCCCC;
  	}

.ftop
{
	background-image: url('layout/fullpagetop.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 8px;
}
  		
.fcenter
{
  background-image : url('layout/fullpage.png');
  background-repeat: no-repeat;
  background-position : center bottom;
  color: WhiteSmoke; 
}

.ctitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2C343A;
}
	
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px; }

#navlist a:link, #navlist a:visited
{
	color: #333333;
	text-decoration: none;
}

#navlist a:hover
{
	color: #000000;
	text-decoration: underline;
}
.inc
{
	 padding-top:2px;
	 padding-bottom:10px;
	 padding-left:15px;
	 padding-right:15px;
}
.map {
   position: absolute;
   top: 20;
   left: 10;
   width: 440px;
   height: 280px;
   border:#555555 2px solid;
}
/* liScroll style declarations */
 
.tickercontainer { /* the outer div with the black border */
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
 
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #0066FF;
	font: bold 10px Verdana;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 