/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	background: #fff url(../images/bgPage.png); 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1.4em; 
	color: #333;
}

/* PAGE LAYOUT - BEGIN */

#main
{
	width: 1020px;
	margin: 0 auto;
	background-color:#FFF;
	padding: 3px 3px 3px 3px;
	border:#CCC 2px solid;
	background: #fff url(../images/bg.jpg) no-repeat bottom;
}

#nav
{
	float: left;
	width: 310px;
}

#body
{
	float: right;
	width: 703px;
}

#logo 
{ 
	float: left; 
	padding: 10px 0 10px 10px; 
}

#slogan 
{
	background: #fff url(../images/MCI_slogan.gif) no-repeat top right;
	padding: 23px 0 15px 0;
}

#homeintroimg
{
	float: right;
	width: 400px;
	padding: 0px 300px 0 0px;
	/*background: #FFFFFF url(../images/home.jpg) no-repeat;*/
	color: #547592;
	margin: 0 0 6px 0;
	height: 194px;
	border: 2px solid #e2e2e2;
}

#introimg
{
	float: right;
	width: 400px;
	padding: 25px 280px 0 20px;
	/*background: #FFFFFF url(../images/home.jpg) no-repeat;*/
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

.special 
{
	clear: both;
	margin:0 0 20px 0;	
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
}

.iconslayer
{
	/*background: #DCF2B8 url(barbg.gif) no-repeat; */
	background: #DCF2B8;
	color: #444;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	clear: both;
	padding: 2px 2px 2px 2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#content 
{ 
	float: left; 
	padding: 12px 15px;
	width: 673px; 
	border:#ccc 1px solid;
	text-align: justify;
	margin:0 0 5px 0;
	background-color:#FFF;
	/*text-align: justify;
	margin: 0 0 5px 0;*/
}

#content p
{ 
	text-align: justify;
}

#footer 
{ 
	clear: both; 
	padding: 5px; 
	border-top: 1px solid #ccc;
}

#footer p a {
	color:#FFF;
}

h2
{
	color:#007dc5;
	font-size:14px;
}

h3
{
	font-size:12px;
}

.spacer
{
	float:right;
	padding-left: 10px;
	width:30em;
}

.bencol
{
	float: right;
	padding: 2px;
	margin: 0;
	width: 250px; 
	border:#8dc63f 1px solid;
	background: #afdd70;
}

/* Benfit Box - Begin */
.sidebox {
	margin: 0 auto; /* center for now */
	width: 30em; /* ems so it will grow */
	background: url(../images/benefit/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/benefit/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/benefit/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/benefit/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* Benfit Box - End */

/*
.columnbenefits
{ 
	float: right;
	padding: 2px 2px 2px 2px;
	width: 150px; 
	border:#8dc63f 1px solid;
	background: #FFFFAD;
	margin: auto 0;
}
*/
.bencols ul
{
	display: inline;
	list-style-position: inside;
}

#tabs 
{
	float:right;
	width:100%;
	font-size:100%;
	overflow:hidden;
	padding: 27px 1px 0px 0; 
	margin: 0;
}
/*
#tabs ul 
{
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}
*/
#tabs li 
{
	display:inline;
	margin:0;
	padding:0;
}

#tabs a 
{
	float:right;
	background:url("../images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
}

#tabs a span 
{
	float:right;
	display:block;
	background:url("../images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	width:65px;
	text-align:center;
	cursor: hand;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}
#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

/*Active Link */

#tabs li.active 
{
	display:inline;
	margin:0;
	padding:0;
}

#tabs a.active 
{
	float:right;
	background:url("../images/active_left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
}

#tabs a.active span.active 
{
	float:right;
	display:block;
	background:url("../images/active_right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	width:75px;
	text-align:center;
	cursor: hand;
}

#tabs a.active span.active {float:none;}
#tabs a.active:hover span.active {
	}






/* TOP MENU - BEGIN */

#topnav 
{
	float: right;
	background: #fff url(../images/topnav/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 27px 1px 11px 0; 
	margin: 0;
}

#topnav li 
{ 
	padding: 14px 18px 14px 18px; 
	color: #444; 
	background: #fff url(../images/topnav/bar.gif) no-repeat bottom left; 
	display: inline; 
}

#topnav li.active 
{ 
	background: #fff url(../images/topnav/baractive.gif) no-repeat bottom left; 
	color: #8D9CAF; 
	font-weight: bold; 
	padding: 14px 18px 14px 18px; 
	margin: 0 1px 0 0; 
}

#topnav li a 
{ 
	background: #f8f8f8; 
	color: #808080; 
	text-decoration: none; 
} 	

#topnav li a:hover 
{ 
	color: #000; 
	background: #f8f8f8; 
}

/* TOP MENU - END */

/* SIDE MENU - BEGIN */

#sidemenu 
{ 
	float: left;  
	margin: 0 0 2px 0; 
	padding: 0 0 1px 0; 
	border-bottom: 1px solid #e2e2e2; 
}

#sidemenu li 
{ 
	list-style: none;
}

#sidemenu li a 
{ 
	display: block; 
	color: #FFFFFF; 
	background: /*#007dc5*/ url(../images/sidemenu.png) no-repeat center left; 
	width: 300px; 
	padding: 7px 0px 7px 10px; 
	margin: 0 0 1px 0; 
	font-weight: bold; 
	text-decoration: none;
}	

#sidemenu li a:hover 
{ 
	background: #216fbf url(../images/sidemenu_over.png) no-repeat center left; 
	/*background: #216fbf url(../images/mainarrow.png) no-repeat center left; */
	color: #fff;
	text-indent:10px
}

#sidemenu li a.active
{ 
	background: /*#62a4ca*/ url(../images/sidemenu_active.png) no-repeat center left; 
	color: #fff;
	text-indent:13px;  
}

#submenu_left 
{ 
	float: right;  
	margin: 0 0 2px 0; 
	padding: 0 0 1px 0; 
}
	
#submenu_left li { list-style: none; }

#submenu_left li a 
{ 
	display: block; 
	color: #FFFFFF; 
	/*background: #8dc63f; */
	background: #5b5b5b;
	width: 300px; 
	padding: 5px 0px 5px 5px;
	margin: 0 0 1px 0; 
	font-weight: bold; 
	text-decoration: none; 
}	

#submenu_left li a:hover { background: #9b9b9b; color: #fff; }

#submenu_left li a.active { background: #8dc63f; color: #fff;  }

#submenu_left li a.sub
{ 
	display: block; 
	color: #FFFFFF;  
	width: 290px; 
	padding: 5px 0px 5px 15px;
	margin: 0 0 1px 0; 
	font-weight: bold; 
	text-decoration: none;
	background: #5b5b5b url(../images/sub_arrow.png) no-repeat center left;
}	

#submenu_left li a.sub:hover 
{
	background: #9b9b9b url(../images/sub_arrow.png) no-repeat center left;
	color: #fff;
}

#submenu_left li a.subactive 
{
	background: #8dc63f url(../images/sub_arrow.png) no-repeat center left;
	color: #fff;
	text-indent:10px
}

/* SIDE MENU - END */

/* NEWS - BEGIN */

#newscol 
{ 
	float: left; 
	padding: 12px 15px;
	width: 277px; 
	border:#007dc5 1px solid;
	margin:0 0 5px 0;
	background: #a3d0ea;
	/*margin: 0 0 5px 0;*/
}

#newscol p
{ 
	text-align: justify;
}
.newsitem 
{
	height: 40px; 
	float: left; 
	background: #a3d0ea url(../images/news/calendar.gif) no-repeat; 
	width: 40px; 
	padding: 15px 6px 6px 6px;  
	color: #ad241c;
	font-weight: bold;
	line-height: 10px;
}

.newsletter a
{
	
	background: #DCF2B8;
	color: #444;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	border-left: 1px solid #9EC068;
	border-right: 1px solid #9EC068;
	clear: both;
	padding: 2px 2px 2px 2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

.newsletter a:hover
{
	
	background: #DCF2B8;
	color: #FF0000;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	border-left: 1px solid #9EC068;
	border-right: 1px solid #9EC068;
	clear: both;
	padding: 2px 2px 2px 2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

.newsdate 
{
	height: 40px; 
	float: left; 
	background: #FFF url(../images/news/calendar.gif) no-repeat; 
	width: 40px; 
	padding: 15px 6px 6px 6px;  
	color: #ad241c;
	font-weight: bold;
	line-height: 10px;
}

/* NEWS - END */

/*- Green Tabs---------------------------Begin */

#greentabs 
{
	float:left;
	width:100%;
	font-size:93%;
    line-height:normal;
}

#greentabs ul 
{
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
}
    
#greentabs li 
{
	display:inline;
	margin:0;
	padding:0;
}

#greentabs a 
{
	float:left;
	background:url("../images/btn/btn_greenleft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#greentabs a span 
{
	float:left;
	display:block;
	background:url("../images/btn/btn_greenright.gif") no-repeat right top;
	padding:2px 15px 4px 6px;
	color:#FFF;
}

#greentabs a span {float:none;}

#greentabs a:hover span 
{
	color:#FFF;
}

#greentabs a:hover 
{
	background-position:0% -19px;
	color:#000000;
}

#greentabs a:hover span 
{
	background-position:100% -19px;
	color:#000000;
}  

/*- Green Tabs---------------------------END */

/*- blue Tabs---------------------------Begin */

#bluetabs 
{
	float:left;
	width:100%;
	font-size:93%;
    line-height:normal;
}

#bluetabs ul 
{
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
}
    
#bluetabs li 
{
	display:inline;
	margin:0;
	padding:0;
}

#bluetabs a 
{
	float:left;
	background:url("../images/btn/btn_blueleft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#bluetabs a span 
{
	float:left;
	display:block;
	background:url("../images/btn/btn_blueright.gif") no-repeat right top;
	padding:2px 15px 4px 6px;
	color:#FFF;
}

#bluetabs a span {float:none;}

#bluetabs a:hover span 
{
	color:#FFF;
}

#bluetabs a:hover 
{
	background-position:0% -19px;
	color:#000000;
}

#bluetabs a:hover span 
{
	background-position:100% -19px;
	color:#000000;
}  

/*- blue Tabs---------------------------END */

/*- blue Tabs---------------------------END */
.bluebtn { background: url(../images/btn/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: url(../images/btn/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: url(../images/btn/hoverbtn.gif) no-repeat; color: #fff; }