/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body{
margin:auto;
padding:0px;
background-color:#FFFFFF;
}
.orga{
width:100%; 
margin:auto; 
padding:0px; 
text-align:justify;
}

.banner{
width:850px; 
padding:0px; 
margin:auto; 
height:105px;
}
.sorr{
float:left;
padding:0px;
margin:auto;
width:850px;
height:70px;
}
.logo{
float:left; 
margin:auto auto auto auto; 
padding:0px;
width:262px;
height:70px;
background:url(../images/logo-final.jpg) no-repeat;
}
.corner{
padding:0px; 
margin:auto auto auto auto; 
width:11px; 
height:35px; 
float:left;
background:url(../images/corner.jpg) no-repeat;
}
.right-corner{
padding:0px; 
margin:auto auto auto auto; 
width:11px; 
height:35px; 
float:left;
background:url(../images/r-corner.jpg) no-repeat;
}


/* menu css */
.nav {
height:35px; 
background: url(../images/pro_line_0_r.gif) repeat-x; 
position:relative; 
font:bold 11px/15px Tahoma;  
width:554px; 
z-index:40;
margin:auto auto auto auto;
float:left;
}

.nav .table {
display:table; 
margin: auto;
float: left;
padding: 0px;
}
.select{
float: left;
padding: 0px;
margin: auto;
list-style: none;
display:inline;
}
.nav ,
.nav .current {
margin:auto; 
padding:0px; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:auto auto auto auto; 
padding:0px; 
height:auto; 
float:left;
}

.nav .select li{
display:block; 
height:35px; 
float:left;
margin:auto; 
padding:0px 0px 0px 0px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}
.select a {
display:block; 
height:35px; 
float:left;
margin:auto; 
padding:0px 0px 0px 0px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}
.nav .current li {
display:block; 
height:35px; 
float:left;
margin:auto;
padding:0px 18px 0px 0px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}
.current a {
display:block; 
height:35px; 
float:left;
margin:auto;
padding:0px 0px 0px 0px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}
	 
.nav .select li {
margin:auto;
padding:0px 18px 0px 0px; 
color:#fff;
}
.select a:hover, .select li:hover a {
margin:auto;
padding:0px 0px 0px 0px; 
cursor:pointer; 
color:#fff;
}
.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0px; 
cursor:pointer;
}
.nav .select  a:active b, 
.nav .select li:active a b {
color:#FFFFFF;
}

.nav .select .select_sub {
display:none;
background:none;
}

.nav .select .select_sub a {
float:left; 
background:none; 
padding:0px 15px 0px 0px; 
margin:auto; 
white-space:nowrap; 
border:none;
font-weight: normal;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:auto; 
padding:0px; 
list-style:none;
width:545px;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
height:30px; 
top:35px; 
padding:0px; 
z-index:100; 
left:0;
}

.nav .current .show {
z-index:10;
}
.nav .select .select_sub .sub li{
display:block; 
float:left; 
background:none; 
padding:0px 0px 0px 0px; 
margin:auto; 
white-space:nowrap; 
border:none; 
width:auto;
}

.nav .select .sub li a {
display:block; 
float:left; 
background:none; 
padding:0px 15px 0px 0px; 
margin:auto; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .select :hover .sub li a {
display:block; 
float:left; 
background:none; 
padding:0px 15px 0px 0px; 
margin:auto; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#7fbc2b; 
}

.gray-back{
margin:auto; 
padding:0px; 
width:100%; 
height:35px; 
background:url(../images/back_1_r.gif); 
float:left;
}
.form-cont{
padding:0px; margin:auto;
width:850px;
}
/*search form css */
.Form1{
float:right;
padding:0px;
margin:7px auto auto auto;
}
.button{
background:url(../images/searchs.jpg) no-repeat; 
width:52px; 
height:19px; 
color:#FFFFFF; 
padding:0px 0px 2px 0px; 
margin:7px auto auto 3px;
font: bold 11px/15px Tahoma;
border:none;
text-align:center;
}
.inputtext {
width: 167px;
height: 15px;
float:left;
margin:7px auto auto auto;
border:1px solid #999999;
}
.content{
width:880px; 
padding:0px; 
margin:auto; 
height:auto;
}
.sub-menu{
width:850px; 
padding:0px; 
margin:7px auto auto 11px; 
float:left;
}
.sub-menu ul{
padding:0px; 
margin:auto auto auto auto; 
list-style:none; 
display:inline; 
float:right;
font:normal 12px/15px Arial, Helvetica, sans-serif;
color:#9fa092;
}
.sub-menu ul li{
display:inline;
}
.middel-cont{
padding:0px; 
margin:auto; 
float:left; 
width:604px;
}
.hor-menu{
padding:0px; 
margin:23px auto auto 32px; 
float:left; 
width:235px;
}
#index .hor-menu ul{
padding:0px; margin:220px auto auto auto; float:left; list-style:none;height:auto; text-align:left;
}
.hor-menu ul{
padding:0px; margin:auto auto auto auto; float:left; list-style:none;height:auto; text-align:left;
}

.hor-menu-ul{
padding:0px; 
margin:auto; 
float:left; 
list-style:none; 
text-align:left;
}
.menu-image{
display:block;
padding:0px; 
margin:10px auto auto auto;

}
.title{
display:block;
padding:5px 0px 0px 30px;
margin-top:10px;
height:19px;
font:normal 17px/15px Arial, Helvetica, sans-serif; 
background:url(../images/bullet.jpg) no-repeat; 
color:#2c2c2c;
}
.date{
display:block; 
font:normal 14px/15px Arial, Helvetica, sans-serif; 
color:#f54d00; 
margin:7px auto 7px auto;
}
.news-topics{
display:block;
padding:0px; 
margin:auto; 
font:normal 12px/15px Arial, Helvetica, sans-serif;
color:#98968c; 
height:63px; 
float:left; 
width:228px;
}
.related-links{
display:block;
padding:8px 0px 0px 30px; 
height:19px;
font:normal 17px/15px Arial, Helvetica, sans-serif; 
background:url(../images/bullet.jpg) no-repeat; 
color:#2c2c2c;
}

div.pagination {
font:normal 12px/15px Arial, Helvetica, sans-serif;
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
float:left;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #b0afae;
text-decoration: none; /* no underline */
color: #ed7d7d;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #ed7d7d;
color:#b0afae;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #ed7d7d;
font-weight: bold;
background-color:#ed7d7d; /*#5fcaec; the old blue color*/
color: #FFF;
	}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
/* the database forms css.... */
form.example{
margin:auto;
padding:0px;
float:left;
height:45px;
}
form.example input {
/*	background: url(../images/input_boxes.gif) no-repeat 0px -58px;*/
border: 1px solid #999999;
width: 241px;
height: 15px;
padding-left: 3px;
padding-top: 3px;
margin:auto;
}
form.example input#up {
width:69px;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px 5px;
background:url(../images/button.gif) no-repeat left top;
cursor:pointer;
border:none;
margin:auto auto auto 2px;
}
form.example input:focus {
background-color: transparent;
}

form.example div.fileinputs {
position: relative;
height: 15px;
width: 297px;
display:inline;
margin: auto;
padding: 0px;
float:left;
}

form.example input.file {
width: 300px;
margin:auto;
height:15px;
padding:0px;
}

form.example input.file.hidden {
position: relative;
text-align: right;
filter:alpha(opacity= 0);
opacity: 0;
z-index: 2;
}

form.example div.fakefile {
position: absolute;
top: 0px;
left: 0px;
width: 385px;
padding:0px;
margin: auto auto auto auto;
z-index: 1;
display:inline;
height: 15px;
}

form.example div.fakefile input {
margin: auto auto auto auto;
padding-left: 3px;
padding-top: 3px;
height: 15px;
}
/* scroll css ... */
div#scrollbar {
display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
position:relative;
width:583px; height:500px;
overflow:hidden;
	}
    
div#scrollbar { 
position:relative;
width:11px; 
height:450px; 
font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
position:absolute; left:0; top:12px;
width:11px; height:425px;
background: #ed7d7d;
  }
div#dragBar {
position:absolute; left:1px; top:1px;
width:9px; height:20px;
background-color:#eae7e7;
  }  
div#up {
position:absolute; 
left:0; 
top:0; 
}  
div#down { 
position:absolute; 
left:0; 
bottom:0; 
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
-moz-user-select: none;
-khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
display:block; 
}
.footer{
padding:0px; 
margin:auto; 
font:normal 11px/15px Arial, Helvetica, sans-serif; 
color:#98968c; 
float:left; 
width:880px; 
text-align:center;
}
.sepa{
display:block;padding:0px; margin:5px auto 5px auto;
}	
.footer-hl{
padding:0px;
margin:3px auto 5px auto;
width:880px;
height:1px;
background:url(../images/hlt.jpg) no-repeat;
float:left;
}
.interfaceLink{
padding:0px; margin:7px auto 7px auto; float:left; 
}
.lightboxContainr{
padding:0px; margin:auto; float:right; width:220px; height:118px; text-align:center; color:#7fbc2b; 
border:2px solid #dcdbd9;
}
.lightboxContainr a{
text-decoration:none;
color:#7fbc2b;
}
/**********************************************************/
/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
	
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
 .cse input.gsc-input,
input.gsc-input {
background-image:none !important;
width: 167px;
height: 15px;
float:left;
margin:7px auto auto auto;
border:1px solid #999999;
}
#cse input[type=text]{
border:1px solid #999999;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #999999;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
input.gsc-search-button, input.gsc-search-button{
background:url(../images/searchs.jpg) no-repeat; 
width:52px; 
height:19px; 
color:#FFFFFF; 
padding:0px 0px 2px 0px; 
margin:7px auto auto 3px;
font: bold 11px/15px Tahoma;
border:none;
text-align:center;
}

/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
#search a:link{
	  color: #7fbc2b;

}
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
#search a:hover{
	color:#999999;
}
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
#search a:visited {
	color:#e82f2f;
}
/* tab js code css */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid gray;	
	height:30px;
    width: 555px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/blue.png) no-repeat -420px 0;
    font-weight: bold;
    font-size: 11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#67ac08;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#8b9978 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:173px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;
     margin: auto; padding: 0px; color:#2c2c2c; font:normal 12px/22px Arial, Helvetica, sans-serif; width:555px;	
}
.panes div {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	display:none;		
	padding:7px 7px;
	border:1px solid #999;
	border-top:0;
	height:120px;
	background-color:#fff;
    width:533px;
}
.tapul {
	float:left; margin:2px auto auto 5px; padding:0px; list-style:none;width:555px;
}
.tapul li{
	display:inline; background:url(../images/bullet-ss.jpg) left 8px no-repeat;
     padding:0px 0px 0px 10px; margin:auto auto 5px 3px; float:left;
}
.tapul li a{
    
    color:#2c2c2c;
}