﻿body 
{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;	
	
}


#footpanel 
{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	position: fixed;
	bottom: 0; 
	left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #1C1A1A;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}



*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}


#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	
	
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position:static;
	top: 7px;
	
	left: 4px;
	width: 251px;
	font-family:Verdana;
	font-size:11px; 
	font-weight:bold;
	color:white;
	
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 178px;
	text-decoration: none;
	color: #F1F2F8;
	position: relative;
	top: -823;
	left: 1px;
	
}
html #footpanel ul li a:hover{	background-color: #0510C7; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #0510C7;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	
	width: 200px;
	
	border-right: 1px solid #bbb;
	text-indent:0; /*--Reset text indent since there will be a combination of both text and image--*/
	font-family:Verdana;
	font-size:11px; 
	font-weight:bold;
}
#footpanel a.Nhome{
	
	width: 200px;
	
	margin-top:8px;
	
	border-right: 1px solid #bbb;
	text-indent:0; /*--Reset text indent since there will be a combination of both text and image--*/
	font-family:Verdana;
	font-size:11px; 
	
}

#footpanel MyText{
	
	width: 148px;
	padding-left: 10px;
	border-right: 1px solid #bbb;
	text-indent:0; /*--Reset text indent since there will be a combination of both text and image--*/
	font-family:Verdana;
	font-size:9px; 
	font-weight:bold;
}

.modalBackground
{
      background-color: Yellow;     
      
}
 
.modalPopup
{
      background-color:#ffffdd;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:5px;
      width: 150px;
      height:200px;
    
}


.transparent { 
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; 

color:#000;
width:100%; 
height:31px;

}
.MotionTrans { 
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
	
background:#5B3C61;
color:#FFFFFF;
width:120px;
font-family:Verdana;
font-size:12px; 
font-weight:bold;
height:30px;
text-align:center;


}

.MediaTrans { 
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

background:#676D36;
color:#FFFFFF;
width:120px;
font-family:Verdana;
font-size:12px; 
font-weight:bold;
height:30px;
text-align:center;
vertical-align:middle;

}

.MoHomeDiv { 
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	
background:#5B3C61;
color:#FFFFFF;
width:317px;
font-family:Verdana;
font-size:11px; 
text-align:center;


}

.MeHomeDiv { 
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	
background:#676D36;
color:#FFFFFF;
width:317px;
font-family:Verdana;
font-size:11px; 
text-align:center;


}

.ViewPBHead { 
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	

color:#FFFFFF;
width:300px;
font-family:Verdana;
font-size:11px; 
font-weight:bold;

text-align:center;
}

.ViewWBHead { 
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	

background-repeat:no-repeat;
color:#FFFFFF;
width:300px;
font-family:Verdana;
font-size:11px; 
font-weight:bold;

text-align:center;
}

.ViewDList { 
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
	
background:#FFFFFF;

width:300px;
font-family:Verdana;
font-size:16px; 
text-align:center;
}

.TopImage { 
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;


margin: 0 0 0 0px; 
padding: 0 0 0 0px; 
border:0px;
}


.MoIntHomeDiv { 
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	
background:#5B3C61;
color:#FFFFFF;
width:650px;

text-align:justify;
font-family:Verdana;
font-size:11px; 

}

.MedIntHomeDiv { 
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
	
background:#676D36;
color:#FFFFFF;
width:650px;

text-align:justify;
font-family:Verdana;
font-size:11px; 

}