/* CSS Document */

/*--------basic parts-------------
---------------------------------*/
body{
background:#ff6c1a;
font:Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5{
line-height:1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1{
}

h2{
}

h3{
font-size:18px;
}

h4{
font-size:14px;
}

h5{
font-size:14px;
font-weight:bold;
text-indent:15px;
}
h5 a{
text-decoration:none;
}
h5 a:hover{
text-decoration:none;
padding-left:15px;
background:url(../images/arrowdown.gif) left no-repeat;
}
table{
width:100%;
height:100%;

}

h5 a, a visited{
color:#800;
text-decoration:none;
}

a:hover {
color:#800;

}

/*--------BASIC PARTS END-------------
******************************************************************************
----------LAYOUT -----------------------*/

.mask {
position:absolute;
top:0px;
left:0px;
}
.insidemask{
width:385;
height:400px;
float:right
margin-left:50px;
background:#f7f7da;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#800000;
text-align:justify;
overflow:scroll;
}
.banner{
position:absolute;
top:0px;
left:75%;
background:url(../images/globe1x.gif) no-repeat;
width:150px;
height:150px;
}
.bannerbottom{
position:inherit;
background:url(../images/bannerx.jpg)  no-repeat;
width:550px;
height:70px;
}

.logo{
background:url(../images/logo.gif) no-repeat;
position:absolute;
left:50px;
top:10px;
width:100px;
height:100px;
}
.heading{
position:absolute;
background:url(../images/Progressive_logo_new.png) no-repeat;
float:left;
left:20%; /*previously 100*/
top:37px; /*previously 27px;*/
width:1440px;
height:60px;
font-family:arial;
font-size:22px;
color:#ff0000;
border-bottom:#FF0000 solid 0px;
}


.tdtop{
background:#ff6c1a url(../orange/top.jpg) repeat-x bottom;
height:110px;
}

.tdbottom{
background:#ff6c1a url(../orange/bottom.jpg) repeat-x;
height:80px;
}

.tdright{
width:100px;
background:#ff6c1a url(../orange/right.jpg) left repeat-y;
}

.tdleft{
width:12%;
background:#ff6c1a url(../orange/left.jpg) right repeat-y;
}
.tdcornerlefttop{
background:#ff6c1a url(../orange/lct.gif) no-repeat bottom right;
}
.tdcornerrighttop{
background:#ff6c1a url(../orange/rct.gif) no-repeat bottom left;
}
.tdcornerleftbottom{
background:#ff6c1a url(../orange/lcb.gif) no-repeat top right;
}
.tdcornerrightbottom{
background:#ff6c1a url(../orange/rcb.gif) no-repeat top left;
}
.tddisplay{
background:#f7f7da  url(../images/question.jpg) center  repeat-y;
width:700px;
height:380px;
padding-left:150px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay2{
background:#f7f7da  url(../images/question.jpg) center no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay p,
.tddisplay1 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#800000;
text-align:left;
padding-left:20px;
padding-right:100px;
}

.pclass{
border-left:solid #ff0000 1px;
}
.boldstyle{
font-weight:bold;
}
.rsidebar{
	position:absolute;
	left:84%;
	top:170px;
	float:right;
	width:150px;
	height:239px;
	border:#666 solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding: 5px;
	z-index:1;
	visibility: visible;
}
.insidedisplay {
background:transparent url(../images/globebgx.gif) bottom left no-repeat;
width:420px;
height:400px;
position:relative;
left:-100px;
bottom:-8px;
}
.textclass{
position:absolute;
left:400px;
top:120px;
width:400px;
padding-top:60px;
padding-left:0px;
padding-bottom:10px;
height:330px;
overflow:hidden;
z-index:1;

}
.textclass p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#800000;
text-align:left;
border-left:solid #ff0000 1px;
padding-left:10px;
}




/*---------------------
********MENUS**********
----------------------*/
/* Set up the default font and ovrall size to include image */
/*.menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
width:130px;
height:197px;
position:relative;
left:2%;
top:30%;
top:120px;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
font-size:12px;
}*/
.menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
background:url(../images/logo3.gif) top no-repeat;
width:140px;
height:400px;
position:relative;
padding-top:135px;
left:2%;
top:26px;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
font-size:12px;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;
text-align:center; 
color:#ffffde; 
width:140px; 
height:22px;
font-weight:300;
border-bottom:0px solid #888;
background:transparent url(../images/bg2.gif) left no-repeat;
padding-left:10px;
line-height:1.9em;
margin-right:0px;
margin-left:-5px;
left:2px;
}

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:140px;
w\idth:138px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
height:2px;
margin:-1px;
border-collapse:collapse;
font-size:12px;

}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#ff0; 
background:transparent url(../images/bg2.gif) right no-repeat;


}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:8px;
left:0; 
width: 120px;
border:0px solid #888;
border-top:0;
text-align: left;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(../images/orangebg.gif)repeat; 
border:0;
margin:0;
color:#eee;
font-weight:bold; 
font-size:0.9em;
text-align:left;
height:auto; 
line-height:1em; 
padding:5px;
padding-left:40px; 
width:100px;
position:relative;
left:140px;
top:-21px;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:transparent url(../images/orangebglight.gif) repeat;  
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:8px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:transparent url(../images/orangebg.gif) repeat; 
width:150px; /* for IE5.5 faulty box model */
w\idth:150px; /* for IE6 */
}

.floatbuttons {
	display:inline;
	padding:3px;
	font:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../images/floatbg.gif);
	width:auto;
	position:relative;
	left: 328px;
	bottom:2%;
	
}
.floatbuttons a {
color:#ccc;
text-decoration:none;
}
.floatbuttons a:hover {
color:#fff;
background:none;
font-weight:bold;
text-decoration:none;
}