body {

font-size:12px;
font-family:Arial;
}
/********************** Text Content and Images Control CSS START **********************************/

#imgNtextContainer
{
      height:376px; width:990px; position:relative; padding:0px; overflow:hidden; overflow:hidden;
}




/********************** Text Content and Images Control CSS END **********************************/


#footer a.link:link, a.link:active, a.link:visited 
{
     text-decoration:underline; color:#333;
}

#footer a.link:hover 
{
    text-decoration:none; color:#333;
}

/******************************************** Top Menu Start********************************************** */
#menuTop {position:relative; font-size:12px; height:20px; width:760px; background:#fff; padding-left:10px; margin:0 auto;}
#menuTop ul {padding:0; margin:0; list-style:none; width:auto; height:20px; overflow:hidden;}
#menuTop ul ul {padding:0; margin-left:0px; list-style:none; width:800px; height:20px; overflow:hidden;}

#menuTop table {border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em;}

#menuTop li {float:left; height:20px; background:#fff; background-image:url(menubg.gif) right no-repeat; overflow:hidden;}
#menuTop li a {float:left; display:block; padding:0 0 0 10px; height:20px; line-height:20px; color:#333; text-decoration:none; font-family:Arial;}
#menuTop li a b {float:left; height:20px; display:block; padding:0 22px 0 10px; display:inline; font-weight:normal;}
#menuTop li.current a {background-position:0 -20px; border-color:#fff;}
#menuTop li.current a b {background-position:100% -20px; color:#ff0000;}
#menuTop li ul {position:absolute; top:20px; left:-9999px; z-index:10; background:#fff;}
#menuTop li.current ul {left:0; z-index:1; background:#fff; border-left:0px solid #ff0000;}

#menuTop li a:hover {background-position:0 -400px; border-color:#fff; cursor:pointer;}
#menuTop li a:hover b {background-position:100% -40px; border-color:#fff; color:#fff;}

#menuTop li:hover > a  {background-position:0 -40px; border-color:#fff; cursor:pointer;}
#menuTop li:hover > a b {background-position:100% -40px; border-color:#fff; color:#ff0000;}

#menuTop li.current a:hover {background-position:0 -20px; border-color:#000;}
#menuTop li.current a:hover b {background-position:100% -35px; color:#ff0000;}
#menuTop li.current:hover a {background-position:0 -20px; border-color:#000;}
#menuTop li.current:hover a b {background-position:100% -35px; color:#ff0000;}

#menuTop ul :hover ul {left:0; border-left:0px solid #d0d0d0;}
#menuTop ul li{ background-image:url(menubg.gif); background-repeat:no-repeat;}
#menuTop ul li.first{ background-image:none;}
#menuTop ul :hover ul.right li,
#menuTop ul li.current ul.right li {float:right;}

#menuTop ul :hover ul.blank {background:#fff; border-left:0px solid #e6e6e8;}

#menuTop ul :hover ul li a {display:inline; background:#fff url() right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#666; height:20px; line-height:19px;}
#menuTop ul :hover ul.right li a {background:#fff url() left center no-repeat;}

#menuTop ul li.current li a,
#menuTop li.current a:hover li a,
#menuTop li.current:hover li a	{ display:inline; background:#fff url() right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#333; height:20px; line-height:19px; overflow:hidden;}

#menuTop ul li.current ul.right li a,
#menuTop li.current a:hover ul.right li a,
#menuTop li.current:hover ul.right li a {background:#fff url() left center no-repeat;}

#menuTop ul :hover ul li a.last,
#menuTop ul li.current ul li a.last,
#menuTop li.current a:hover ul li a.last,
#menuTop li.current:hover ul li a.last {background-image:none;}

#menuTop li ul li.current_sub a,
#menuTop li a:hover ul li.current_sub a,
#menuTop li:hover ul li.current_sub a,
#menuTop li a:hover ul li a:hover,
#menuTop li:hover ul li a:hover {color:#ff0000;}

#menuTop li.current ul li.current_sub a,
#menuTop li.current a:hover ul li.current_sub a,
#menuTop li.current:hover ul li.current_sub a,
#menuTop li.current a:hover ul li a:hover,
#menuTop li.current:hover ul li a:hover {color:#ff0000;}


/***************** Dropline Menu Css End ********************************************************/


/********************Bottom Menu Start ********************************/
/* style the outer div to give it width */
.menu {
width:452px;
height:20px;
font-size:10px;
float:right;
position:relative;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;

}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
text-align:center;
overflow:hidden;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:10px;
text-decoration:none; 
color:#333; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#fff; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#ccc;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#ccc;
}
.menu ul ul :hover > a.drop {
background:#ccc;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#ccc;
}
/* style the third level hover */
.menu ul ul ul a:hover{
background:#ccc;
}
.menu ul ul ul :hover > a {
background:#ccc;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:31px;
left:0; 
width:150px;
}
* html .menu ul ul {
bottom:30px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
bottom:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#ccc; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#ff0000; 
background:#ccc;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#ff0000;
background:#ccc;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}

/********************Bottom bottomMenu End****************************/

/**********************dialogue box end**********************************/
div#tmpDialogue {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 200px;
    margin: -101px 0 0 -251px;    
    background: rgb(233, 233, 233);
    border: 1px solid rgb(128, 1
   z-index:100; 28, 128);
}
div#tmpDialogue p {
    padding: 5px;
    margin: 5px;
}
div#tmpButtons {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

/***********************Dialogue box end***********************************/