/* CSS Document */

/* Navigation for the Top Menu */
    #MainNav ul{
    width:920px;
    height:22px;
    }

    #MainNav span {
    /*display: none;*/
    }
	
    #MainNav li, #MainNav a {
    height:22px;
    display:block;
	text-decoration:none;
	color:#fff;
	text-align:center;
	line-height:1.8em;
    }

    #MainNav li {
    float:left;
    list-style:none;
    display:inline;
    }
    
    #MainNav-07 img { vertical-align:middle;}
    #MainNav-07-Selected img { vertical-align:middle;}
    #MainNav-07 .txt{color:Yellow;}
    #MainNav-07-Selected .txt{color:Yellow;}
    
    #MainNav-01 {width: 150px;}
    #MainNav-02 {width: 150px;}
    #MainNav-03 {width: 150px;}
    #MainNav-04 {width: 150px;}
    #MainNav-05 {width: 150px;}
    #MainNav-06 {width: 150px;}
    #MainNav-07 {width: 150px;}

    #MainNav-01 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
    #MainNav-02 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
    #MainNav-03 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
    #MainNav-04 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
    #MainNav-05 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
    #MainNav-06 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
    #MainNav-07 a:hover {background:url("../images/Menu.png") -22px repeat-x; }
	
	#MainNav-01-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}
    #MainNav-02-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}
    #MainNav-03-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}
    #MainNav-04-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}
    #MainNav-05-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}
    #MainNav-06-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}
    #MainNav-07-Selected{background:url(../images/Menu-bg-selected.png) repeat-x;background-color:#204298;width: 150px;}



/* Navigation Menu at the Footer */ 
	
	#TextNavigation ul {
		margin: 0px;
		padding: 0px; 
		list-style-type: none; 
		text-align: center; 
		padding-bottom:6px;
	}

	#TextNavigation ul li  	{		display: inline; 			padding : 2em;}

	#TextNavigation ul li a 
	{
		text-decoration: none; 
		font-weight:bold;
		color: #666; 
	}
	
	#TextNavigation ul li a:hover
	{
		color:#06a9ed;
	} 
	
/* Style for Sub Menus */
/* Navigation Menu at the Footer */ 
	
	#SubNav ul {
		position:relative;
		top :-15px;
		margin: 0;
		padding: 0; 
		list-style-type: none; 
		text-align: left; 
	}

	#SubNav ul li 
	{
		display: inline; 
	}

	#SubNav ul li a 
	{
		text-decoration: none; 
		padding: .2em 1em; 
		color: #fff; 
	}
	
	/* Styles for the Sub Menu's */
#SubNav 	{ font-size:11px;}
#SubNav a 	{color:#fff;}
#SubNav a:hover {color:#3297ff;}

/* ---------------------------------------------------------------------------- */
/* For Tabs 

	Attached jQuery.tabs.css Tabs.
*/

/* ----------------------------------------------------------------------------- 
For Top Image
*/	

.GotoTop
{
	clear:both;
	float:right;
	text-indent:-1000px;
	width:34px;
	height:15px;
	display:block;
	background-image:url(../images/top.gif);
}

/* ------------------------------------------------------------------------------ */
	#NavPath
	{
		font-size:10px;
		width:960px;
		padding:0;
		margin:0;
		border:0;
		color: #666;
	}

	#NavPath ul
	{
		margin: 0px;
		padding: 5px 5px 8px 12px; 
		list-style-type: none; 

	}
	
	#NavPath ul li{display: inline;}
	#NavPath ul li a 	{		text-decoration: none;color: #000;}
	#NavPath ul li a:hover 	{		text-decoration:underline; 	}

/* ------------------------------------------------------------------------------------------

For  the drop down menu in Research page
*/

  .menu_dpd
        {
            width: 150px;
            height: 46px;
            position: relative;
            z-index: 100;
            font-family: Verdana, Geneva, sans-serif;
        }
        /* hack to correct IE5.5 faulty box model */
        * html .menu_dpd
        {
            width: 960px;
            w\\idth:960px;}
        /* remove all the bullets, borders and padding from the default list styling */
        .menu_dpd ul
        {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }
        .menu_dpd ul ul
        {
            width: 150px;
        }
        /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu_dpd positon */
        .menu_dpd li
        {
            float: left;
            position: relative;
            padding-right: 4px;
            margin-right: 10px;
            width: 150px;
            height: auto;
        }
        /* style the links for the top level */
        .menu_dpd a, .menu_dpd a:visited
        {
            display: block;
            font-size: 11px;
            text-decoration: none;
            color: #fff;
            width: 144px;
            height: 46px;
            border: 0px;
            background: url(../images/button_blk.jpg) no-repeat;
            padding-left: 10px;
            line-height: 14px;
            padding-top: 8px;
            text-align: left;
        }
        /* a hack so that IE5.5 faulty box model is corrected */
        * html .menu_dpd a, * html .menu_dpd a:visited
        {
            width: 959px;
            w\\idth:958px;}
        
        /* hide the sub levels and give them a positon absolute so that they take up no room */
        .menu_dpd ul ul
        {
            visibility: hidden;
            position: absolute;
            height: 0;
            top: 46px;
            left: 0;
            width: 150px;
        }
        /* another hack for IE5.5 */
        * html .menu_dpd ul ul
        {
            top: 46px;
            t\\op:45px;
		}
        
        /* position the third level flyout menu_dpd */
        .menu_dpd ul ul ul
        {
            left: 149px;
            top: -1px;
            width: 149px;
        }
        
        /* position the third level flyout menu_dpd for a left flyout */
        .menu_dpd ul ul ul.left
        {
            left: -149px;
        }
        
        /* style the table so that it takes no ppart in the layout - required for IE to work */
        .menu_dpd table
        {
            position: absolute;
            top: 0;
            left: 0;
            border-collapse: collapse; 
        }
        
        /* style the second level links */
        .menu_dpd ul ul a, .menu_dpd ul ul a:visited
        {
            background: #e2e2e2;
            color: #000;
            height: auto;
            line-height: 1em;
            padding: 7px 7px;
            width: 136px;
            border-width: 0;
            line-height: 14px;
        }
        /* yet another hack for IE5.5 */
        * html .menu_dpd ul ul a, * html .menu_dpd ul ul a:visited
        {
            width: 150px;
            w\\idth:128px;}
        
        /* style the top level hover */
        .menu_dpd a:hover, .menu_dpd ul ul a:hover
        {
            color: #000;
        }
        .menu_dpd :hover > a, .menu_dpd ul ul :hover > a
        {
            color: #06C;
            width: 136px;
        }
        
        /* make the second level visible when hover on first level list OR link */
        .menu_dpd ul li:hover ul, .menu_dpd ul a:hover ul
        {
            visibility: visible;
            width: 150px;
        }
        /* keep the third level hidden when you hover on first level list OR link */
        .menu_dpd ul :hover ul ul
        {
            visibility: hidden;
        }
        /* make the third level visible when you hover over second level list OR link */
        .menu_dpd ul :hover ul :hover ul
        {
            visibility: visible;
        }
        .MLink
		{
			background-color:#F00;
			color:#FF0;
		}


/* 
====================================================================================================================
This is for the tabs in Resources and Edication Page
====================================================================================================================
*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 11px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    overflow: hidden;
	clear: both;
	float: left; width: 99.7%;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
}

.tab_content {
	padding: 20px;
	font-size: 1.2em;
	line-height:18px;
}
.tab_content td a{
	padding-bottom:7px;
	font-size:12px;
	color:#204298;
	line-height:18px;
}

.tab_content div table *
{
	line-height:10px !important;
}

.tab_content td.html
{
    background:url('../images/htm_icon16.gif') left center no-repeat;
    padding-left: 20px;
}
.tab_content td.pdf
{
    background:url('../images/pdf_icon16.gif') left center no-repeat;
    padding-left: 20px;
}