﻿/* Styles used in Compulite Website */ 
/* Main Page Headings */
body.bggrey{ background-color:#666666;}

table.slide{margin-left: 20px;}
table.white{background-color:#ffffff;}
h1{font-family:arial; font-size: 18px; color:#666666; font-weight: bold; margin-left: 5px; padding-top: 10px;text-align: left;} 

h3{font-family:arial; font-size: 15px; color:#F74306; font-weight: bold; margin-left: 12px; text-decoration: none;}
h4{font-family:arial; font-size: 13px; color:#F74306; font-weight: bold; margin-left: 12px; text-decoration: none;}

td.bg_white{background-color:#ffffff;}
td.bg_lightgrey{
	background-color: #cccccc;
	vertical-align: bottom;
}
td.bg_grey{background-color:#666666;}
td.bg_darkgrey{background-color:#999999;}
td.bg_orange{background-color:#cc3300;}
td.portfolio{width:250px;}


.text-main{ font-family:arial;font-size:12px; color: #000000; text-align: right;}
.text-center{ font-family:arial;font-size:12px; color: #000000; text-align: center;}
.text-left{ font-family:arial;font-size:12px; color: #000000; text-align: left;}
p{ font-family:arial;font-size:12px; color: #000000; margin-left: 12px; margin-right: 12px;  text-align: justify; }
/*p.center{ font-family:arial;font-size:12px; color: #000000; margin-left: 112px; margin-right: 12px;  text-align: justify; }*/
.p1{ font-family:arial;font-size:12px; color: #000000; margin-left: 12px; margin-right: 12px;  text-align: right; }

div{
	font-family: arial;
	font-size: 10px;
	color: #000000;
	margin-left: 12px;
	margin-right: 12px;
	text-align: center;
}
ul{font-family:arial; font-size: 11px; color:#666666; font-weight: bold;  text-decoration: none;}
.float-right{float:right;margin-right: 20px;}
.float-right-logo{float:right; margin-top: 110px; margin-right: 40px;}
.float-right-logorp{float:right;margin-top: 10px; margin-right: 20px;}
.float-left-mcp_logo{float:left;margin-top: 95px; margin-left: 38px;}

/* Text for the date */
.text-date {font-family: arial, helvetica, univers, verdana, sans serif; color: #ffffff; text-decoration: none; font-size: 8pt;}
.text-needsupport {font-family: arial, helvetica, univers, verdana, sans serif; color: #000000; text-decoration: none; font-size: 8pt;}
.leftnav_text  {font: 12px arial, "Calisto MT", "Times New Roman", Times, serif; color: #666666; text-decoration: none;  font-weight: bold; margin-left: 1px;}
.text-red{font-family:arial; font-size: 12px; color:#cc3300; font-weight: bold; margin-left: 1px; text-decoration: none;}
.text-indexpage { background-color:#cccccc; font-family:arial;font-size:11px; color: #000000; padding-left: 5px; padding-right: 5px; padding-top: 5px; }
.search_header_white {background-color:#ffffff;font: 12px arial, "Calisto MT", "Times New Roman", Times, serif; color: #000000; text-decoration: none;  font-weight: bold; padding-top: 10px; padding-bottom: 5px;}

/* Hyperlinks for side_nav in website */
a.leftnav_header:link {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: 0px;
	margin-right: auto;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
a.leftnav_header:visited {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: 0px;
	margin-right: auto;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
a.leftnav_header:active {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: 0px;
	margin-right: auto;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
a.leftnav_header:hover {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F74306;
	margin-left: 0px;
	margin-right: auto;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}	
	
a.leftnav:link {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: 0px;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
a.leftnav:visited {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: 0px;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
a.leftnav:active {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: 0px;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
a.leftnav:hover {
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F74306;
	margin-left: 0px;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}

.NavTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #F74306;
	font-weight: bold;
}

/* Links for the page */
a.main_link:link {text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; color: #333333;}
a.main_link:visited {text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; color: #333333;}
a.main_link:active {text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; color: #333333;}
a.main_link:hover {text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; color: #cc6633;}

/* Links for the bottom nav bar */
a.bot-nav:link {font-family: arial, helvetica; color: #cc3300; font-size: 7pt; text-decoration: none; font-weight: bold;}
a.bot-nav:active {font-family: arial, helvetica; color: #cc3300; font-size: 7pt; text-decoration: none; font-weight: bold;}
a.bot-nav:visited {font-family: arial, helvetica; color: #cc3300; font-size: 7pt; text-decoration: none; font-weight: bold;}
a.bot-nav:hover {font-family: arial, helvetica; color: #666666; font-size: 7pt; text-decoration: none; font-weight: bold;}

a.link_portfolio:link {text-decoration: underline; font-family: arial; font-size: 12px; color: #666666; margin-left: 1px; font-weight: bold; padding-top: 15px; }
a.link_portfolio:visited {text-decoration: underline; font-family: arial; font-size: 12px; color: #666666; margin-left: 1px; font-weight: bold; padding-top: 15px; }
a.link_portfolio:active {text-decoration: underline; font-family: arial; font-size: 12px; color: #666666; margin-left: 1px; font-weight: bold; padding-top: 15px; }
a.link_portfolio:hover {text-decoration: underline; font-family: arial; font-size: 12px; color: #cc6633; margin-left: 1px; font-weight: bold; padding-top: 15px; }	

a.main_portfolio:link {font-family: arial, helvetica, univers, sans serif; color: #cc3300; font-size: 9pt; text-decoration: underline;font-weight: bold;}
a.main_portfolio:active {font-family: arial, helvetica, univers, sans serif; color: #cc3300; font-size: 9pt; text-decoration: underline;font-weight: bold;}
a.main_portfolio:visited {font-family: arial, helvetica, univers, sans serif; color: #cc3300; font-size: 9pt; text-decoration: underline;font-weight: bold;}
a.main_portfolio:hover {font-family: arial, helvetica, univers, sans serif; color: #CCCCCC; font-size: 9pt; text-decoration: underline;font-weight: bold;}

	
.search {text-decoration: none; font-family: arial; font-size: 12px; color: #666666; font-weight: bold; text-align: center;}

#VolusionLiveChat {
background-color: #666666;
}

#fadeshow {
	width: 577px; 
	height: 222px; 
	margin: 0px; 
	padding: 0px; 
	border: 0px;
}
.style1 {
	text-align: center;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color:black;
	font-weight:normal
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.style6 {
	text-align: left;
}
