﻿body 
{
	margin:20px 10px;
	font-size:11px;
	line-height:20px; font-family: Tahoma, Arial; 
	background: url(images/body_bckg.jpg) repeat-x #056caa;


}
#menu { height:30px; clear:both; padding-top:5px; }
#menu ul {  padding:0;}
#menu ul li{ display:inline-block; float:right;  list-style:none; text-align:center;}
#menu a 
{
	display:block; float:left; width:104px; font-size:12px; 
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; 
	text-decoration:none; font-weight:bold 
}
#menu a:hover {color:Black; background-color :White ;}


a { color:#68d3ed; text-decoration:none;}
a:hover { text-decoration:underline;}
h1 { padding:0px; text-transform:uppercase; font-size:18px; color:#000; background-color:#818181; font-weight:normal; color:#fff; margin: 10px 0 ;height:21px;}
h1 span { background:#616161; padding:0px 10px 0px 0px;}
p {margin:0; background:#616161;}
#header {background:url(images/header_bckg.jpg) repeat-x #0287c2; clear:both; width:100%; height:161px;  }
#left_header { float:left; width:380px; background: url(images/left_header.jpg) no-repeat; height:161px;}
#right_header { float:right;  width:321px; background: url(images/right_header.jpg) no-repeat; height:161px;}

#logo {position:absolute; text-align:center; width:95%; text-align:center; margin-top:50px; }
#logo a {text-decoration:none; color:#FFFFFF; font-size:23px; }


#content {clear:both; background-color:#252525; width:100%;}
#content_top { height:20px;}
#content_top_left {float:left; width:20px; height:20px; background: url(images/left_top_round.gif) no-repeat;}
#content_top_right {float:right; width:20px; height:20px; background: url(images/right_top_round.gif) no-repeat;}
#content_bottom { clear:both;height:16px;}
#content_bottom_left {float:left; width:20px; height:16px; background: url(images/left_bottom_round.gif) no-repeat;}
#content_bottom_right {float:right; width:20px; height:16px; background: url(images/right_bottom_round.gif) no-repeat;}

#sidebar {float:left; width:231px; padding-left:10px; text-align :left; }
#sidebar p {background-color:#fff; padding:0 20px;}
#sidebar_top { height:10px; background:url(images/top_sidebar.gif) no-repeat;background-color:white;}
#sidebar_body { background-color:#fff;}
#sidebar_bottom { height:23px; background:url(images/bottom_sidebar.gif) no-repeat;}
#sidebar_top1 { height:10px; background:url(images/top_sidebar.gif) no-repeat;background-color:white;}
#sidebar_body1 { background-color:#fff;}
#sidebar_bottom1 { height:23px; background:url(images/bottom_sidebar.gif) no-repeat;}

#sidebar ul {margin:0; padding:0 0 0 35px;}
#sidebar ul li { padding:0; list-style:none;}
#sidebar a {color:#000; font-size:11px;}
#sidebar h1 {color:#0676bd; font-size:12px; font-weight:bold; padding:10px 0 0 10px; 
	background-color:#fff; margin:0;}
	
.sidebar1 ul {margin:0; padding:0 0 0 35px;}
.sidebar1 ul li { padding:0; list-style:none; color :Black ;}
.sidebar1 a {color:#000; font-size:11px;}
.sidebar1 h1 {color:#0676bd; font-size:12px; font-weight:bold; padding:10px 0 0 10px; 
	background-color:#fff; margin:0;}

#text {background-color:#616161; margin:0px 10px 0 251px; width:auto; vertical-align:top; color:#fff;}
#text_top {}
#text_top_left {float:left; width:13px; height:10px; background:url(images/left_top_content.gif) no-repeat;}
#text_top_right {float:right; width:11px; height:10px; background:url(images/rigth_top_content.gif) no-repeat;}
#text_bottom { float:left;height:16px; background:url(images/middle_bottom_content.gif) repeat-x; width:100%;}
#text_bottom_left {float:left; width:11px; height:16px; background: url(images/left_bottom_content.gif) no-repeat;}
#text_bottom_right {float:right; width:11px; height:16px; background: url(images/right_bottom_content.gif) no-repeat;}
#text_body { padding:10px 20px 10px 20px; text-align :justify ;}
#foot_text { padding-left:50px; background:url(images/foot_text.gif) no-repeat; color:#a8a8a8; font-size:10px; line-height:13px; margin:20px 0 0 0;}

#footer {background:url(images/footer_bckg.jpg) #424e4f; height:74px; clear:both;  }
#left_footer { float:left; padding:30px 0 0 30px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:30px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#right_footer a:hover { text-decoration:none;}


.accordionHeader {
	BORDER: Black 1px solid; 
	PADDING-TOP: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; 
	MARGIN-TOP: 5px; 
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Sans-Serif;
	CURSOR: pointer; COLOR: white; 
	BACKGROUND-COLOR: Black;
}
.accordionHeaderSelected {
	BORDER: Black 1px solid; 
	PADDING-TOP: 5px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;PADDING-BOTTOM: 5px;
	MARGIN-TOP: 5px;  
	FONT-WEIGHT: bold; FONT-SIZE: 12px;   FONT-FAMILY: Arial, Sans-Serif;
	
	CURSOR: pointer; COLOR: Black;  
	
	BACKGROUND-COLOR: White;
}
.accordionContent {
	BORDER: Black 1px solid;
	margin-left:5px; 
	PADDING-RIGHT: 5px;  PADDING-LEFT: 5px; PADDING-BOTTOM: 5px;  PADDING-TOP: 10px;  
	BACKGROUND-COLOR: White;
}
.txt
{
	width:195px; 
}
.btn
{
	
	border :solid 1px #616161;
}
.currentPage
{ 
	color :Red;
	
}
.headings
{
	color:	#68d3ed;
}
.accordionText
{
	font-size :8pt;
	font-weight :bold ;
}
.bgColor
{
	 background-color :#056caa;
}






/*================Menu*/


#ja-mainnav  {
	background:20% 0% ;
}


/* SOSD MENU
--------------------------------------------------------- */
#ja-cssmenu li ul {
	border-top: 1px solid #575757 !important;
	border-right: 1px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
	border-left: 1px solid #575757 !important;
	background: #333333 !important;
}
#ja-cssmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 15.9em;
}


#ja-cssmenu li ul li {
	border-top: 1px solid #444444 !important;
}

#ja-cssmenu li a {
	background:top right !important;
}

#ja-cssmenu li li a {
	background: none !important;
}

#ja-cssmenu li li a.active {
	background: none !important;
}

#ja-cssmenu li a.active {
	background: top right #CF3020 !important;
}

#ja-cssmenu ul li:hover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #CF3020 !important;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover,
#ja-cssmenu li:hover a.first-item,
#ja-cssmenu li.sfhover a.first-item,
#ja-cssmenu li.havechildsfhover a.first-item,
#ja-cssmenu li.havechild-activesfhover a.first-item {
	background:top right #575757 !important;
}

#ja-cssmenu li a.active-first-item {
	background:top right #CF3020 !important;
}

/*====================*/

#ja-cssmenu {
	margin: 0; /* all lists */
	float: left;
}

#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}


#ja-cssmenu li ul ul {
	margin: -1.5em 0 0 12em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#ja-cssmenu ul a {
	width: 15.9em;

}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
#ja-cssmenu li ul {
	border-top: 1px solid #34B3D2;
	border-right: 1px solid #0089AB;
	border-bottom: 1px solid #0089AB;
	border-left: 1px solid #34B3D2;
	background: #51BFD9;
}

#ja-cssmenu li ul li {
	border-top: 1px solid #70CBE1;
}

#ja-cssmenu li ul a {
	border-right: none;
	padding: 6px 10px;
	border-top: none;
	background: none;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	line-height: normal;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus {
	color: #FFFFFF;
}

#ja-cssmenu li a {
	margin: 0;
	padding: 8px 25px;
	display: block;
	color: #FFFFFF;
	background:  top right;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

#ja-cssmenu li a.active {
	color: #FFFFFF;
	background:  top right #51BFD9;
	text-decoration: none;
}

#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	color: #FFFFFF;
	text-decoration: none;
}

#ja-cssmenu li li a.active {
	border-top: none;
	background: none;
	color: #FFFFFF;
	font-weight: bold;
}

#ja-cssmenu li.havechild {
}

#ja-cssmenu li.havechild-active {
}

#ja-cssmenu li.havesubchild {
	background:  94% 50%;
}

#ja-cssmenu li.havesubchild-active {
	background:   94% 50%;
}

#ja-cssmenu ul li:hover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #16A9CD;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover,
#ja-cssmenu li:hover a.first-item,
#ja-cssmenu li.sfhover a.first-item,
#ja-cssmenu li.havechildsfhover a.first-item,
#ja-cssmenu li.havechild-activesfhover a.first-item {
	background:  top right #51BFD9;
	color: #FFFFFF;
	text-decoration: none;
}

#ja-cssmenu li a.active-first-item {
	color: #FFFFFF;
	background:  top right #51BFD9;
	text-decoration: none;
}
