@charset "utf-8";
/* CSS Document */

/* Page Properties */
html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #FFFFFF;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
}
/* Headers Sizes */
h1 {
	font-size:18px;
	color:#66787c;
	line-height:6px;
}

h2 {
	font-size:21px;
	color:#161616;
	font-weight:bold;
	margin:0px;
}

h3 {
	font-size: 14px;
	color:#53686c;
	border-bottom:2px dotted #ccc;
	padding-bottom:5px;
	margin:4px;
}

h4 {
	font-size: 14px;
	color:#003333;
	border-bottom:4px solid #ccc;
}

h5 {
	font-size: 20px;
	color:#003333;
	margin:4px;
}

h6 {
	font-size:18px;
	color:#161616;
}
/* ul text Color */
ul, ol {
	margin-top: 1.5em;
	font-size: 1em;
	padding-left: -6em;
}
/* li text Color */
li {
	list-style-type: none;
	background: url(../images/sub/bullet.gif) no-repeat;
	padding-left: 1em;

	}
/* strong green */
strong.plus {
	color:#0a8816;
	}
/* strong dark green */
strong.date {
	color:#003333;
	}
/* strong gray */
strong.gray {
	color:#656565;
	}
/* Links Properties */
	a {
	text-decoration:none;
	color:#275f9f;
	}
	a:hover   {
	color: #003333;
	}
/* Top Links Properties */
	a.top {
	text-decoration:none;
	color:#003333;
	}
	a.top:hover   {
	color: #000;
	}

/* Top Login Properties */
input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
  color:#333;
  font-size:11px;
}
/* Tab Links Properties */
	a.tab {
	text-decoration:none;
	padding:5px;
	border: 1px #879598 solid;
	color:#003333;
	background-color:#d9dedf;
	}
	a.tab:hover   {
	color: #000;
	padding:5px;
	border: 1px #879598 solid;
	background-color:#fff;
	}
	.tabbed {
	text-decoration:none;
	padding:10px;
	border: 1px #879598 solid;
	color:#003333;
	}
/* Main Container */
	.oneColFixCtr #wrapper {
		height:98%;
		text-align: center;
		margin: 0 auto;
		}
	.oneColFixCtr #container {
		width: 988px;
		margin: 0 auto;
		text-align: left;
		}
/* Top menu */
	.oneColFixCtr #Topmenu {
		width: 988px;
		height:35px;
		background-image:url(../images/top_menu_bg.jpg);
		margin: 0 auto;
		text-align: left;
		}
/* Top menu */
	.oneColFixCtr #TopmenuA {
		width: 420px;
		float:left;
		margin: 0 auto;
		text-align: left;
		padding: 5px;
		color:#787878;
		}
/* Top menu */
	.oneColFixCtr #TopmenuB {
		width: 420px;
		float:right;
		margin: 0 auto;
		text-align: right;
		color:#FFF;
		font-size:11px;
		}
/* Main logo and banner */
	.oneColFixCtr #Toplogo {
		width: 988px;
		height:120px;
		background-image:url(../images/logo_bg.jpg);
		margin: 0 auto;
		text-align: left;
		}
/* Main logo */
	.oneColFixCtr #ToplogoA {
		float:left;
		width: 227px;
		height:120px;
		margin: 0 auto;
		margin-right: 23px;
		text-align: left;
		}
/* Main logo */
	.oneColFixCtr #Topbanner {
		float:left;
		width: 730px;
		height:92px;
		margin: 0 auto;
		margin-top: 15px;
		text-align: left;
		}
/* Search on top */
	.oneColFixCtr #Menu {
		width: 988px;
		height:41px;
		margin: 0 auto;
		text-align: left;
		}
/* Head Content */
	.oneColFixCtr #Heading {
		width: 988px;
		margin: 0 auto;
		text-align: left;
		}
/* Heading in index A */
	.oneColFixCtr #IndexheadA {
		float:left;
		width: 664px;
		margin: 0 auto;
		margin-right: 10px;
		text-align: left;
		padding-left: 8px;
		}
/* Heading in index B */
	.oneColFixCtr #IndexheadB {
		float:left;
		width: 306px;
		margin: 0 auto;
		text-align: left;
		}

/* left content */
	.oneColFixCtr #Leftcontent {
		float:left;
		width: 194px;
		margin: 0 auto;
		text-align: left;
		color:#585858;
		font-size:11px;
		}
/* left search box */
	.oneColFixCtr #searchBox{
		float:left;
		width: 181px;
		height:110px;
		padding:5px;
		border: 1px solid #879598;
		background-image:url(../images/sub/search_bg.jpg);
		margin: 0 auto;
		text-align: center;
		}

/* right content */
	.oneColFixCtr #Rightcontent {
		float:right;
		width: 720px;
		margin: 0 auto;
		text-align: left;
		}
/* right main web */
	.oneColFixCtr #mainWeb {
		float:left;
		width: 720px;
		margin: 0 auto;
		text-align: left;
		margin-bottom:20px;
		}
/* right main web header */
	.oneColFixCtr #mainHeader {
		float:left;
		width: 698px;
		height:30px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		border: 1px solid #879598;
		margin: 0 auto;
		text-align: left;
		}
/* right main web header */
	.oneColFixCtr #mainTxt {
		float:left;
		width: 708px;
		height:175px;
		padding:5px;
		background-image:url(../images/sub/boxes_bg.jpg);
		background-repeat:repeat-x;
		border-left: 1px solid #879598;
		border-right: 1px solid #879598;
		border-bottom: 1px solid #879598;
		margin: 0 auto;
		text-align: left;
		color:#404040;
		font-size:14px;
		}
/* right websites */
	.oneColFixCtr #websites{
		float:left;
		width: 352px;
		margin: 4px 4px;
		text-align: left;
		}
/* right main web header */
	.oneColFixCtr #webHeader {
		float:left;
		width: 332px;
		height:30px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		border: 1px solid #879598;
		margin: 0 auto;
		text-align: left;
		}
/* right main web header */
	.oneColFixCtr #webTxt {
		float:left;
		width: 342px;
		height:126px;
		padding:5px;
		background-image:url(../images/sub/boxes_bg.jpg);
		background-repeat:repeat-x;
		border-left: 1px solid #879598;
		border-right: 1px solid #879598;
		border-bottom: 1px solid #879598;
		margin: 0 auto;
		text-align: left;
		color:#404040;
		font-size:12px;
		}
/* right main web */
	.oneColFixCtr #weblinks {
		float:left;
		width: 720px;
		margin: 0 auto;
		margin-top:5px;
		margin-bottom:20px;
		font-size:14px;
		}

/* right main web header */
	.oneColFixCtr #articles {
		float:left;
		width: 342px;
		height:250px;
		padding:5px;
		border: 1px solid #879598;
		margin: 3px 3px;
		text-align: left;
		color:#404040;
		font-size:12px;
		}
/* right telegram */
	.oneColFixCtr #telegram {
		float:left;
		width: 720px;
		margin: 0 auto;
		font-size:12px;
		}
/* right telegram header*/
	.oneColFixCtr #telegramHeader {
		float:left;
		width: 720px;
		background-color:#eceeee;
		border: 1px solid #879598;
		margin: 0 auto;
		margin-top:15px;
		text-align:center;
		}
/* right telegram txt*/
	.oneColFixCtr #telegramTxt {
		float:left;
		width: 700px;
		padding:10px;
		margin: 0 auto;
		}
/* right inner */
	.oneColFixCtr #inner {
		float:left;
		width: 720px;
		margin: 0 auto;
		font-size:12px;
		}

/* right innner txt*/
	.oneColFixCtr #innerTxt {
		float:left;
		width: 700px;
		padding:10px;
		margin: 0 auto;
		}
/* Footer Container */
	.oneColFixCtr #Footer {
		width: 978px;
		float:left;
		padding:5px;
		margin: 0 auto;
		margin-top:15px;
		text-align:left;
		font-size:11px;
		color:#6c6c6c;
		background-color:#d9d9d9;
		}
/* Footer Copy */
	.oneColFixCtr #Footercopy {
		width: 300px;
		float:left;
		padding-left:5px;
		margin: 0 auto;
		margin-right:15px;
		text-align:left;
		}
/* Footer Links */
	.oneColFixCtr #Footerlinks {
		float:right;
		padding-right:5px;
		margin: 0 auto;
		text-align:left;
		}
/* Footer Bottom links */
	.oneColFixCtr #Bottom {
		width: 978px;
		float:left;
		padding:5px;
		margin: 0 auto;
		margin-top:15px;
		margin-bottom:20px;
		text-align:left;
		font-size:10px;
		}

/* SLIDER SEARCH ########################################################### */
#slideout {
   position: fixed;
   top: 40px;
   left: 0;
   width: 30px;
   height: 75px;
   padding: 0px 0;

   text-align: center;

   background: #6DAD53;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
}
#slideout_inner {
   position: fixed;
   top: 40px;
   left: -450px;
   background: #6DAD53;
   width: 400px;
   padding: 25px;
   height: 300px;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   text-align: left;
   -webkit-border-radius: 0 0 5px 0;
   -moz-border-radius: 0 0 5px 0;
   border-radius: 0 0 5px 0;
}
#slideout_inner textarea {
   width: 190px;
   height: 100px;
   margin-bottom: 6px;
}
#slideout:hover {
   left: 450px;
}
#slideout:hover #slideout_inner {
   left: 0;
}

#slideout p {
   -moz-transform:rotate(-270deg);
   -moz-transform-origin: bottom left;
   -webkit-transform: rotate(-270deg);
   -webkit-transform-origin: bottom left;
   -o-transform: rotate(-270deg);
   -o-transform-origin:  bottom left;
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

   -webkit-transform:rotate(90deg);
   -moz-transform:rotate(90deg);
   -o-transform: rotate(90deg);

   writing-mode: tb-rl;
   filter: flipV flipH;

   font-weight: bold;


   margin: 0 auto;

   padding: 0;
}