/* cascading style sheet  */
/* http://www.harvey.be   */
/* last update 17.07.2007 */
/* last update 16.11.2009 */
/* last update 27.07.2010 */
/* ---------------------- */
body {
	margin:0;
	padding:0;
	background-color:#CBCBCB;
	color:#6C6C6C;
	text-align:center;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
/*  font-size:62.5%;
 Align pixels with ems - http://www.clagnut.com/blog/348/ */
/* font-size:100%; #e8e6d3*/
#container {
	width:800px;
	margin:10px auto;
	background-color:#eee;
	border:solid Gray;
	border-width:6px 3px;
	line-height:130%;
	text-align:left;
	position:relative;
}
#header {
   left:0;
	top:0;
	padding:0;
	margin:0;
	border:0;
	position:relative;
	height:140px;
	width:800px;
	background:#d3d3d3 url(header.bmp) no-repeat;
}
#header h1 {padding:0; margin:0}
#header h1 span {position:absolute; left:-2000px} 
#content {
	width:600px;
	margin:10px 0px 10px 190px;
}
#footer {
	padding:.5em;
	border-top:1px solid gray;
	color:gray;
	text-align:center;
}
/* ------------------
 begin navigation top
--------------------- */
#topnav {
	white-space:nowrap;
	width:100%;
	padding:0;
	margin:0;
	float:left;
	background:transparent url(gif/topnav.jpg) repeat-x;
}
#topnav a {font:bold 11px Verdana, Arial, sans-serif }
#topnav ul {
  padding:0;
  margin:0;
  float:right
}
#topnav ul li { display:inline }
#topnav ul li a {
	padding:0em 1em;
	color:Gray;
  text-decoration:none;
  float:left;
  border-right:1px solid Gray;	
}
/* Fix IE. Hide from IE Mac \ */
 html #topnav ul li {float:left}
 html #topnav ul li a {height:20px}
/* End fix IE */
#topnav ul li a:hover {color:Navy}
/* ------------------
end navigation top
---------------------*/
/* -----------------------
begin menu navigation left
--------------------------*/
/* hide from MacIE \ 
 html #content { margin-left:0; } 
 html #leftcolumn { margin-right:-3px; } 
*/
/* end hide */
#leftcolumn {
  float:left;
  margin:0;
  width:180px;
}
#leftcolumn p {margin:0 0 1em 1em}
#leftnav {
  float:left;
  width:165px;
  margin-top:20px;	
}
#leftnav ul {
  margin-left:30px;
  padding:0;
  list-style-type:none;
  font:bold 14px verdana, arial, sans-serif;
}
#leftnav li {margin:0; white-space:nowrap;}
#leftnav a, #leftnav li a  {
  display:block;
  color:Gray;
  background-color:transparent;
  width:100px;
	height:25px;
	margin-top:2px;  
  text-decoration:none;
  padding:5px 0px 0px 20px;
}
#leftnav a:hover {
  background-color:#ddd;
  color:Navy;
  padding:5px 0px 0px 20px;
}
/* ---------------------
end menu navigation left
------------------------*/
/* ---------------------
links in left navigation
------------------------*/
.favs {
	left:0;
	top:0;
	margin:0;
	width:10px;
	background:transparent;
	font-weight:bold;
}
.favs ul {
	margin: 0px 0px 0px 20px;
	list-style: outside url(gif/tridot.gif);
	padding-left: 5px;
}
ul.favs li {list-style:outside url(gif/tridot.gif); white-space:nowrap }
.favs a:link {
	color:#708090;
	text-decoration:none;
	list-style:outside url(gif/tridot.gif);
}
.favs a:visited {color:Navy; text-decoration:none;}
.favs a:hover {color:Navy}
.favs a:active {color:Navy}
/* -------------------------
end links in left navigation
---------------------------- */
.fine {
	font-size:11px;
	background-color:transparent;
	color:Gray;
}
.fine a {text-decoration:none; list-style:none; margin:0}
.fine a:link {font-weight:bold; color:Gray}
.fine a:visited {color:Navy}
.fine a:hover {text-decoration:underline; color:Navy}
.fine a:active {color:Navy}
/* ---------------
navigation days
---------------- */ 
.navlink {
	background-color:transparent;
	color:#6C6C6C;
	font-size:12px;
	list-style:none;
}
.navlink ul {margin:0; list-style-type:none;}
.navlink ul li {display:inline;	white-space:nowrap}
.navlink a {text-decoration:none;}
.navlink a:link {color:gray;	text-decoration:underline;}
.navlink a:visited {color:blue; text-decoration:underline;}
.navlink a:hover {color:red}
.navlink a:active {color:red}
.red {
	text-decoration:none; 
	color:red !important;
	border-bottom:0;
	border-bottom-style:none;
}
.maroon {
	text-decoration:none;
	color:maroon;
	font-size:12pt;
	font-weight:bold;
}
.linkul {color:#6C6C6C}
.linkul a  {border:0; text-decoration:none}
.linkul ul {margin:0; list-style-type:none}
/*.linkul ul li {white-space:nowrap}*/
.linkul a:link {color:#708090;border-bottom:1px dashed #4A4A4A}
.linkul a:visited {color:navy}
.linkul a:hover { color:navy; background-color:White; border-bottom:1px solid}
.linkul a:active {color:blue}
h1, h2, h3, h4 {
	font-weight: bold;
	color: Gray;
	text-align: left;
	margin: 15px;
}
h1 {
	font-size: 12pt;
	text-align: center;
	line-height: 120%;
}
h2 {
	font-size:11pt;
	text-align:center
}
h3 {font-size:10pt}
h4 {
	font-size:8pt;
	margin-top:0;
	margin-bottom:0.3em
}
p {
	margin:2px 2px 5px 5px;
	font:normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif
}
/* --------
img icons
----------*/
.belstat {float:left; position:relative}
.clearing {height:0; clear:both}
.gotop {
	clear:both;
	font-size:10pt;
	background-color:transparent;
	text-align:right;
	margin-right:3px;
	border-style:none
}
.gotop a {text-decoration:none;}
.gotop a:link {color:Gray; font-weight:bold;}
.gotop a:visited {color:Navy}
.gotop a:hover {
	border-bottom:none;
	text-decoration:underline;
	color:Maroon
}
.gotop a:active {color:Maroon}
.img {border:0; text-align:center}
.imgleft {
	float:left;
	border:#bac1a3 1px solid;
	text-align:center;
	margin:1em;
	padding: 3px;
}
.imgright {
	float:right;
	border: #bac1a3 1px solid;
	text-align:center;
	margin:1em;
	padding:5px;
}
.image {
	border: #bac1a3 1px solid;
	float: none;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
.icons {text-decoration:none; padding:5px; border:0}
/* ------------
end img icons
--------------*/
/* ---------
float img
----------*/
.float2 {
	float:left;
	text-align:center;
	padding:15px 10px 5px 15px;
	margin:5px 5px 5px 10px;
	border: 1pt;
}
.float {
	float:left;
	margin:15px 15px 15px 20px;
	padding:15px 10px 5px 10px;
	border-top:1px solid Gray;
	border-right:2px solid Gray;
	border-bottom:2px solid Gray;
	border-left:1px solid Gray;
	background-color:#ddd
}
.float img {padding:5px; border:none}
.float p {text-align:center; font-size:10pt}
.float imgleft p {text-align:center; font-size:10px;}
/* -------------
end float img
-----------------*/
/* -----------
contact page
-------------*/
.row {padding:5px}
.row span.label {
  float:left;
  width:300px;
  text-align:left
}
.row span.formw {width:300px; text-align:left} 
.contact{
  width:500px; 
  background-color:#ccc;
  border:1px dotted Gray;
  margin:0
}
/* ------------------
end contact page
	background:#fff2bf url(gif/icon_alert.gif) center no-repeat;
-------------------*/
.alert {
  background:#ccc url(gif/exclaim.gif) center no-repeat;
  color:Navy;
  background-position:15px 50%; /* x-pos y-pos */
  text-align:left;
  padding:5px 20px 5px 45px;
  border-top:3px solid navy;
  border-bottom:4px solid navy;
}
span.email {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.initial{
	font-size:40px;
	font-weight: bold;
	color:#62629C;
	float:left;
	height:34px;
	line-height:34px;
	margin-top:2px;
	margin-right:1px;
	font-family: times
}
