/* Start of CMSMS style sheet 'style' */
/* CSS Document */

body {
	margin: 0px;
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	line-height:18px;
}

#container
{
margin:0 auto;
width:980px;}

#header
{
width:980px; float:left;}

#header h1{margin:0; padding:28px 0 0 0; font-size:25px; float:left; font-weight:normal;}

.row1{
height:46px; width:100%; float:left;
}

.row2{
height:35px; width:978px; 
float:left; border:1px solid #CCCCCC; 
border-bottom:0px;
background:url(images/topMenuBg.jpg) no-repeat;
}

.row3{
height:85px; width:978px; float:left; 
border:1px solid #CCCCCC; 
background:url(images/headerBg1.jpg) repeat-x;
}

.gap13{clear:both; height:13px;}

.row4{
height:35px; width:978px; float:left; 
border:1px solid #CCCCCC; 
background:url(images/menuBg1.jpg) repeat-x;
}

.flash{
width:730px; height:178px;
border:1px solid #CCCCCC;
margin-right:13px;
float:left;
}

.testi{
width:233px; height:178px;
border:1px solid #CCCCCC;
background:url(images/testiBoxBg.jpg) repeat-x top #FFFFFF;
float:left;
}

.linkBk{
color:#000;
font-weight:normal;
text-decoration:none;}

.linkBk:hover{
color:#0093db;
font-weight:normal;
text-decoration:none;}

.linkBlue{
color:#0093db;
font-weight:bold;
text-decoration:none;}

.linkBlue:hover{
color:#000000;
font-weight:bold;
text-decoration:none;}

.linkGreen{
color:#339933;
font-weight:bold;
text-decoration:none;}

.linkGreen:hover{
color:#000000;
font-weight:bold;
text-decoration:none;}


h2{
color:#0093db;
padding:10px 0 0 10px; margin:0; font-size:14px;}

#accord{
width:730px; height:193px;
border:1px solid #CCCCCC;
margin-right:13px;
float:left;
}

/* for accord str*/



#accord ul{
  list-style: none;
  margin: 0;
  padding:0 0 0 0;
  border:0px solid #CCCCCC;
}

#accord  ul li{
  float: left;
  padding: 0px;
  display: block;
  margin:0 0px 0 0px;

  
}

#accord  ul li span{
  display: block;
  overflow: hidden;
  height: 192px;
  width: 65px;
   border:0px solid #CCCCCC;

   text-decoration:none;
   color:#000;
}

#inner a
{
clear:both;
text-decoration:none;
}


#accord  ul li img{
  position: absolute;
  border: 0px solid #881212;
  
}

#accord  ul li p{
  margin: 0;
  padding: 5px 0 0 0;
  width: 500px;
  display: block;
  margin-left: 75px;
  
}

#accord  p a{
text-decoration:none;  
}

#accord #a1{
  width: 598px;
}

/* for accord end*/
.LNews{
width:233px; height:193px;
border:1px solid #CCCCCC;
background:#FFFFFF;
float:left;
}
/* for latest news str*/

#slider {
    width: 215px; /* important to be same as image width */
    height: 125px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 100%; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	 
    padding: 10px 13px;
   /* width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;*/
    color: #000;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul { list-style-type: none; padding:12px; margin:0;}

#slider a {text-decoration:none; color:#000000; font-size:11px;}
/* for latest news end*/
#searchBox{
float:right; background:url(images/searchBoxBg.jpg); width:187px; height:23px; margin-top:12px;}

/*for Search At top*/
div#search {
	float:right;
	background:url(images/searchBoxBg.jpg);
	width:187px;
	height:23px;
	margin-top:12px;

}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}

div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 140px;
	height: 14px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #330033;
/* padding of text
	padding: 3px 0px 2px 10px; 
	float: left;*/
	margin:2px 4px 0 6px;
font-size:10px;
/* set all font properties at once, weight, size, family 
	font: bold 0.9em Arial, Helvetica, sans-serif;*/
/* left input image, set your own here */
	background: none;
}


div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 25px;
	height: 16px;
	margin:3px 3px 0 2px;
/* removes default borders, allows use of image */
	border:0px solid;
	
/* provides positive hover effect */
	cursor: pointer;
font-size: 0px;
/* submit button image, set your own here */
	background: none;
}

/*End of Search*/



p{margin:0; padding:0;}

a {color:#0099cc;
text-decoration:none;}

a:hover {color:#37a121;
text-decoration:none;}

#subhead{
height:84px;
border-top:5px solid #0193d8;
border-bottom:5px solid #37a121;
float:left;
width:980px;
background:url(images/subheader_img1.jpg) no-repeat right;
}

#subhead h1{
font-size:24px;
padding:0;
margin:0 0 10px 0;}


#lhs{
width:200px;
float:left;}

#lhs h2{
background:url(images/lhs_h2.jpg) no-repeat left;
padding:0px 0 0px 17px; margin:0px 0 16px 0;
height:25px;
font-size:16px;
color:#000000;
}

#lhs h3{
background:url(images/arr1.gif) no-repeat left bottom;
padding-bottom:0px;
margin:0px 0 10px 0px;
padding:0 0 0 8px;
color:#000000;
}

.newsletter{
background:url(images/newsletterBg.jpg) repeat-x top #FFFFFF;

width:198px;
border:1px solid #CCCCCC;
margin:13px 0 13px 0;}

.lhslink{	
	margin:0px 0 0 0px;
	

}

.lhslink2{	
	margin:0px 0 0 10px;
	padding:0 5px 0 8px;

}





.lhslink li{
	list-style:url(images/arr1.gif);
	padding-bottom:5px;
	
}

.lhslink3 li {
list-style:url(images/arr2.gif);
padding-bottom:5px;
}


.lhsHover{

color:#000;
text-decoration:none;
padding:5px 0 5px 0px;
}


.lhsHover:hover{
background:#effdec;
color:#000;
text-decoration:none;
padding:5px 0 5px 0px;
}



.box{
background: #FFFFFF;
border:1px solid #CCCCCC;
height:20px;
width: 80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:4px;
}

.boxPow{
background: #FFFFFF;
border:1px solid #CCCCCC;
height:25px;
width: 80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:4px;
}

.box1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	height: 18px;
	padding-left: 4px;
	border: 1px solid #003300;
}

.gob {
	font-family: Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/go.gif);
	background-repeat: no-repeat;

	height: 22px;
	width: 31px;
	border-top-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;cursor:hand;

}

.profileHL {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	line-height:19px;
	text-decoration: none;
	color: #3ea927;
	/*background-color: #f2f2f2;*/
	
}

.subcribe
{background:url(images/subscribeNews.gif) no-repeat; width:180px; height:23px; border:0px; cursor:pointer;}

#content{
width:767px; 
float:left;}

#content h1{
padding:10px 0 0px 0; margin:0;
font-size:16px;
color:#0099cc;
text-transform:uppercase;}

#content h2{
padding:10px 0 10px 0; margin:0;
font-size:12px;
color:#37a121;
font-weight:bold;}

#content h3{
padding:10px 0 10px 0; margin:0;
font-size:12px;
color:#0099cc;
font-weight:bold;}

#footer{
margin:0 auto;
width:100%;
/*height:55px;*/
border:1px solid #CCCCCC;
border-left:0px; border-right:0px;
position:relative;
text-align:center
padding-top:17px;}

#footer1{
margin:0 auto;
width:100%;
border:0px solid #CCCCCC;
padding:10px 0 10px 0;
float:left;}
{*Drope Line*}

#pad {height:140px;}

#menuHolder{ margin:0px 0px 0px 0px; width:980px; border:0px solid;}
#dropline {list-style:none; height:30px; background:url(../images/menuBg11.jpg) repeat-x; position:relative; margin:0px; border:0px solid #000000;padding:0px;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:0;}

#dropline li {float:left;}
#dropline li a {display:block; height:30px; padding:8px 10px 0 10px; float:left; color:#000; text-decoration:none; font-size:10px; font-weight:normal;}
#dropline li a:hover {background:#bfe3b7; line-height:18px; height:31px; border:1px solid #CCCCCC; border-top:0px; border-bottom:0px; z-index:1;}


#dropline li:hover > a {color:#37a121; background:#bfe3b7; border:1px solid #CCCCCC; border-top:0px; border-bottom:0px; z-index:100; height:28px;}
#dropline li:hover > a b {color:#37a121; background:#bfe3b7; height:28px;}



#dropline ul {padding:0; margin:0 0 0 0px; list-style:none; position:absolute; height:35px; width:968px; background:url(images/menuBg2.png) repeat-x; left:-9999px; top:35px; z-index:10; border:1px solid #CCCCCC; text-align:center; padding:0 0 0 10px;}
#dropline ul li {height:35px; line-height:18px;}
#dropline ul.right li {float:right;}
#dropline ul li a {color:#000; padding:8px 5px 0 5px; height:35px; line-height:18px; border:0px solid #e60; font-weight:normal; font-size:10px;}
#dropline ul li a:hover {height:35px; line-height:18px; background:#d7f2ff; color:#0392da; border:0px; height:28px;}

#dropline ul li:hover > a {color:#0392da; background:#d7f2ff; border:1px solid #CCCCCC; border-top:0px; border-bottom:0px; z-index:100; height:28px;}
#dropline ul li:hover > a b {color:#0392da; background:#d7f2ff; border:1px solid #CCCCCC; border-top:0px; border-bottom:0px; z-index:1; height:28px;}


#dropline ul.right li a {border-left:1px solid #e60; border-right:0; }
#dropline ul li a.last {border:0;}




#dropline :hover ul {left:0;}
/*
#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {background:url(tab_a.gif) no-repeat right top; line-height:36px; height:44px}
#dropline li.current a b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}
#dropline li.current ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}*/

#dropline ul li ul { margin:0 0 0 -1px; list-style:none; position:absolute; height:35px; width:968px; background:url(images/menuBg3.png) repeat-x; left:0px; top:35px; z-index:10; border:1px solid #CCCCCC; display:none; padding:0 0 0 10px;}
#dropline ul li ul li {height:35px; line-height:18px;}
#dropline ul li ul.right li {float:right;}
#dropline ul li ul li a {color:#000; padding:5px 10px 0 10px; height:35px; line-height:18px; border-right:0px solid #e60; font-weight:normal; font-size:9px;}
#dropline ul li ul li a:hover {height:35px; line-height:18px; background:transparent; color:#0392da; border:0px; }
#dropline ul li ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}

#dropline ul li:hover ul {left:0;display:block}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
z-index:		999;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {z-index:		999;
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;

	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	/* background:		#BDD2FF;*/
	padding-top:5px;
	padding-bottom:3px;
}
.sf-menu li li {
       width:190px;
	color:#000;	
	background:	#32a8ea;
	border-bottom:1px solid #84cbf2;
	padding-top:0px;
	padding-bottom:0px;
}
.sf-menu li li li {
	background:		#32a8ea;
	padding-bottom:0px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#32a8ea;
	color:#000000;
	outline:0;
	
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
width: 190px;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.tabl1 td {
background:#ffffff;
}

#content ul li {
list-style-image: url('images/arr1.gif');
}

select {
border:1px solid #cccccc;
}
.menuactive {
	background:		#32a8ea;
height:28px; border:0px solid #000;
 
}

.menuactive1 {
        background:  #bfe3b7;
       height:36px;
 
}
/* For latest News*/
#jFlowSlide{ background:#fff; }
#myController { padding:2px 0 0 10px;  width:200px; background:#fff; color:#000000; }
#myController span.jFlowSelected { background:#999999;margin-right:0px; color:#fff;  }

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:200px; float:left; }
.slide-thumbnail img {max-width:200px; }
.slide-details { width:200px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin:5px 10px 0 10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#000; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;  border:1px solid #e2e2e2;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; color:#fff; }

/*for TAB*/

/* ######### CSS for Shade Tabs. Remove if not using ######### */
 .indentmenu{
width: 100%; /*leave this value as is in most cases
background:#f1f1f1;*/
color:#ffffff; font-size:11px;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 0px solid navy; /*navy border
background: #660033 url(../images/indentbg211.gif) center center repeat-x;*/

}

.indentmenu ul li{
 display:block;
 float:left;
 }

.indentmenu li{
margin-right:5px;
}
.indentmenu ul li a{
float: left;
color: #000; /*text color*/ 
display:block;
text-decoration: none; 
font-weight:normal;
padding:10px;
 min-width:50px;
text-align:center;
background:#ccc;
 -moz-border-radius: 7px 7px 0px 0px;
margin-top:8px
}
.indentmenu ul li a:hover{background:#5dc1f2;}
.indentmenu ul li a:visited{
color: #000;
}

.indentmenu ul li a.selected{
color: #ffffff !important;
 display:block;
/*background: #660033 url(../images/indentbg.gif) center center repeat-x;*/
background:#169ddf;
 font-weight:normal;
padding:10px;
text-align:center;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
color:#000;
}

@media print {
.tabcontent {
display:block !important;
}
}
 /* inner tab*/
 
.indentmenu2{

width: 100%; /*leave this value as is in most cases
background:#f1f1f1;*/
color:#ffffff;  font-size:11px;
}

.indentmenu2 ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 0px solid navy; /*navy border
background: #660033 url(../images/indentbg211.gif) center center repeat-x;*/

}

.indentmenu2 ul li{
 display:block;
 float:left;
 }

.indentmenu2 li{
margin-right:5px;
}
.indentmenu2 ul li a{
float: left;
color: #000; /*text color*/ 
display:block;
text-decoration: none; 
font-weight:normal;
padding:10px 15px 10px 15px;
min-width:50px;
text-align:center;
background:#f4f4f4;
border:1px dashed #e2e2e2;
 -moz-border-radius: 7px;
}
.indentmenu2 ul li a:hover{background:#5dc1f2;}
.indentmenu2 ul li a:visited{
color: #000;
}

.indentmenu2 ul li a.selected{
color: #ffffff !important;
 display:block;
/*background: #660033 url(../images/indentbg.gif) center center repeat-x;*/
background:#5dc1f2;
font-weight:normal;
padding:10px 15px 10px 15px;
text-align:center;
}



/*for TAB*/

/* End of 'style' */