@import url("forms.css");
@import url("menu.css");
@import url("navigation.css");
 
/* TYPOGRAPHY */
html { font-size: 62.5%; font-family: "Segoe UI", Arial, Helvetica, sans-serif;} 
body { font-size:1.2em; line-height: 1.6em; color: #383838; background:#fff; }
strong, b, th, thead td { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {  font-weight: normal;}
h1 { font-size: 2em; margin: .6em 0 .6em; }
h2 { font-size: 1.6em; margin: 1.07em 0 .535em; }
h3 { font-size: 1.4em; margin: 1.14em 0 .57em; }
h4 { font-size: 1.3em; margin: 1.23em 0 .615em; }
h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
h6 { font-size: 1.0em; margin: 1.6em 0 .8em }
cite, em, dfn, i { font-style: italic; }
code, kbd, samp, pre, tt, var { font-size: 92%; font-family: "Lucida Console", "Courier New", Courier, monospaced; }
code, pre { color: #c33c33; } 
del, strike, s  { text-decoration: line-through; color: #666; }
ins, dfn, u { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 130%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; font-family: Arial, Helvetica, sans-serif; }
sub { vertical-align: sub; font-family: Arial, Helvetica, sans-serif; }
hr { display: none; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: 0 1em; margin: 1.6em 0; overflow:hidden; }
blockquote *:first-child { margin: .8em 0; }
blockquote *:first-child:before { content: "\00AB"; }
blockquote *:first-child:after { content: "\00BB"; }
q { quotes: "\00AB" "\00BB" "\2018" "\2019"; }
p {line-height:1.3;}

/* LINKS */
a:link { text-decoration: underline; color: #336699; }
a:visited { text-decoration: underline; color: #336699; }
a:hover { text-decoration: none; color: #3399CC; }
a:active, a:focus { text-decoration: underline; color: #000; }


/* 
P.I.E. FLOAT CLEARING ----------------------------
See http://www.positioniseverything.net/easyclearing.html
and http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {display:inline-block;}
.clearfix {display:block;}

#maincontainer{
	min-width:1000px; overflow:hidden;
	background:url(/images/bg_main.jpg) no-repeat right top #EBEBEB;
}

#topsection{
height: 190px; position:relative; /*Height of top section*/
}
#topsection .logo{
	float:left; margin:15px 0 -100% 50px; display:inline;
}

#topsection h1{
margin: 0;
padding-top: 15px; text-align:center;
color:#333;
font:bold 22px/30px "Times New Roman", Times, serif;
font-style:italic;
text-transform:uppercase;
}
#topsection h1 span{
	font-size:20px;/* font-weight:normal !important;*/
}
#topsection h1 strong{
	font-size:30px; font-weight:bold;
}

#mainbuttons{ width:220px; height:40px; position:absolute; right:220px; top:145px; }

#mainbuttons a{
	float:left;
	margin:0 7px 0 0;
	color:#FFFFFF;
	display:block;
	height:37px;
	width:100px;
	text-align:center;
	text-decoration:none;
	font:bold 12px/36px Arial, Helvetica, sans-serif;
	background:url(/images/main_btn.gif) no-repeat top left;
}
#mainbuttons a:hover{
	background-position:0 -37px;
}
#mainbuttons a.current{ background-position:0 -74px !important;}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 220px 0 240px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-family:"Times New Roman", Times, serif; font-size:1.4em;
}

#contentcolumn_right {
margin: 0 10px 0 240px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-family:"Times New Roman", Times, serif; font-size:1.4em;
}

/* LISTS 
#contentcolumn ul li { text-indent: -.85em; margin-left: .85em; }
#contentcolumn ul li:before { content: "\2022\00a0\00a0"; }
#contentcolumn ol { list-style-position: inside; list-style-type: decimal; }
#contentcolumn dt { font-weight: bold; }

#contentcolumn_right ul li { text-indent: -.85em; margin-left: .85em; }
#contentcolumn_right ul li:before { content: "\2022\00a0\00a0"; }
#contentcolumn_right ol { list-style-position: inside; list-style-type: decimal; }
#contentcolumn_right dt { font-weight: bold; }*/

#contentwrapper p { margin-bottom:.6em}

/* LISTS */
#contentwrapper ul { margin-left: 1.5em;  margin-bottom:.6em}
#contentwrapper li {line-height:1.2em;}
#contentwrapper ul li { text-indent: -.85em; margin-left: .85em; }
#contentwrapper ul li:before { content: "\2022\00a0\00a0"; }
#contentwrapper ul li li:before { content: ""; }
#contentwrapper ul li ul li:before { content: "\2022\00a0\00a0"; }
#contentwrapper ul li ul { margin-left: 2.5em; }
#contentwrapper ul li ol li { list-style-position: outside; list-style-type: decimal; margin-left: 1.35em; text-indent:0 }
#contentwrapper ul li ol li ul li:before { content: "\2022\00a0\00a0"; }
#contentwrapper ol { list-style-position: inside; list-style-type: decimal; margin-left: 2.35em;  margin-bottom:.6em }
#contentwrapper dt { font-weight: bold; margin-top: .8em; margin-bottom: 0; }
#contentwrapper ol ol, #contentwrapper ul ol { margin-left: 2.5em; }
#contentwrapper ul ul, #contentwrapper ol ol, #contentwrapper ul ol, #contentwrapper ol ul { margin-bottom: .3em; }


#news {
  font-size:1em;
  width:auto;
}

#news .nitem {
  margin: 0 0 2em 0;
  display:block;
  clear:both; overflow:hidden;
}
#news .newsdate {
  color:#aaa;
  margin-left:0px;
  font-size:1em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:0 20px 0 0;
  margin:0px 0px 0px 0px;
  float:left;
}

#news a.title{
/*  margin:3px 0px 7px 0px; padding:0px;*/
  display:block; font-size: 1.4em; margin: 1.14em 0 .57em;
  /*font-size:1.2em; font-weight:bold;*/  
}
#news .descript{ margin-top:.5em;}

#news .newslinks {
  text-align:left;
  margin: 3px 5px 7px 0px;
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -100%; 
}
	#leftcolumn .inner{ padding:0 20px;}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
}

#loginform{
	margin-top:20px;
}
#loginform form ul li{
  padding:0px 5px 2px 9px !important;
}
#loginform label.desc{
  padding:0px !important;
  line-height:1.2em !important;
}


#reginfo{
	padding:10px; width:200px;
}
#reginfo h2{ text-align:center; font-size:18px; color:#333333; margin-top:.5em; text-align:left; font:Arial, Helvetica, sans-serif}

#vacancys{
	padding:10px 10px;
}
#vacancys h2{ text-align:center; font-size:18px; color:#333333; margin-top:0em; text-align:left;  font:Arial, Helvetica, sans-serif}

#search{
	width:190px;
}
#search .stext{ float:left; width:120px;}

#notepad{
	width:200px;
	margin-top:10px; clear:both;
}
	#notepad .center, #notepad .bottom, #notepad .top{ width:200px; display:block; }
	#notepad .top{ background:url(/images/notepad_t.jpg) no-repeat top left; height:50px;}
	#notepad .center{ background:url(/images/notepad_c.jpg) repeat-y top left; padding:0 5px 20px 25px; width:200px; height:auto !important; min-height:190px; height:190px; }
		#notepad .center h2{ text-align:center; font-size:18px; color:#333333; margin-top:0;  font:Arial, Helvetica, sans-serif}
	#notepad .bottom{ background:url(/images/notepad_b.jpg) no-repeat top left;  height:55px;}

.innertube {margin:0 10xp 10px 10px; padding:0 10px;}

#footer{
clear: left;
width: 100%;
color: #000;
background-color:#FFFFFF;
text-align: center;
padding: 4px 0;
border-top:1px solid #ccc;
}

#footer .counters{
	padding-top:10px; float:left;
}
#footer a.wf{
	background:url(/images/wf.gif) no-repeat 10px 10px; width:160px; height:60px; display:block; font:11px Arial, Helvetica, sans-serif; float:left; padding-left:70px; padding-top:10px; text-align:left;
}
#footer a{
	color:#333;  text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}

#footer P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; COLOR: #333; PADDING-TOP: 10px; TEXT-ALIGN: right; font-size:11px; line-height:14px; font-family:Arial, Helvetica, sans-serif; display:block;
}

.inlineimg a{border:1px solid #ccc !important; padding:6px; /*display:inline;*/ display:table; background-color:#FFFFFF;}
.inlineimg a:hover{border:1px solid #777 !important;}
.inlineimg p{display:block; font-size:0.8em; text-align:center; text-indent:0  !important; margin:5px !important; padding:0 !important;}
.inlineimg p a{ border:none !important; display:inline; margin:0; padding:0; background:transparent;}
.inlineimg p a:hover{ border:none !important;}
.inlineimg img {margin:0px auto; border:1px solid #ccc !important; background-color:#333333;}
	
 .inlineimg.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
 
    .inlineimg.alignright {
    padding: 7px;
    margin: .5em 0px .5em .5em;
    display: inline;
    }
 
    .inlineimg.alignleft {
    padding: 7px;
    margin: .5em .5em .5em 0;
    display: inline;
    }
 
    .alignright {
    float: right;
    }
 
    .alignleft {
    float: left;
    }
	
/* 
TABLES ---------------------------- */  
  
/* border-collapse ensures double borders collapse rather than being shown; 
  without it, borders for th & td would be 2px thick */ 
table {
  border-collapse: collapse;
  background-color:#FFFFFF;
  } 

table thead tr th, table tfoot tr th {
  background-color: #e6EEEE;
  padding: 4px;
  border:1px solid #ccc;
} 

td {
  padding: 6px 10px;
  line-height: 1em;
  font-size: .9em;
  color: #333;
  vertical-align:top;
  border:1px solid #ddd;
  }

td a {
  /*display: block;*/
  font-size: .9em;
  font-weight: bold;
  }
  
.sitebuttons a, .sitebuttons button{
    float:left;
	width:154px;
	height:26px;
	display:block;
	
    background:url(/images/btn.jpg) no-repeat top left;
	border:none;

    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
	font-weight:bold;
	
    line-height:26px;
    text-decoration:none;
	text-align:center;
	
	padding:0 !important; margin-bottom:5px;

    color:#fff !important;
    cursor:pointer;
}

.sitebuttons button[type]{
    padding:0px; /* Firefox */
    line-height:26px; /* Safari */
}
*:first-child+html buttons[type]{
    padding:0px; /* IE7 */
}
.sitebuttons button img, .sitebuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

sitebuttons:hover, .sitebuttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
	text-decoration:none;
	color:#FFFFCC;
}
.sitebuttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.btnTxt button{
  width:30px; height:24px;
  float:left;

  background:url(/images/search.gif) no-repeat top left;
  border:none;
  
  margin:0; padding:0;
}
ul.center_menu{
/*	background-color:#FFFFFF;
	border: #aaaaaa 1px dashed;*/
	border-bottom:1px solid #aaa;
	padding:5px; margin:0 !important;
}

ul.center_menu li{list-style:none; margin:0 0 .3em 0 !important; padding:0 0 0 20px; text-indent:0 !important; /*border-bottom:1px solid #ddd;*/ background:url(/img/bullet.gif) no-repeat .35em .3em;}
ul.center_menu li:before{ content:"" !important;}


#vacansy_form_search { width:100%; padding:0; margin:0; font-size:.9em;
line-height:1.05em;}
#regform{width:100%; padding:0; margin:0; font-size:.9em;
line-height:1.05em;}

