@charset "utf-8";

body 
{	
margin:0px; 
background-color:#F2F2F2;
/*background-image: url('images/bg.jpg');
background-repeat: repeat-y;*/

}


 div.c18 {padding-top:25px;}
 td.c17 {background-color: #EAEAEA}

i {color:red}
p,  li, .text, table {font-family:Trebuchet MS; font-weight:normal; text-decoration:none; font-size:12px; color:#554B5A; line-height:18px;text-align:justify;}

h1, .page_caption {border:1px #C8C8C8 solid; padding:5px; font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold;  font-size:17px; color:#375180;text-align:left; line-height:18px;}

h2 {font-family:tahoma; letter-spacing:1px; font-weight:bold;  font-size:14px; color:#3F3D45; text-align:left;line-height:16px;}
h3 {font-family:tahoma; letter-spacing:1px; font-weight:bold;  font-size:12px; color:#595E62; text-align:left;line-height:16px;}

.h2_link,.h2_link:active, .h2_link:visited  {font-family:tahoma;letter-spacing:1px; font-weight:bold;  font-size:14px; color:#3F3D45;text-align:left;text-decoration:none;}
.h2_link:hover{  font-family:tahoma;letter-spacing:1px; font-weight:bold;  font-size:14px; color:#FF3300;text-align:left;text-decoration:none;}


a, a:active, a:visited {font-family:Trebuchet MS; font-weight:normal; text-decoration:none; font-size:12px; color:#EA4E0B; line-height:18px; text-align:left; }
a:hover {font-family:Trebuchet MS; font-weight:normal; text-decoration:none; font-size:12px; color:#9B9DA4; line-height:18px;text-align:left; }

.maintext {font-family:Trebuchet MS; font-weight:normal; text-decoration:none; font-size:11px; color:#3F3D45; line-height:18px;text-align:left}


.catchline,.catchline:active,.catchline:visited  { font-family : "Trebuchet MS"; font-size : 11px;font-weight : normal;color : #505A61;text-align : left;letter-spacing : 2px;text-decoration :none;} 

.catchline:hover { font-family : "Trebuchet MS";font-size : 11px;font-weight : normal;color : #FF8040;text-align : left;letter-spacing : 2px;text-decoration : none;padding-top : 3px;cursor : pointer;padding-bottom : 3px;} 


.foot_links, .foot_links:active, .foot_links:visited{font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:9px; color:#FBFBFB;}

.foot_links:hover{font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:9px; color:#FFFF33;}



.red_mandatory{ font-family : "Trebuchet MS";font-size : 17px;font-weight : bold;color : #F97C00;text-decoration : none;} 

.red{ font-family : "Trebuchet MS";font-size : 11px;font-weight : normal;color : #F97C00;text-decoration : none;} 


.label {font-family:Trebuchet MS; font-weight:bold; text-decoration:none; font-size:11px; color:#1E1D21; line-height:18px;text-align:left;}

.combo { border : 1px solid #536797;font-weight : normal;font-size : 11px;height : 20px; color : #302F40;background :#FFFFFF;font-family : "Trebuchet MS";letter-spacing : 1px;text-decoration : none;text-align:left;} 

.Textbox { border : 1px solid #536797;font-weight : normal;font-size : 11px;height : 19px;color : #302F40;background :#FFFFFF;font-family : "Trebuchet MS";letter-spacing : 1px;text-decoration : none;text-align:left;} 

.textarea { border : 1px solid #536797;font-weight : normal;font-size : 11px;color : #302F40;background :#FFFFFF; font-family : "Trebuchet MS";letter-spacing : 1px;text-decoration : none;text-align:left;} 

.button { border-right : 2px solid #4f6069; border-top : 1px solid #eef5f8; border-left : 1px solid #eef5f8; border-bottom : 2px solid #4f6069;font-size : 12px; font-weight : bold; background-color : #B6B6A5; width : 90px; color : #3F3F3F; font-family : Trebuchet MS; height : 25px; text-decoration : none;text-align:center;} 

file { border : 1px solid #536797;font-weight : normal;font-size : 11px;height : 17px;color : #302F40;background :#FFFFFF;font-family : "Trebuchet MS";letter-spacing : 1px;text-decoration : none;text-align:left;} 

.addme, .addme:active, .addme:visited, .addme:hover { font-family : "Trebuchet MS";font-size : 6px;font-weight : bold;color : #FFFFFF;text-decoration : none;text-align : right;} 



.readmore, .readmore:active, .readmore:visited {padding-top:3px;text-align:right;font-family:Trebuchet MS; letter-spacing:1px; font-weight:normal; text-decoration:none; font-size:11px; color:#F97C00;}

.readmore:hover {padding-top:3px;text-align:right;font-family:Trebuchet MS; letter-spacing:1px; font-weight:normal; text-decoration:none; font-size:11px; color:#3399FF;}


.list_items, .list_items:active, .list_items:visited {text-align:left;line-height:18px;font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:10px; color:#62606A}
.list_items:hover {text-align:left;line-height:18px;font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:10px; color:#FF3300}

.list_items_content, .list_items_content:active, .list_items_content:visited {text-align:left;line-height:21px;font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:10px; color:#4B4952}
.list_items_content:hover {text-align:left;line-height:21px;font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:10px; color:#FF3300}

.link-period-orange {text-align:left;line-height:18px;font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:14px; color:#FF3300}


.blue_txt, .blue_txt:active,.blue_txt:visited {text-align:left; font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:10px; color:#035FAA;line-height:22px;}

.blue_txt:hover {text-align:left; font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:10px; color:#F97C00;line-height:22px;}


.portfolio_rows {border:1px #D8E2E2 solid; background-color:#F4F4F4; width:590px; padding:10px;overflow:hidden; margin:auto;}

.porfolio_images_view {border:1px #D8E2E2 solid;background-color:#F4F4F4;}

.porfolio_images_view_lt {border-top:1px #D8E2E2 solid;border-bottom:1px #D8E2E2 solid;border-left:1px #D8E2E2 solid;background-color:#F4F4F4;}

.porfolio_images_view_rt {border-top:1px #D8E2E2 solid;border-bottom:1px #D8E2E2 solid;border-right:1px #D8E2E2 solid;background-color:#F4F4F4;}

/*.portfolio_desc {border-top:2px #E1E1E1 solid; height:150px; background-color:#F7F7F7; padding-left:10px;padding-right:10px;padding-bottom:10px;}*/

.right_panel_header_text {width:125px;float:left;padding-top:10px; border-bottom:1px #3B3B3B solid; text-align:left; font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:12px; color: #353535;}

/* START OF LAYOUT DIMENSIONS CLASSES */

.bodylayout { margin:auto;text-align:center; width:99%;overflow:hidden; border:0px #FF0099 solid;}

  .page_layout { margin:auto;text-align:center; width:930px;  border:0px green solid; border-top:8px #D2D3D5 solid; background-color:#FFFFFF;}

	.headerpanel { margin:auto;text-align:center;width:920px; height:112px; border:0px blue solid;}

		.logopanel {text-align:center; float:left; width:280px; height:100px;padding-top:8px;border:0px #66CC33 solid;}

		.middle_logo_blank {text-align:center; float:left; width:610px; height:112px;border:0px #FF3366 solid;}

			.right_icons_panel {text-align:center; width:610px; height:70px;padding-top:10px; border:0px #CC0033 solid;}

				.icon_blank {float:left; width:430px; height:45px; padding:2px;border:0px #C1C1C1 solid}
				.home_icon {float:left; width:52px; height:45px; padding:2px;border-right:1px #C1C1C1 solid}

				.email_icon {float:left; width:52px;  height:45px; padding:2px;border-right:1px #C1C1C1 solid}

				.sitemap_icon {float:left; width:52px; height:45px; padding:2px;}
			
			.menu_panel{margin:auto;margin-bottom:4px;width:620px; height:23px; border:2px #C1CECE solid;padding-top:0px; text-align:center;}


	.banner_menu_panel { margin:auto;width:890px; height:195px; border:0px #66FFFF solid;text-align:center;}

		.banner_image_panel{margin:auto;width:890px; height:190px;border:1px #CBCECF solid; text-align:center;  background-image:url('images/header.jpg'); background-repeat:no-repeat;}

	/*	.menu_panel{margin:auto;width:880px; height:25px; border:0px #66FFFF solid;padding-top:0px; text-align:center; background-color:#E4EDE8;}*/

			.breadcrumbpanel {font-family:Trebuchet MS; font-weight:bold; text-decoration:none; font-size:10px; color:#615C63; margin:auto; width:850px; border:0px #FF0033 solid; text-align:left; padding:10px;letter-spacing:1px; }


	.body_content_area		{ margin:auto; width:890px;  padding:15px; overflow:hidden;  border:0px #FF0033 solid;text-align:center; }
		
		.left_content_panel	{float:left;  overflow:hidden;  width:645px;  border:0px #8D0C8D solid; margin:auto;text-align:center; padding:0px;}
			
			.topcontentpanel{overflow:hidden; text-align:center;width:640px; padding-top:0px;border:0px blue solid;}


			.text_panel {  overflow:hidden; width:600px; border:0px blue solid; padding-left:10px; padding-right:20px; padding-top:5px;}

			.bottomcontentpanel {  overflow:hidden; margin:auto;border:0px blue solid; padding:10px; text-align:center; width:620px;}

			.solution-services-panel {overflow:hidden; float:left;width:293px;padding:10px; border:0px #FF9900 solid}
			.solution-services-panel_rt {overflow:hidden; float:left;width:273px;padding:10px; border:0px #FF9900 solid}



		.right_content_panel	{overflow:hidden; float:right; width:240px; padding:0px; border:0px #FF3366 solid; text-align:left;}
		.right_content_panel_boxes	{overflow:hidden; width:215px; padding:10px; border:2px #E1E1E1 solid; text-align:left; margin-top:15px;  background-color:#F4F4F4}

	 
	 .footer_panel {border:3px #FFFFFF solid; padding-top:9px; margin:auto;text-align:left; width:880px; height:38px; background-image:url('images/footershade.jpg'); background-repeat:repeat-x;}
		.foot_text {text-align:left;font-family:Trebuchet MS; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:9px; color:#F9F9F9}
		.left_footpanel{float:left; padding-left:15px;}

		.right_footpanel{float:right; padding-right:14px; }

		.w3c-panel {border:3px #FFFFFF solid; margin:auto;text-align:left; width:880px; height:50px;padding:5px; }


.page_frame {width:96%; border:0px red solid; overflow:hidden; padding:10px; margin:auto; border:1px #E1E1E1 solid; background-color:#F4F4F4;}

.two_split {float:left; width:47%;  text-align:left;border:0px red solid;}

.three_split {float:left; width:30%;  text-align:left;border:0px red solid;}

.glow {background-color: #00FF00 }
.fade {background-color: #FFFFFF}


.selected {width:100px; margin:4px; background-color:#00FF66; border:1px #D2D2D2 solid; padding:6px; height:20px;}

/*<![CDATA[*/
 div.c27 {float:left; margin:6px;}
 div.c26 {text-align:center;}
 div.c25 {text-align:left; cursor:pointer}
 div.c24 {width:100%; overflow:hidden;text-align:left;}
 div.c23 {width:125px;float:left;padding-top:6px; border-bottom:1px #3B3B3B solid; text-align:left; font-family:verdana; letter-spacing:1px; font-weight:bold; text-decoration:none; font-size:11px; color: #353535;}
 div.c22 {text-align:left}
 div.c21 {float:right}
 div.c20 {width:100%; overflow:hidden;text-align:left}
 div.c19 {width:55px;float:left}
 span.c18 {float:left; margin-right:12px; margin-bottom:8px}
 p.c17 {border-top:2px #E1E1E1 dotted;height:5px; margin-top:5px;}
 div.c16 {width:96%; border:0px red solid; overflow:hidden; padding:10px; margin:auto; border:1px #E1E1E1 solid; background-color:#F4F4F4;}
 div.c15 {float:left; width:3px; height:160px; border-left:1px #D6D6D6 dotted;}
 div.c14 {float:left; width:2%; border:0px #E1E1E1 solid}
 div.c13 {float:left; width:47%; text-align:left;border:0px red solid;}
 ul.c12 {width:120px;}
 li.c11 {width:120px;}
 li.c10 {width:40px;}
 ul.c9 {width:180px;}
 li.c8 {width:180px;}
 li.c7 {width:140px;}
 ul.c6 {width:270px;}
 ul.c5 {width:300px;}
 li.c4 {width:300px;}
 li.c3 {width:270px;}
 ul.c2 {width:150px;}
 li.c1 {width:150px;}
/*]]>*/



.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F4F4F4}
.round1{
  margin-left:5px;
  margin-right:5px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;
  background:#f6f6f6}
.round2{
  margin-left:3px;
  margin-right:3px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f6f6f6}
.round3{
  margin-left:2px;
  margin-right:2px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;}
.round4{
    margin-left:1px;
  margin-right:1px;
border-left:1px solid #fafafa;
  border-right:1px solid #fafafa}
.round5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.roundfg{
  background:#F4F4F4;padding:10px;font-family:Trebuchet MS; font-weight:normal; text-decoration:none; font-size:12px; color:#3F3D45; line-height:18px;text-align:justify;}

big{color:#F97C00;font-size:16px; line-height:18px; font-weight:bold;font-family:Trebuchet MS}





/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}