/* CSS Document */
body {
background:url(../images/headerbg_center.jpg) #FFFFFF top left repeat-x;
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;	
	color:030303;
	text-align:justify;
}

.top_bg
{
background:url(../images/topcenter.jpg) top left no-repeat;
}
.bot_bg
{
background:url(../images/headerbg_bottom.jpg) top left no-repeat;
}

.soln_txt
{
height:25px; background: url(../images/left_img.gif) top left no-repeat; color:#FFFFFF; text-align:center;
}
.menu_ht
{
 background-color:#2C2C2C; width:180px; float:left;
}

.black_bg
{
color:#FFFFFF;
background:url(../images/footer.jpg) top left repeat-x;
}
.menu_img
{
height:25px; border-bottom:#ffffff solid 1px; padding-left:10px;
text-align:left;
}
.menu_img1
{
height:25px; padding-left:10px;
}

.menu_lt
{
background: url(../images/menu_lt.gif) top left no-repeat;
}
.menu_rt
{
background:url(../images/menu_rt.gif) top right no-repeat;
padding:0px 4px;
}
.menu_bg
{
background:url(../images/menu_bg.gif) top left repeat-x;
height:25px;
}
.menu_left, a.menu_left:link, a.menu_left:active, a.menu_left:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#ffffff;
text-align:left;
text-decoration:none;
line-height:1.8em;
}
a.menu_left:hover
{
text-align:left;
font-size:13px;
font-weight:normal;
color:#77BC55;
}
.menu1, a.menu1:link, a.menu1:active, a.menu1:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FDA907;
text-align:left;
text-decoration:none;
line-height:1.4em;
}
a.menu1:hover
{
text-align:left;
color:#77BC55;
}
.menu_sel
{
color:#77bc55;
font-size:12px;
text-decoration:none;
}

.tab, a.tab:link, a.tab:active, a.tab:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
line-height:2.1em;
}
a.tab:hover
{
color:#030303;
}

.footer, a.footer:link, a.footer:active, a.footer:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
line-height:1.8em;
}
a.footer:hover
{
color:#77BC55;
}

.text_link, a.text_link:link, a.text_link:active, a.text_link:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#005EFF;
line-height:1.8em;
}
a.text_link:hover
{
text-decoration:none;
}

.tab1, a.tab1:link, a.tab1:active, a.tab1:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
line-height:2.1em;
background:url(../images/roof.jpg) top center no-repeat;
height:42px;
width:700px;
}

a.tab1:hover
{
color:#030303;
background:url(../images/roof1.jpg) top center no-repeat;
height:42px;
width:700px;
}

.copyright
{
background-color:#5d5d5d; 
color:#FFFFFF;
text-align:center;
font-size:13px;
font-weight:normal;
}

.inner
{
background:url(../images/inner_img.gif) top center no-repeat;
}

.header
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF7200;
font-weight:bold;
}
.header1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FF7200;
font-weight:bold;
}
.inner_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.category_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#030303;
font-weight:bold;
padding:12px 0px 0px 35px;
}

.step2_pad
{
padding:10px 60px 0px 0px;
}

.soln_pad
{
padding:10px 55px 0px 0px;
}

.next_link, a.next_link:link, a.next_link:active, a.next_link:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
line-height:1.8em;
text-decoration:underline;;
}
a.next_link:hover
{
color:#030303;
text-decoration:none; 
}

.back, a.back:link, a.back:active, a.back:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff8a01;
line-height:1.8em;
text-decoration:underline; 
}
a.back:hover
{
color:#030303;
text-decoration:none;
}

.cat_pad
{
padding:25px 8px 0px 25px;
}
.cat_pad1
{
padding:45px 8px 0px 10px;
}
.inner_menu
{
border-bottom:#ffffff solid 1px; padding:0px 0px 10px 20px;
}
.left_menu
{
 font-size:12px; font-weight:bold; margin-top:-2px; line-height:1.9em; 
}

.left_menu1
{
 font-size:12px; font-weight:bold; margin-top:-16px; line-height:1.9em; 
}
.soln_head
{
font-size:16px; color:#666666; width:250px; padding-left:20px; float:left;
font-weight:bold;
}

.soln_head1
{
font-size:16px; color:#666666; width:250px; padding-left:0px; float:left;
font-weight:bold;
}

.view_img
{
background:url(../images/view_img.jpg) top right no-repeat; height:32px;
}

.view_pad
{
padding:5px 40px 0px 0px;
}

.view_img1
{
background:url(../images/back2solution.jpg) top right no-repeat; height:32px;
}

.view_pad1
{
padding:5px 15px 0px 0px;
}

.right_pad
{
padding-right:10px;
}

.motto
{
color:#0D7A37;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
font-weight:bold;
}
.text_box
{
 width:219px;
} 

.flash_cont
{
padding:0px 15px; width:475px; float:left;
}
.list_pad
{
padding-left:22px;
}

.credit_border
{
border:#2c2c2c solid 1px; border-width:0px 1px 1px 0px; padding:0px 4px;
text-align:left;
vertical-align:top;
}
.credit_border2
{
border:#2c2c2c solid 1px; border-width:0px 1px 1px 0px; padding:0px 4px;
}
.credit_border1
{
border:#2c2c2c solid 1px; border-width:0px 1px 0px 0px; padding:0px 4px;
}
.pts_border
{
border-bottom:#2c2c2c solid 1px;
padding:0px 4px;
vertical-align:top;
}
.ss_tit
{
 font-size:13px; color:#ff8a01;
width:350px; padding-left:0px; float:left;
}
.credit
{
 font-size:13px; color:#030303;
 font-weight:bold;
 line-height:1.9em;
}
.approach
{
float:left; height:18px; padding-top:3px; padding-right:10px;
}
.approach1
{
float:left; height:28px; padding-top:3px; padding-right:10px;
}
/*=================================*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:750px; 
font-size:0.85em;/*
margin-left:30%;  */
vertical-align:center;
}
/* 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:160px;
}
/* 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:122px;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:122px; 
height:24px; 
/*border:1px solid #fff; 
border-width:0px 1px 0 0; 
border-right:#60AA37 solid 1px;
background:#2c2c2c;*/ 
text-align:center;
line-height:2.1em;
font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:99px;
w\idth:122px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#2c2c2c;
border:#60AA37 solid 1px;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#cfcfcf;
border:#60AA37 solid 1px;
}
.menu ul ul :hover > a.drop {
background:#2c2c2c;
border:#60AA37 solid 1px;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#cfcfcf;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:23px;
t\op:24px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:120px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
border:#60AA37 solid 1px;
border-width:1px 1px 0px 1px;
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:100px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
vertical-align:center;
width:100px;
w\idth:100px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#cfcfcf;
font-weight:bold;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#000;
font-weight:bold;
background:#cfcfcf;
}

/* 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; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
.bot_bor
{
border-bottom:#60AA37 solid 1px;
}
.motto
{
color:#0D7A37;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
font-weight:bold;
line-height:1.9em;
}