@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	background-color:#2c5786;
	background-image: url(../images/bg-blue.jpg);
	background-repeat: repeat-x;
}


.topBg {
	background:url(../images/top-bg.jpg) #FFFFFF;
	background-position:bottom;
	background-repeat:repeat-x;
	height:128px;
}
.topNavi {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/navi-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:37px;
	line-height:37px;
}
.topNavi ul {
	margin:0px;
	padding:0px;
}
.topNavi ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f7eae9;
	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:8px;
	padding-right:10px;
	
	
}
.topNavi ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f7eae9;
	text-decoration:none;
}
.topNavi ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#d4a5a4;
	text-decoration:none;
}
.naviSep {
	border-right:1px #FFFFFF solid;
}
.bodyTd {
	padding-bottom:10px;
	padding-top:10px;
}
.welcomeTd {
	padding-left:10px;
	padding-right:10px;
	line-height:1.5em;
}



/*===========================================================================================
=======================                       Drop Down Menu                       ==========
=============================================================================================*/

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	border: 1px solid #BBB;
	background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline;
}

.chromestyle ul li a{
	color: #494949;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:18px;
	z-index:100;
	background-color: white;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB;
	text-decoration: none;
	color: black;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #edefdc;
}

.innerImagMargin{
	padding:7px;
}

.welcomeTdpara{
	padding-top:10px;
}

.paraHeading{
	font-weight:bold;
	text-decoration:none;
	padding-top:10px;
	color:#000000;
}
.paraHeading a{
	font-weight:bold;
	text-decoration:none;
	padding-top:10px;
	color:#000000;
}

.paraHeading a:hover{
	font-weight:bold;
	text-decoration:underline;
	padding-top:10px;
	color:#000000;
}

.topButton{
	color:#FF0000;
	text-decoration:none;
}

.topButton a{
	color:#FF0000;
	text-decoration:none;
}

.topButton a:hover{
	color:#FF0000;
	text-decoration:underline;
}

#containerVideo { position: absolute; left: 28px; top: 241px; z-index: 10; }

/* START HIERARCHICAL MENU - HORIZONTAL */
	/* set colors and styles */
		#menu2 { margin:0; padding:0; list-style: none; float: right; }
		#menu2 ul { width: 200px; background: #46423e; border: 0; border-bottom: 0; float: left; margin: 0; padding: 0; list-style: none; }
		#menu2 li { position: relative; float: left; display: block; }
		#menu2 li a { display: block; }
		#menu2 li li { float: none; clear: left; }
		#menu2 img { display: block; }
		#ie #menu2 li { display: inline; }
			#menu2 li ul a { text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; padding: .5em 15px; border-bottom: 0; display: block; }
			#menu2 li ul a:hover, #menu2 li ul a:focus, #menu2 li ul a.active { color: #46423e; background: #dbb179; }
	/* position sub-level drop-downs */ 
		#menu2 ul ul { top: 0; margin: -1px 0 0; }
	/* special classes */
		#menu2 li ul.scroll { height: 20em; overflow: auto; }
		#menu2 li ul.sublist { background: #000; position: relative; left: 0; border: 0; }
			#menu2 li ul.sublist a { padding: .5em .5em .5em 2em; color: #fff; }
			#menu2 li ul.sublist a:hover, #menu2 li ul.sublist a:focus, #menu2 li ul.sublist a.active { color: #000; }
			#menu2 li:hover ul.sublist, #menu2 li:focus ul.sublist, #menu2 li.hierover ul.sublist, #menu2 li li.hierover ul.sublist { position: relative; left: 0; }
	/* the magic - only edit where notated */
		#menu2 li:hover { z-index: 5; }
		#ie #menu2 li li a { height: 1%;} /* allows IE to use block hovers */
		#ie6 li.hierover { z-index: 5; } /* overlay fix for IE6 */
		/* hides/shows all levels */
		/* hides 1st */ #menu2 ul, /*2nd*/#menu2 li:hover ul ul, #menu2 li:focus ul ul, #menu2 li.hierover ul ul, /*3rd*/ #menu2 li:hover ul ul ul, #menu2 li:focus ul ul ul, #menu2 li.hierover ul ul ul { position: absolute; left: -999px; z-index:  99; }
		/* shows 1st */ #menu2 li:hover ul, #menu2 li:focus ul, #menu2 li.hierover ul, #menu2 li li.hierover ul, /*2nd*/ #menu2 li li:hover ul, #menu2 li li:focus ul, #menu2 ul li.hierover ul, /*3rd*/ #menu2 li li li:hover ul, #menu2 li li li:focus ul, #menu2 li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; }
		/* shows 2nd */ #menu2 ul li:hover ul, #menu2 ul li:focus ul, #menu2 ul li.hierover ul, #menu2 ul li li.hierover ul, /*2nd*/ #menu2 ul li li:hover ul, #menu2 ul li li:focus ul, #menu2 ul ul li.hierover ul, /*3rd*/ #menu2 ul li li li:hover ul, #menu2 ul li li li:focus ul, #menu2 ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - HORIZONTAL */

.topFooter{
	background-color:#FFF;
}
.compulsoryText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #F00;
}