* {
            padding: 0;
            margin: 0;
        }
        html, body {
            height: 75%;
        }
        html {
            width: 100%;
            height: 75%;
            margin: 0;
            padding: 0;
        }
        body {
            margin:0;
            padding:0;
            border:0;			/* This removes the border around the viewport in old versions of IE */
            width:100%;
            background:#fff;
            min-width:776px;		/* Minimum width of layout - remove line if not required */
                                        /* The min-width property does not work in old versions of Internet Explorer */
            font-size:90%;
            font-family: arial, verdana;
	}
        body#home .menu li.home,
        body#aboutus .menu li.aboutus,
        body#services .menu li.services,
        body#products .menu li.products,
        body#projects .menu li.projects,
        body#training .menu li.training,
        body#newsevents .menu li.newsevents,
        body#customerarea .menu li.customerarea,
        body#contactus .menu li.contactus {
                BACKGROUND-IMAGE: url(left_both.gif);
                background-position:0% -150px;
        }
        body#home .menu a.home,
        body#aboutus .menu a.aboutus,
        body#services .menu a.services,
        body#products .menu a.products,
        body#projects .menu a.projects,
        body#training .menu a.training,
        body#newsevents .menu a.newsevents,
        body#customerarea .menu a.customerarea,
        body#contactus .menu a.contactus {
                BACKGROUND-IMAGE: url(right_both.gif); 
                color: #2B159A;
                background-position:100% -150px;
        }      
        a {
		color: #000;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
        img {
            -ms-interpolation-mode: bicubic;
            border: none;
        }
        FORM {
            display: inline
        }
        .wrapper {
                min-height: 100%; 
                height: auto !important; 
                height: 100%; 
                margin: 0 auto -19px;
        }
        * html .wrapper {
                height: 100%;
        }
	/* Header styles */
	#header {
		clear:both;
		float:left;
                width: 100%;
                text-align:center;
                background-image: url(top_bg.gif);
                height: 116px;
                _background-image: url(top_bg_ie6.gif);
                _height: 116px;
                vertical-align: middle;
	}
	#header {
            font-size: 90%;
	}
        #header img {
            padding: 0;
            margin: 0;
        }
        
        #header .colmask {
            position:relative;	        /* This fixes the IE7 overflow hidden bug */
            clear:both;
            float:left;
            width:100%;			/* width of whole page */
            overflow:hidden;		/* This chops off any overhanging divs */
	}
        
        /* common column HEADER settings */
	#header .colrightheader,
	#header .colmidheader,
	#header .colleftheader {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	#header .col1header,
	#header .col2header,
	#header .col3header {
		float:left;
		position:relative;
		padding:0 0 1px 0;	        /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
        
	/* 3 Column HEADER settings */
	#header .threecolheader {
		/*background:gray; 	        /* right column background colour */
                min-width:776px;
	}
	#header .threecolheader .colmidheader {
		right:21%;      		/* width of the right column */
		/*background:yellow;		/* center column background colour */
	}
	#header .threecolheader .colleftheader {
		right:63%;			/* width of the middle column */
		/*background:orange;	        /* left column background colour */
	}
	#header .threecolheader .col1header {
		width:61%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
                /*background: red;*/
	}
	#header .threecolheader .col2header {
		width:14%;			/* Width of left column content (column width minus padding on either side) */
		left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
                /*background: green;*/
                padding-top: 14px;
	}
	#header .threecolheader .col3header {
		width:19%;			/* Width of right column content (column width minus padding on either side) */
		left:89%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
                /*background: blue;*/
                padding-top: 14px;
                padding-left: 10px;
	}
        
        /* Primary Manu Bar */

        .screen_med .menu {
            width:712px;
            height:32px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        /* hack to correct IE5.5 faulty box model */
        * html .screen_med .menu {
            width:712px;
            w\idth:710px;
        }
        /* remove all the bullets, borders and padding from the default list styling */
        .screen_med .menu ul {
            padding:0;
            margin:0;
            list-style-type:none;
            text-align: left;
        }
        .screen_med .menu ul ul {
            width:149px;
        }
        .screen_med .menu ul ul ul {
            width:149px;
            }
        .screen_med .menu ul ul ul ul {
            width:149px;
        }
        .screen_med .menu li {
                float: left;
                position: relative;
                padding-left: 7px;
                margin: 0;
                background: url(left_both.gif) no-repeat left top;  
                border-bottom:1px solid #765;
            }
            /* For dropdown to work on IE6*/ 
            .screen_med .menu ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:31px;
            }
            .screen_med .menu ul ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:13px;
            }
            /* For dropdown to work on IE6*/ 
            .screen_med .menu li li a:hover {
                _color: white;
                _position: relative;
                _line-height:11px;
            }
            .screen_med .menu ul li:hover, .menu ul li:hover a {
                background-position:0% -150px;
                color: #2B159A;
            }
            .screen_med .menu ul li:hover a {
                background-position:100% -150px;
                color: #2B159A;
            }
            /* style the links for the top level */
            .screen_med .menu a, .screen_med .menu a:visited {
                float:left;
                display:block;
                font-size:12px;
                text-decoration:none;
                color:#fff;
                height:30px;
                padding-left: 3px;
                padding-right: 9px;
                background: url(right_both.gif) no-repeat right top; 
                line-height:30px;
                font-weight:bold;
            }
            /* a hack so that IE5.5 faulty box model is corrected */
            * html .screen_med .menu a, * html .screen_med .menu a:visited {
                /*width:149px;
                w\idth:138px;*/
            }
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_med .menu ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:30px;
                left:0;
                width:159px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_med .menu ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_med .menu ul ul.left {
                left:-40px;
            }
            .screen_med .menu ul ul li {
                width:159px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_med .menu ul ul a, .screen_med .menu ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:138px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_med .menu ul ul a,
            * html .screen_med .menu ul ul a:visited {
                width:138px;
                w\idth:138px;
            }
            /* style the top level hover */
            .screen_med .menu ul ul li:hover,
            .screen_med .menu ul ul li:hover a,
            .screen_med .menu ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_med .menu ul ul a.drop,
            .screen_med .menu ul ul a.drop:link,
            .screen_med .menu ul ul a.drop:active,
            .screen_med .menu ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 138px center;
            }
            /* style the second level hover */
            .screen_med .menu ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 138px center;
             }
            .screen_med .menu ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 138px center;
            }
            .screen_med .menu ul ul a.drop p {
            width: 130px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_med .menu ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:159px;
                width:159px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_med .menu ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_med .menu ul ul ul.left {
                left:-40px;
            }
            .screen_med .menu ul ul ul li {
                width:159px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_med .menu ul ul ul a, 
            .screen_med .menu ul ul ul a:link, 
            .screen_med .menu ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:138px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_med .menu ul ul ul a,
            * html .screen_med .menu ul ul ul a:visited {
                width:138px;
                w\idth:138px;
            }
            /* style the top level hover */
            .screen_med .menu ul ul ul li:hover,
            .screen_med .menu ul ul ul li:hover a,
            .screen_med .menu ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_med .menu ul ul ul a.drop,
            .screen_med .menu ul ul ul a.drop:link,
            .screen_med .menu ul ul ul a.drop:active,
            .screen_med .menu ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 138px center;
            }
            /* style the second level hover */
            .screen_med .menu ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 138px center;
             }
            .screen_med .menu ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 138px center;
            }
            .screen_med .menu ul ul ul a.drop p {
            width: 130px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_med .menu ul ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:199px;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_med .menu ul ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_med .menu ul ul ul ul.left {
                left:-40px;
            }
            .screen_med .menu ul ul ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_med .menu ul ul ul ul a, 
            .screen_med .menu ul ul ul ul a:link, 
            .screen_med .menu ul ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_med .menu ul ul ul ul a,
            * html .screen_med .menu ul ul ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_med .menu ul ul ul ul li:hover,
            .screen_med .menu ul ul ul ul li:hover a,
            .screen_med .menu ul ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_med .menu ul ul ul ul a.drop,
            .screen_med .menu ul ul ul ul a.drop:link,
            .screen_med .menu ul ul ul ul a.drop:active,
            .screen_med .menu ul ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_med .menu ul ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_med .menu ul ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_med .menu ul ul ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
        .screen_med .menu table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;;
        }
                /* make the second level visible when hover on first level list OR link */
        .screen_med .menu ul li:hover ul,
        .screen_med .menu ul a:hover ul {
            visibility:visible;
        }
        /* keep the third level hidden when you hover on first level list OR link */
        .screen_med .menu ul :hover ul ul {
            visibility:hidden;
        }        
        /* keep the fourth level hidden when you hover on second level list OR link */
        .screen_med .menu ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* keep the fifth level hidden when you hover on third level list OR link */
        .screen_med .menu ul :hover ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* make the third level visible when you hover over second level list OR link */
        .screen_med .menu ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fourth level visible when you hover over third level list OR link */
        .screen_med .menu ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fifth level visible when you hover over third level list OR link */
        .screen_med .menu ul :hover ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        
        .screen_med #header .threecolheader .col2header img {
            width: 96%;
        }
        
        .screen_med .contentthreecol .colleft .col1 .bodytext p {
            font-size: 75%;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea {
            float: left;
            padding: 0px 8px 0px 24px;
            font-size: 75%;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .left {
            float: left;
            background-image: url(keysalesarea_left_1280.png);
            width: 10px;
            height: 90px;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .center {
            float: left;
            background-image: url(keysalesarea_center_1280.png);
            height: 90px;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .center h4 {
            padding-top: 8px;
            font-size: 120%;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .center p {
            padding-top: 10px;
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .boxwidth1 {
            width: 158px
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .boxwidth2 {
            width: 215px
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .boxwidth3 {
            width: 158px
        }
        .screen_med .contentthreecol .colleft .col1 .keysalesarea .right {
            float: left;
            background-image: url(keysalesarea_right_1280.png);
            width: 10px;
            height: 90px;
        }
        
        .screen_med .contentthreecol .colleft .col1 .testimonials {
            float: left;
            padding: 8px 8px 8px 24px;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials .left {
            float: left;
            background-image: url(keysalesarea_left_1280.png);
            width: 10px;
            height: 90px;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials .center {
            float: left;
            background-image: url(keysalesarea_center_1280.png);
            width: 635px;
            height: 90px;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials .center img {
            float: left;
            padding: 18px 10px 0px 4px;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials .center p {
            padding: 10px;
            font-size: 78%;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials .center .name {
            font-size: 94%;
            font-weight: bold;
        }
        .screen_med .contentthreecol .colleft .col1 .testimonials .right {
            float: left;
            background-image: url(keysalesarea_right_1280.png);
            width: 10px;
            height: 90px;
        }
        
        .screen_med .contentthreecol .colleft .col1 .campaign {
            float: left;
            width: 217px;
            height: 160px;
            margin: 0px -12px 0px 18px;
            /*padding: 8px 38px 8px 38px;*/
            border-bottom: 2px #9abeff solid;
            border-right: 2px #9abeff solid;
        }
        .screen_med .contentthreecol .colleft .col1 a .campaign {
            cursor: hand;
            text-decoration: none;
        }
        .screen_med .contentthreecol .colleft .col1 .campaign .campaigntype {
            padding: 5px;
            width: 220px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 70%;
        }
        .screen_med .contentthreecol .colleft .col1 .campaign .campaigntitleright {
            padding: 5px;
            width: 210px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 70%;
            text-align: right;
        }
        .screen_med .contentthreecol .colleft .col1 .campaign .campaigndescleft {
            margin-top: 0px;
            padding: 5px;
            width: 210px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 70%;
            text-align: left;
            line-height: 12px
        }
        .screen_med .contentthreecol .colleft .col1 .campaign .campaigndescright {
            margin-top: 0px;
            padding: 5px;
            width: 210px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 70%;
            text-align: right;
            line-height: 14px
        }
        
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	        /* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
                left: 0;
	}
        .colmask img {
            padding: 0;
            margin: 0;
        }
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	        /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
                
	}
      
        /* Homepage left pane boxes START */
        .colleft .col2 .logos {
            position: relative;
            width:100%;
            margin:0 auto;
            border-top:none;
            text-align: center;
            font-size: 90%;
        }
        .colleft .col2 .logos p {
            margin: 0;
            padding-bottom: 3px;
        }
        /* Homepage left pane boxes END */
        
        /* Homepage Right pane boxes START */
        .colmid .col3 .nextsteps {
            border:1px solid #21347b;
            margin: 0 0 10px 0;
            font-size: 90%;
        }       
        .colmid .col3 .nextsteps .heading {
            background-color:#5669ae;
            color: white;
            font-weight: bold;
            padding: 4px;
        }
        .colmid .col3 .nextsteps p {
            padding: 4px;
            vertical-align: middle;
        }
        .colmid .col3 .nextsteps a {
            text-decoration: none;
        }
        .colmid .col3 .nextsteps img {
            vertical-align: middle;
        }
               
        .colmid .col3 .accordion1 {
            position: relative;
            width:100%;
            margin:0 auto;
            border:1px solid #21347b;
            border-top:none;
            text-align: left;
            font-size: 90%;
        }
        .colmid .col3 .accordion1 a {
            text-decoration: none;
        }
        .colmid .col3 .accordion1 dt {
            padding:4px 4px;
            font-weight:bold;
            cursor:pointer;
            background-color:#21347b;
            background-image:url(arrow_down.gif);
            background-position:right center;
            background-repeat:no-repeat;
            color:#fff;
            border-top:1px solid #333;
            overflow: hidden;
        }
        .colmid .col3 .accordion1 dt:hover {
            background-color:#405399;
        }
        .colmid .col3 .accordion1 .open {
            background-color:#5669ae;
            background-image:url(arrow_up.gif)
        }
        .colmid .col3 .accordion1 dd {
            overflow:hidden;
            background:#fff;
            margin: 0;
        }
        .colmid .col3 .accordion1 div {
            display:block;
            border-top:none;
            padding: 4px;
            margin:0 auto;
        }
        .colmid .col3 .accordion1 div a.livechat img {
            display:block;
            padding: 0;
            margin:0 auto;
        }
        .colmid .col3 .accordion1 .search form {
            margin: 0;
            padding: 0;
            height: 20px;
            display: inline;
        }
        .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid;
            COLOR: #000000; 
            FONT-SIZE: 10px;       
        }
        .colmid .col3 .accordion1 .search img {
            vertical-align: middle;
        }
        
        .colmid .col3 .beacon {
            position: relative;
            width:100%;
            margin:0 auto;
            padding-top: 10px;
            border-top:none;
            text-align: center;
            font-size: 90%;
        }
        /* Homepage Right pane boxes END */
        
        /* 3 Column settings */
        .contentthreecol {
		/*background:#eee;		/* right column background colour */
                background: url(bottom_bg2.png) repeat 100% 0;
                /*height: 460px;*/
                height: 100%;
	}
	.contentthreecol .colmid {
		right:15%;			/* width of the right column */
		/*background:lime;		/* center column background colour */
                border-right: 1px solid #fff;
	}
	.contentthreecol .colleft {
		right:70%;			/* width of the middle column */
		/*background:navy;	        /* left column background colour */
                border-right: 1px solid #fff;
                height: 100%;
	}
	.contentthreecol .col1 {
		width:70%;      		/* width of center column content (column width minus padding on either side) */
		left:100.1%;			/* 100% plus left padding of center column */
                border-right: 1px solid #fff;
	}
	.contentthreecol .col2 {
		width:15%;			/* Width of left column content (column width minus padding on either side) */
		left:15%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.contentthreecol .col3 {
		width:14.6%;			/* Width of right column content (column width minus padding on either side) */
		left:85.2%;			/* Please make note of the brackets here:
                				(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
        
        .contentthreecol .colmid .colleft .heightdef {
                height: 468px;
        }
        
        /* Homepage middle pane boxes START */
        .contentthreecol .colleft .col1 .bodytext {
            float: left;
            width: 96%;
            height: auto;
            overflow: visible;
            padding: 16px;
            margin: 0;
	}
        .contentthreecol .colleft .col1 .bodytext h2 {
            font-size: 100%;
            margin: 0;
            /*padding: 15px 8px 8px 15px;*/
            padding: 4px 0 15px 0;
	}
        .contentthreecol .colleft .col1 .bodytext p {
            margin-bottom: -4px;
            font-size: 85%;
	}
        .contentthreecol .colleft .col1 .bodytext img {
            margin: 0;
            padding: 0px 3px 0px 3px;
            border: none;
            vertical-align: middle;
	}
        .contentthreecol .colleft .col1 .bodytext a img {
            margin: 0 0 0 -8px;
            padding: 10px 10px 10px 10px;
            vertical-align: middle;
        }
        .contentthreecol .colleft .col1 .bodytext ul,
        .contentthreecol .colleft .col1 .bodytext li {
            font-size: 85%;
            list-style: disc;
            margin: 2px 0px 2px 8px;
        }
        .contentthreecol .colleft .col1 .spacerhome { 
            clear: both;
            padding: 0px 0;
        }
        .contentthreecol .colleft .col1 .spacer { 
            clear: both;
            padding: 20px 0;
        }
        
        body {
            background-color: transparent;
        }
        .rules {
            float: left;
            color: red;
            width: 100%;
            padding-bottom: 6px;
            font-size: 78%;
        }
        #form {
            width: 640px;
            font-size: 78%;
        }
        #form fieldset {
                float: left;
                margin:0;
                padding: 8px;
                width: 400px;
        }
        #form legend {
                display: none;
        }
        #form label {
                float: left;
                width: 55%;
                margin-top: 0.4em;
        }
        #form .mandatory {
                color: red;
                font-size: large;
                line-height: 24px;
        }
        #form .clear {
                line-height: 24px;
                height: 24px;
                clear: both;
        }
        #form #clear {
                clear: both;
        }
        #form .selectclear {
                line-height: 24px;
                height: 24px;
                clear: both;
                margin-left: 163px;
        }
        #form .shortlabelText {
                float: left;
                width: 160px;
                line-height: 24px;
        }
        #form .longerlabelText {
                float: left;
                width: 260px;
                line-height: 24px;
        }
        #form .headerlabelText {
                float: left;
                width: 25%;
                line-height: 24px;
                font-size: 130%;
                font-weight: bold;
                text-align: center;
        }
        #form .agendatimelabelText {
                float: left;
                width: 25%;
                height: 100%;
                line-height: 100%;
                text-align: center;
        }
        #form .agendainfolabelText {
                float: left;
                height: auto;
                line-height: 100%;
                width: 50%;
        }
        #form input.text {
                float: left;
                top: -0.2em;
                width: 140px;
                border: 1px solid #D9D9FF;
                font-size: 95%;
        }
        #form select {
                font-size: 95%;
                float: left;
                border: 1px solid #D9D9FF;
        }
        #form p.objective {
                position: relative;
                float: left;
                padding-top: 10px;
                text-align: justify;
                text-justify: newspaper;
        }
        #form textarea {
                float: left;
                position: relative;
                width: 60%;
                height: 80px;
                margin: 0;
                padding: 0;
                margin-top: 6px;
                margin-bottom: 6px;
                border: 1px solid #D9D9FF;
                font-size:95%;
                font-family: arial, verdana;
        }
        #form caption {
                display: none;
        }
        /*Used to resolve the textarea layout of both questions 4 and 5 to 100%*/
        #form .textarea {
                width: 100%;
        }
        .buttons {
                float: left;
                width: 100%;
        }
        #form .submit, #form .reset {
                float: left;
                font-size: 90%;
                margin-right: 6px;
                border: 1px solid blue;
        }
            
        /* Homepage Right pane boxes START */
        .contentthreecol .colmid .col3 h2 {
            font-size: 80%;
            text-transform: uppercase;
            text-align: center;
            padding: 0;
            margin: 0;
        }
        .contentthreecol .colmid .col3 .bulletin a {
            margin: 0;
            padding: 0;
            vertical-align: middle;
        }
        .contentthreecol .colmid .col3 .bulletin img {
            margin: 4px 2px 4px 2px;
            padding: 0;
            vertical-align: middle;
        }
        /* Homepage Right pane boxes END */
        
	/* Footer styles START */
	#footer {
		clear:both;
		float:left;
		width:100%;
                height: 19px;
                position:relative;
                background: url(footer_bg.png);
                text-align: center;
                vertical-align: middle;
                font-size: 80%;
	}
        #footer a {
                text-decoration: none;
        }
        #footer, .push {
            height: 19px;
        } 
    	/* Footer styles END */
        
        /* ------ RESIZING FOR 800X600 -------*/
        
        .screen_low .menu {
            width:580px;
            height:26px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        /* hack to correct IE5.5 faulty box model */
        * html .screen_low .menu {
            width:580px;
            w\idth:578px;
        }
        /* remove all the bullets, borders and padding from the default list styling */
        .screen_low .menu ul {
            padding:0;
            margin:0;
            list-style-type:none;
            text-align: left;
        }
        .screen_low .menu ul ul {
            width:109px;
        }
        
        .screen_low .menu li {
                float: left;
                position: relative;
                padding-left: 7px;
                margin: 0;
                background: url(left_both.gif) no-repeat left top;  
                border-bottom:1px solid #765;
                _top: -5px;
            }
            /* For dropdown to work on IE6*/ 
            .screen_low .menu ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:27px;
            }
            .screen_low .menu ul ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:9px;
            }
            .screen_low .menu ul li:hover, .menu ul li:hover a {
                background-position:0% -150px;
                color: #2B159A;
            }
            .screen_low .menu ul li:hover a {
                background-position:100% -150px;
                color: #2B159A;
            }
            /* style the links for the top level */
            .screen_low .menu a, 
            .screen_low .menu a:visited {
                float:left;
                display:block;
                font-size:9px;
                text-decoration:none;
                height:26px;
                color: #fff;
                padding-left: 3px;
                padding-right: 9px;
                background: url(right_both.gif) no-repeat right top; 
                line-height:26px;
                font-weight:bold;
            }
            /* a hack so that IE5.5 faulty box model is corrected */
            * html .screen_low .menu a, * html .screen_low .menu a:visited {
                /*width:149px;
                w\idth:138px;*/
            }
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_low .menu ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:26px;
                left:0;
                width:129px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_low .menu ul ul {
                top:26px;
                t\op:26px;
            }
            .screen_low .menu ul ul.left {
                left:-40px;
            }
            .screen_low .menu ul ul li {
                width:129px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_low .menu ul ul a, .screen_low .menu ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:108px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_low .menu ul ul a,
            * html .screen_low .menu ul ul a:visited {
                width:108px;
                w\idth:108px;
            }
            /* style the top level hover */
            .screen_low .menu ul ul li:hover,
            .screen_low .menu ul ul li:hover a,
            .screen_low .menu ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_low .menu ul ul a.drop,
            .screen_low .menu ul ul a.drop:link,
            .screen_low .menu ul ul a.drop:active,
            .screen_low .menu ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 110px center;
            }
            /* style the second level hover */
            .screen_low .menu ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 110px center;
             }
            .screen_low .menu ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 110px center;
            }
            .screen_low .menu ul ul a.drop p {
            width: 100px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_low .menu ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:129px;
                width:129px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_low .menu ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_low .menu ul ul ul.left {
                left:-40px;
            }
            .screen_low .menu ul ul ul li {
                width:129px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_low .menu ul ul ul a, 
            .screen_low .menu ul ul ul a:link, 
            .screen_low .menu ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:108px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_low .menu ul ul ul a,
            * html .screen_low .menu ul ul ul a:visited {
                width:108px;
                w\idth:108px;
            }
            /* style the top level hover */
            .screen_low .menu ul ul ul li:hover,
            .screen_low .menu ul ul ul li:hover a,
            .screen_low .menu ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_low .menu ul ul ul a.drop,
            .screen_low .menu ul ul ul a.drop:link,
            .screen_low .menu ul ul ul a.drop:active,
            .screen_low .menu ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 110px center;
            }
            /* style the second level hover */
            .screen_low .menu ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 110px center;
             }
            .screen_low .menu ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 110px center;
            }
            .screen_low .menu ul ul ul a.drop p {
            width: 100px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_low .menu ul ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:129px;
                width:129px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_low .menu ul ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_low .menu ul ul ul ul.left {
                left:-40px;
            }
            .screen_low .menu ul ul ul ul li {
                width:129px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_low .menu ul ul ul ul a, 
            .screen_low .menu ul ul ul ul a:link, 
            .screen_low .menu ul ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:108px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_low .menu ul ul ul ul a,
            * html .screen_low .menu ul ul ul ul a:visited {
                width:108px;
                w\idth:108px;
            }
            /* style the top level hover */
            .screen_low .menu ul ul ul ul li:hover,
            .screen_low .menu ul ul ul ul li:hover a,
            .screen_low .menu ul ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_low .menu ul ul ul ul a.drop,
            .screen_low .menu ul ul ul ul a.drop:link,
            .screen_low .menu ul ul ul ul a.drop:active,
            .screen_low .menu ul ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 110px center;
            }
            /* style the second level hover */
            .screen_low .menu ul ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 110px center;
             }
            .screen_low .menu ul ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 110px center;
            }
            .screen_low .menu ul ul ul ul a.drop p {
            width: 100px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
        .screen_low .menu table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;;
        }
                /* make the second level visible when hover on first level list OR link */
        .screen_low .menu ul li:hover ul,
        .screen_low .menu ul a:hover ul {
            visibility:visible;
        }
        /* keep the third level hidden when you hover on first level list OR link */
        .screen_low .menu ul :hover ul ul {
            visibility:hidden;
        }        
        /* keep the fourth level hidden when you hover on second level list OR link */
        .screen_low .menu ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* keep the fifth level hidden when you hover on third level list OR link */
        .screen_low .menu ul :hover ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* make the third level visible when you hover over second level list OR link */
        .screen_low .menu ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fourth level visible when you hover over third level list OR link */
        .screen_low .menu ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fifth level visible when you hover over third level list OR link */
        .screen_low .menu ul :hover ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        
        .screen_low .contentthreecol .colleft .col1 .bodytext p {
            padding: 0px 10px 0px 10px;
            font-size: 70%;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea {
            float: left;
            padding: 2px 4px 2px 8px;
            font-size: 66%;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .left {
            float: left;
            background-image: url(keysalesarea_left_1280.png);
            width: 10px;
            height: 90px;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .center {
            float: left;
            background-image: url(keysalesarea_center_1280.png);
            height: 90px;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .center h4 {
            padding-top: 8px;
            font-size: 100%;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .center p {
            padding-top: 5px;
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .boxwidth1 {
            width: 142px
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .boxwidth2 {
            width: 170px
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .boxwidth3 {
            width: 135px
        }
        .screen_low .contentthreecol .colleft .col1 .keysalesarea .right {
            float: left;
            background-image: url(keysalesarea_right_1280.png);
            width: 10px;
            height: 90px;
        }
        
        .screen_low .contentthreecol .colleft .col1 .testimonials {
            float: left;
            padding: 4px 4px 4px 8px;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials .left {
            float: left;
            background-image: url(keysalesarea_left_1280.png);
            width: 10px;
            height: 90px;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials .center {
            float: left;
            background-image: url(keysalesarea_center_1280.png);
            width: 511px;
            height: 90px;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials .center img {
            float: left;
            padding: 18px 4px 0px 4px;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials .center p {
            padding: 10px;
            font-size: 66%;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials .center .name {
            font-size: 90%;
            font-weight: bold;
        }
        .screen_low .contentthreecol .colleft .col1 .testimonials .right {
            float: left;
            background-image: url(keysalesarea_right_1280.png);
            width: 10px;
            height: 90px;
        }
        
        .screen_low .contentthreecol .colleft .col1 .campaign {
            float: left;
            width: 240px;
            height: 160px;
            margin: 4px 13px 4px 16px;
            border-bottom: 2px #9abeff solid;
            border-right: 2px #9abeff solid;
        }
        .screen_low .contentthreecol .colleft .col1 a .campaign {
            cursor: hand;
            text-decoration: none;
        }
        .screen_low .contentthreecol .colleft .col1 .campaign .campaigntype {
            padding: 5px;
            width: 230px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 70%;
        }
        .screen_low .contentthreecol .colleft .col1 .campaign .campaigntitleright {
            padding: 5px;
            width: 230px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 70%;
            text-align: right;
        }
        .screen_low .contentthreecol .colleft .col1 .campaign .campaigndescleft {
            margin-top: 0px;
            padding: 5px;
            width: 230px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 70%;
            text-align: left;
            line-height: 12px
        }
        .screen_low .contentthreecol .colleft .col1 .campaign .campaigndescright {
            margin-top: 0px;
            padding: 5px;
            width: 230px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 70%;
            text-align: right;
            line-height: 12px
        }
        
        .screen_low .col2 .logos p {
            padding-bottom: 1px;
        }
        .screen_low .col2 .logos img {
            width: 94%;
        }
        .screen_low #header .threecolheader .col2header img {
            width: 100%;
            height: 100%;
        }
        .screen_low .contentthreecol .colmid .colleft .heightdef {
                height: 280px;
        }
        .screen_low .contentthreecol .colmid .col3 .accordion1 {
            font-size: 72%;
        }
        .screen_low .contentthreecol .colmid .col3 .accordion1 .search img {
            width: 16.8px;
            height: 11.2px;
        }      
        .screen_low .contentthreecol .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid; 
            WIDTH: 80px; 
            COLOR: #000000; 
            FONT-SIZE: 9px;       
        }
        .screen_low .contentthreecol .colmid .col3 .accordion1 .livechat img {
            width: 104px;
            height: 55px;     
        }
        .screen_low .contentthreecol .colleft .col1 .spacerhome { 
            clear: both;
            padding: 10px 0;
        }
        .screen_low #footer {
                font-size: 70%;
                height: 19px;
                background: url(footer_bg.png);
	}
        .screen_low #footer, .screen_low .push {
            height: 19px;
        } 
        
        /* ------ RESIZING FOR 800X600 -------*/
        
        /* ------ RESIZING FOR 1280X800 -------*/
        
        .screen_high .menu {
            width:750px;
            height:32px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        /* hack to correct IE5.5 faulty box model */
        * html .screen_high .menu {
            width:750px;
            w\idth:748px;
        }
        /* remove all the bullets, borders and padding from the default list styling */
        .screen_high .menu ul {
            padding:0;
            margin:0;
            list-style-type:none;
            text-align: left;
        }
        .screen_high .menu ul ul {
            width:199px;
        }        
        .screen_high .menu li {
                float: left;
                position: relative;
                padding-left: 7px;
                margin: 0;
                background: url(left_both.gif) no-repeat left top;  
                border-bottom:1px solid #765;
            }
            /* For dropdown to work on IE6*/ 
            .screen_high .menu ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:31px;
            }
            .screen_high .menu ul ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:13px;
            }
            /* For dropdown to work on IE6*/ 
            .screen_high .menu li li a:hover {
                _color: white;
                _position: relative;
                _line-height:11px;
            }
            .screen_high .menu ul li:hover, .screen_high .menu ul li:hover a {
                background-position:0% -150px;
                color: #2B159A;
            }
            .screen_high .menu ul li:hover a:link, .screen_high .menu ul li:hover a:active
            {
                background-position:100% -150px;
            }
            /* style the links for the top level */
            .screen_high .menu a, .screen_high .menu a:visited {
                float:left;
                display:block;
                font-size:13px;
                text-decoration:none;
                color:#fff;
                height:30px;
                padding-left: 3px;
                padding-right: 9px;
                background: url(right_both.gif) no-repeat right top; 
                line-height:30px;
                font-weight:bold;
            }
            /* a hack so that IE5.5 faulty box model is corrected */
            * html .screen_high .menu a, * html .screen_high .menu a:visited {
                /*width:149px;
                w\idth:138px;*/
            }
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_high .menu ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:30px;
                left:0;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_high .menu ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_high .menu ul ul.left {
                left:-40px;
            }
            .screen_high .menu ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_high .menu ul ul a, .screen_high .menu ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_high .menu ul ul a,
            * html .screen_high .menu ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_high .menu ul ul li:hover,
            .screen_high .menu ul ul li:hover a,
            .screen_high .menu ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_high .menu ul ul a.drop,
            .screen_high .menu ul ul a.drop:link,
            .screen_high .menu ul ul a.drop:active,
            .screen_high .menu ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_high .menu ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_high .menu ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_high .menu ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_high .menu ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:199px;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_high .menu ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_high .menu ul ul ul.left {
                left:-40px;
            }
            .screen_high .menu ul ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_high .menu ul ul ul a, 
            .screen_high .menu ul ul ul a:link, 
            .screen_high .menu ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_high .menu ul ul ul a,
            * html .screen_high .menu ul ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_high .menu ul ul ul li:hover,
            .screen_high .menu ul ul ul li:hover a,
            .screen_high .menu ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_high .menu ul ul ul a.drop,
            .screen_high .menu ul ul ul a.drop:link,
            .screen_high .menu ul ul ul a.drop:active,
            .screen_high .menu ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_high .menu ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_high .menu ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_high .menu ul ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_high .menu ul ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:199px;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_high .menu ul ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_high .menu ul ul ul ul.left {
                left:-40px;
            }
            .screen_high .menu ul ul ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_high .menu ul ul ul ul a, 
            .screen_high .menu ul ul ul ul a:link, 
            .screen_high .menu ul ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_high .menu ul ul ul ul a,
            * html .screen_high .menu ul ul ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_high .menu ul ul ul ul li:hover,
            .screen_high .menu ul ul ul ul li:hover a,
            .screen_high .menu ul ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_high .menu ul ul ul ul a.drop,
            .screen_high .menu ul ul ul ul a.drop:link,
            .screen_high .menu ul ul ul ul a.drop:active,
            .screen_high .menu ul ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_high .menu ul ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_high .menu ul ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_high .menu ul ul ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
        .screen_high .menu table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;;
        }
                /* make the second level visible when hover on first level list OR link */
        .screen_high .menu ul li:hover ul,
        .screen_high .menu ul a:hover ul {
            visibility:visible;
        }
        /* keep the third level hidden when you hover on first level list OR link */
        .screen_high .menu ul :hover ul ul {
            visibility:hidden;
        }        
        /* keep the fourth level hidden when you hover on second level list OR link */
        .screen_high .menu ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* keep the fifth level hidden when you hover on third level list OR link */
        .screen_high .menu ul :hover ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* make the third level visible when you hover over second level list OR link */
        .screen_high .menu ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fourth level visible when you hover over third level list OR link */
        .screen_high .menu ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fifth level visible when you hover over third level list OR link */
        .screen_high .menu ul :hover ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }

        .screen_high .contentthreecol .colleft .col1 .bodytext p {
            font-size: 80%;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea {
            float: left;
            padding: 4px 35px 4px 35px;
            font-size: 75%;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .left {
            float: left;
            background-image: url(keysalesarea_left_1280.png);
            width: 10px;
            height: 90px;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .center {
            float: left;
            background-image: url(keysalesarea_center_1280.png);
            height: 90px;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .center h4 {
            padding-top: 8px;
            font-size: 130%;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .center p {
            padding-top: 10px;
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .boxwidth1 {
            width: 188px
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .boxwidth2 {
            width: 222px
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .boxwidth3 {
            width: 188px
        }
        .screen_high .contentthreecol .colleft .col1 .keysalesarea .right {
            float: left;
            background-image: url(keysalesarea_right_1280.png);
            width: 10px;
            height: 90px;
        }
        
        .screen_high .contentthreecol .colleft .col1 .testimonials {
            float: left;
            padding: 12px 20px 8px 20px;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials .left {
            float: left;
            background-image: url(keysalesarea_left_1280.png);
            width: 10px;
            height: 90px;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials .center {
            float: left;
            background-image: url(keysalesarea_center_1280.png);
            width: 814px;
            height: 90px;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials .center img {
            float: left;
            padding: 18px;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials .center p {
            padding: 10px;
            font-size: 88%;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials .center .name {
            font-size: 90%;
            font-weight: bold;
        }
        .screen_high .contentthreecol .colleft .col1 .testimonials .right {
            float: left;
            background-image: url(keysalesarea_right_1280.png);
            width: 10px;
            height: 90px;
        }
        
        .screen_high .contentthreecol .colleft .col1 .campaign {
            float: left;
            width: 270px;
            height: 180px;
            margin: 8px -11px 8px 20px;
            /*padding: 8px 38px 8px 38px;*/
            border-bottom: 2px #9abeff solid;
            border-right: 2px #9abeff solid;
        }
        .screen_high .contentthreecol .colleft .col1 a .campaign {
            cursor: hand;
            text-decoration: none;
        }
        .screen_high .contentthreecol .colleft .col1 .campaign .campaigntype {
            padding: 5px;
            width: 260px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 80%;
        }
        .screen_high .contentthreecol .colleft .col1 .campaign .campaigntitleright {
            padding: 5px;
            width: 260px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 80%;
            text-align: right;
        }
        .screen_high .contentthreecol .colleft .col1 .campaign .campaigndescleft {
            margin-top: 0px;
            padding: 5px;
            width: 260px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 75%;
            text-align: left;
            line-height: 16px
        }
        .screen_high .contentthreecol .colleft .col1 .campaign .campaigndescright {
            margin-top: 0px;
            padding: 5px;
            width: 260px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 75%;
            text-align: right;
            line-height: 16px
        }        
        .screen_high .contentthreecol .colmid .colleft .heightdef {
                height: 501px;
        }        
        .screen_high .homethreecol .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid; 
            COLOR: #000000; 
            FONT-SIZE: 12px;       
        }
        .screen_high #footer {
                height: 19px;
                background: url(footer_bg.png);
	}
        
        /* ------ RESIZING FOR 1280X800 -------*/
        
        /* ------ RESIZING FOR 1400X900 -------*/
        
        .screen_wide .menu {
            width:750px;
            height:32px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        /* hack to correct IE5.5 faulty box model */
        * html .screen_wide .menu {
            width:750px;
            w\idth:748px;
        }
        /* remove all the bullets, borders and padding from the default list styling */
        .screen_wide .menu ul {
            padding:0;
            margin:0;
            list-style-type:none;
            text-align: left;
        }
        .screen_wide .menu ul ul {
            width:199px;
        }
        
        .screen_wide .menu li {
                float: left;
                position: relative;
                padding-left: 7px;
                margin: 0;
                background: url(left_both.gif) no-repeat left top;  
                border-bottom:1px solid #765;
            }
            /* For dropdown to work on IE6*/ 
            .screen_wide .menu ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:31px;
            }
            .screen_wide .menu ul ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:13px;
            }
            /* For dropdown to work on IE6*/ 
            .screen_wide .menu li li a:hover {
                _color: white;
                _position: relative;
                _line-height:11px;
            }
            .screen_wide .menu ul li:hover, .screen_high .menu ul li:hover a {
                background-position:0% -150px;
                color: #2B159A;
            }
            .screen_wide .menu ul li:hover a {
                background-position:100% -150px;
            }
            /* style the links for the top level */
            .screen_wide .menu a, .screen_high .menu a:visited {
                float:left;
                display:block;
                font-size:13px;
                text-decoration:none;
                color:#fff;
                height:30px;
                padding-left: 3px;
                padding-right: 9px;
                background: url(right_both.gif) no-repeat right top; 
                line-height:30px;
                font-weight:bold;
            }
            /* a hack so that IE5.5 faulty box model is corrected */
            * html .screen_wide .menu a, * html .screen_wide .menu a:visited {
                /*width:149px;
                w\idth:138px;*/
            }
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_wide .menu ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:30px;
                left:0;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_wide .menu ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_wide .menu ul ul.left {
                left:-40px;
            }
            .screen_wide .menu ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_wide .menu ul ul a, .screen_wide .menu ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_wide .menu ul ul a,
            * html .screen_wide .menu ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_wide .menu ul ul li:hover,
            .screen_wide .menu ul ul li:hover a,
            .screen_wide .menu ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_wide .menu ul ul a.drop,
            .screen_wide .menu ul ul a.drop:link,
            .screen_wide .menu ul ul a.drop:active,
            .screen_wide .menu ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_wide .menu ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_wide .menu ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_wide .menu ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_wide .menu ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:199px;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_wide .menu ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_wide .menu ul ul ul.left {
                left:-40px;
            }
            .screen_wide .menu ul ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_wide .menu ul ul ul a, 
            .screen_wide .menu ul ul ul a:link, 
            .screen_wide .menu ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_wide .menu ul ul ul a,
            * html .screen_wide .menu ul ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_wide .menu ul ul ul li:hover,
            .screen_wide .menu ul ul ul li:hover a,
            .screen_wide .menu ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_wide .menu ul ul ul a.drop,
            .screen_wide .menu ul ul ul a.drop:link,
            .screen_wide .menu ul ul ul a.drop:active,
            .screen_wide .menu ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_wide .menu ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_wide .menu ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_wide .menu ul ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .screen_wide .menu ul ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:199px;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .screen_wide .menu ul ul ul ul {
                top:31px;
                t\op:31px;
            }
            .screen_wide .menu ul ul ul ul.left {
                left:-40px;
            }
            .screen_wide .menu ul ul ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .screen_wide .menu ul ul ul ul a, 
            .screen_wide .menu ul ul ul ul a:link, 
            .screen_wide .menu ul ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .screen_wide .menu ul ul ul ul a,
            * html .screen_wide .menu ul ul ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .screen_wide .menu ul ul ul ul li:hover,
            .screen_wide .menu ul ul ul ul li:hover a,
            .screen_wide .menu ul ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .screen_wide .menu ul ul ul ul a.drop,
            .screen_wide .menu ul ul ul ul a.drop:link,
            .screen_wide .menu ul ul ul ul a.drop:active,
            .screen_wide .menu ul ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .screen_wide .menu ul ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .screen_wide .menu ul ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .screen_wide .menu ul ul ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
        .screen_wide .menu table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;;
        }
                /* make the second level visible when hover on first level list OR link */
        .screen_wide .menu ul li:hover ul,
        .screen_wide .menu ul a:hover ul {
            visibility:visible;
        }
        /* keep the third level hidden when you hover on first level list OR link */
        .screen_wide .menu ul :hover ul ul {
            visibility:hidden;
        }        
        /* keep the fourth level hidden when you hover on second level list OR link */
        .screen_wide .menu ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* keep the fifth level hidden when you hover on third level list OR link */
        .screen_wide .menu ul :hover ul :hover ul :hover ul ul {
            visibility:hidden;
        }
        /* make the third level visible when you hover over second level list OR link */
        .screen_wide .menu ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fourth level visible when you hover over third level list OR link */
        .screen_wide .menu ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        /* make the fifth level visible when you hover over third level list OR link */
        .screen_wide .menu ul :hover ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }
        
        .screen_wide .contentthreecol .colleft .col1 .bodytext p {
            font-size: 105%;
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea {
            float: left;
            padding: 8px 8px 8px 45px;
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .left {
            float: left;
            background-image: url(keysalesarea_left_1440.png);
            width: 12px;
            height: 108px;
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .center {
            float: left;
            background-image: url(keysalesarea_center_1440.png);
            height: 108px;
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .center h4,
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .center p {
            padding-top: 10px;
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .boxwidth1 {
            width: 220px
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .boxwidth2 {
            width: 250px
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .boxwidth3 {
            width: 220px
        }
        .screen_wide .contentthreecol .colleft .col1 .keysalesarea .right {
            float: left;
            background-image: url(keysalesarea_right_1440.png);
            width: 12px;
            height: 108px;
        }
        
        .screen_wide .contentthreecol .colleft .col1 .testimonials {
            float: left;
            padding: 8px 8px 8px 45px;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials a {
            cursor: hand;
            text-decoration: none;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials .left {
            float: left;
            background-image: url(keysalesarea_left_1440.png);
            width: 12px;
            height: 108px;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials .center {
            float: left;
            background-image: url(keysalesarea_center_1440.png);
            width: 844px;
            height: 108px;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials .center img {
            float: left;
            padding: 25px;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials .center p {
            padding: 16px;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials .center .name {
            font-size: 80%;
            font-weight: bold;
        }
        .screen_wide .contentthreecol .colleft .col1 .testimonials .right {
            float: left;
            background-image: url(keysalesarea_right_1440.png);
            width: 12px;
            height: 108px;
        }
        
        .screen_wide .contentthreecol .colleft .col1 .campaign {
            float: left;
            width: 295px;
            height: 197px;
            margin: 9px -20px 9px 28px;
            /*padding: 8px 38px 8px 38px;*/
            z-index: 2;
        }
        .screen_wide .contentthreecol .colleft .col1 a .campaign {
            cursor: hand;
            text-decoration: none;
        }
        .screen_wide .contentthreecol .colleft .col1 .campaign .campaigntype {
            padding: 5px;
            width: 284px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 80%;
        }
        .screen_wide .contentthreecol .colleft .col1 .campaign .campaigntitleright {
            padding: 5px;
            width: 284px;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 80%;
            text-align: right;
        }
        .screen_wide .contentthreecol .colleft .col1 .campaign .campaigndescleft {
            margin-top: 6px;
            padding: 5px;
            width: 284px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 80%;
            text-align: left;
            line-height: 16px
        }
        .screen_wide .contentthreecol .colleft .col1 .campaign .campaigndescright {
            margin-top: 6px;
            padding: 5px;
            width: 284px;
            overflow: hidden;
            text-transform: normalcase;
            font-weight: normal;
            font-size: 80%;
            text-align: right;
            line-height: 16px
        }   
        .screen_wide .contentthreecol .colmid .colleft .heightdef {
                height: 599px;
        } 
        
        .screen_wide .homethreecol .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid; 
            COLOR: #000000; 
            FONT-SIZE: 12px;       
        }
        
        .screen_wide #footer {
                height: 19px;
                background: url(footer_bg.png);
	}
        
        /* ------ RESIZING FOR 1400X900 -------*/
        
        /* SAMETIME */
        .offline {}
        a.online:link {color: #00AA00; font-weight:bold}
        a.online:visited {color: #00AA00; font-weight:bold}
        a.online:hover {color: #00AA00; font-weight:bold}
        .iconSpace {text-decoration:none}
        
        /*------------- DEFAULT MENU -----------*/
        
        .menu {
            width:712px;
            height:32px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        /* hack to correct IE5.5 faulty box model */
        * html .menu {
            width:712px;
            w\idth:710px;
        }
        /* remove all the bullets, borders and padding from the default list styling */
        .menu ul {
            padding:0;
            margin:0;
            list-style-type:none;
            text-align: left;
        }
        .menu ul ul {
            width:149px;
        }
        .menu ul ul ul {
            width:149px;
            }
        .menu ul ul ul ul {
            width:149px;
        }
        .menu li {
                float: left;
                position: relative;
                padding-left: 7px;
                margin: 0;
                background: url(left_both.gif) no-repeat left top;  
                border-bottom:1px solid #765;
            }
            /* For dropdown to work on IE6*/ 
            .menu ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:31px;
            }
            .menu ul ul li a:hover {
                _color: white;
                _position: relative;
                _line-height:13px;
            }
            /* For dropdown to work on IE6*/ 
            .menu li li a:hover {
                _color: white;
                _position: relative;
                _line-height:11px;
            }
            .menu ul li:hover, .menu ul li:hover a {
                background-position:0% -150px;
                color: #2B159A;
            }
            .menu ul li:hover a {
                background-position:100% -150px;
                color: #2B159A;
            }
            /* style the links for the top level */
            .menu a, .menu a:visited {
                float:left;
                display:block;
                font-size:12px;
                text-decoration:none;
                color:#fff;
                height:30px;
                padding-left: 3px;
                padding-right: 9px;
                background: url(right_both.gif) no-repeat right top; 
                line-height:30px;
                font-weight:bold;
            }
            /* a hack so that IE5.5 faulty box model is corrected */
            * html .menu a, * html .menu a:visited {
                /*width:149px;
                w\idth:138px;*/
            }
            /* 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:30px;
                left:0;
                width:159px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .menu ul ul {
                top:31px;
                t\op:31px;
            }
            .menu ul ul.left {
                left:-40px;
            }
            .menu ul ul li {
                width:159px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .menu ul ul a, .menu ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:138px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .menu ul ul a,
            * html .menu ul ul a:visited {
                width:138px;
                w\idth:138px;
            }
            /* style the top level hover */
            .menu ul ul li:hover,
            .menu ul ul li:hover a,
            .menu ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .menu ul ul a.drop,
            .menu ul ul a.drop:link,
            .menu ul ul a.drop:active,
            .menu ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 138px center;
            }
            /* style the second level hover */
            .menu ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 138px center;
             }
            .menu ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 138px center;
            }
            .menu ul ul a.drop p {
            width: 130px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .menu ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:159px;
                width:159px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .menu ul ul ul {
                top:31px;
                t\op:31px;
            }
            .menu ul ul ul.left {
                left:-40px;
            }
            .menu ul ul ul li {
                width:159px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .menu ul ul ul a, 
            .menu ul ul ul a:link, 
            .menu ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:138px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .menu ul ul ul a,
            * html .menu ul ul ul a:visited {
                width:138px;
                w\idth:138px;
            }
            /* style the top level hover */
            .menu ul ul ul li:hover,
            .menu ul ul ul li:hover a,
            .menu ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .menu ul ul ul a.drop,
            .menu ul ul ul a.drop:link,
            .menu ul ul ul a.drop:active,
            .menu ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 138px center;
            }
            /* style the second level hover */
            .menu ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 138px center;
             }
            .menu ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 138px center;
            }
            .menu ul ul ul a.drop p {
            width: 130px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
            /* hide the sub levels and give them a positon absolute so that they take up no room */
            .menu ul ul ul ul {
                visibility:hidden;
                position:absolute;
                height:0;
                top:-2px;
                left:199px;
                width:199px;
                border-top:1px solid #765;
                _margin-left: -7px;
                /*_margin-top: -1px;*/
            }
            /* another hack for IE5.5 */
            * html .menu ul ul ul ul {
                top:31px;
                t\op:31px;
            }
            .menu ul ul ul ul.left {
                left:-40px;
            }
            .menu ul ul ul ul li {
                width:199px;
                border-top:1px solid #765;
                background-image: none;
                position: relative;
                margin: 0;
                padding: 0;
                height:auto;
                line-height:1em;
                color: #2B159A;
            }
            /* style the second level links */
            .menu ul ul ul ul a, 
            .menu ul ul ul ul a:link, 
            .menu ul ul ul ul a:visited {
                background:white;
                border-left:1px solid #765;
                border-right:1px solid #765;
                height:auto;
                line-height:1em;
                padding:5px 10px;
                width:178px;
                color: #2B159A;
            }
            /* yet another hack for IE5.5 */
            * html .menu ul ul ul ul a,
            * html .menu ul ul ul ul a:visited {
                width:178px;
                w\idth:178px;
            }
            /* style the top level hover */
            .menu ul ul ul ul li:hover,
            .menu ul ul ul ul li:hover a,
            .menu ul ul ul ul li a:hover {
                background-color: #b8d2fe;
                color: white;
                background-image: none;
            }
            /* style the second level background */
            .menu ul ul ul ul a.drop,
            .menu ul ul ul ul a.drop:link,
            .menu ul ul ul ul a.drop:active,
            .menu ul ul ul ul a.drop:visited {
                background:#fff url(blue_arrow.png) no-repeat 175px center;
            }
            /* style the second level hover */
            .menu ul ul ul ul a.drop:hover{
                background:#fff url(white_arrow.png) no-repeat 175px center;
             }
            .menu ul ul ul ul :hover > a.drop {
                background:#b8d2fe url(white_arrow.png) no-repeat 175px center;
            }
            .menu ul ul ul ul a.drop p {
            width: 160px;
            height: auto;
            padding: 0;
            margin: 0;
            }
            
        .menu table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;;
        }
                /* 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;
        }
        /* keep the fifth level hidden when you hover on third level list OR link */
        .menu ul :hover 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;
        }
        /* make the fifth level visible when you hover over third level list OR link */
        .menu ul :hover ul :hover ul :hover ul :hover ul { 
            visibility:visible;
        }