/*****************************************HM .CSS**************************************************************/
@charset "utf-8";
/* CSS Document */
*{ 	
 margin: 0;
 padding: 0;
}
html {
height:100%;
width:100%;
}
p{
margin:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:13px;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration:none;
		font-weight:bold;
}
a:hover{
	
		text-decoration:underline;
		}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

#wrapper {
width:100%;
margin-left:auto;
margin-right:auto;
background-image:url(images/bodybkg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
padding-bottom:10px;
}

#header{
width:991px;
height:171px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:top;
margin-left:auto;
margin-right:auto;
}
#header1{
width:991px;
height:171px;
margin-left:auto;
margin-right:auto;
}
.head1{
width:764px;
height:21px;
float:right;
text-align:right;
padding-top:7px;
}
.head2{
width:764px;
height:108px;
float:right;

}

.formbutton{
cursor:pointer;
background:#999;
color:#666;
font-weight:bold;
border:0px;
padding: 0px;
width:40px;
height:21px;
background:url(images/btn.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D9F0E3;
text-align:center;
line-height:20px;
}
.sendbutton{
cursor:pointer;
background:#999;
color:#666;
font-weight:bold;
border:0px;
padding: 0px;
width:50px;
height:21px;
background:url(images/btnsend.png) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-align:center;
line-height:20px;
}
#logo{
width:224px;
height:135px;
float:left;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
display:block;
}
.tagline{
float:left;
width:400px;
padding-top:64px;
}
.main{
width:991px;
margin-left:auto;
margin-right:auto;
}
.leftcol{
width:191px;
float:left;
text-align:left;
}
.rightcol{
width:541px;
padding-left:53px;
float:left;
text-align:left;
padding-bottom:30px;
}

.rightcol ul{
padding:0px;
margin:0px;
padding-left:20px;
}


.rightcol ul li{
padding-bottom:7px;
}
.bodymain{
height:171px;
width:100%;
	background-image: url(images/bkg.jpg);
	background-repeat: repeat-x;
}

.navigation{
width:991px;
height:35px;
margin-left:auto;
margin-right:auto;
}
.mattblacktabs{
width: 590px;
float:left;
overflow: hidden;
height:35px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}
.mattblacktabs span{
line-height:27px;
padding-left:8px; padding-right:8px;
float:left;
background-image:url(images/line.jpg);
background-position:center;
background-repeat:no-repeat;
height:27px;
}
.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
height:27px;
line-height:27px;
}

.mattblacktabs li a:visited{

}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: #14964D;
}
.newsflash{
float:;
width:380px;
height:27px;
padding-top:8px;

/* background-image:url(images/newsflash.jpg);*/
background-repeat:repeat-x;
background-position:right top;
overflow:hidden;
}


/* new css code for news flash  for home page  */
.newsflash1{
float:;
width:730px;
height:27px;
padding-top:8px;

/* background-image:url(images/newsflash.jpg);*/
background-repeat:repeat-x;
background-position:right top;
overflow:hidden;
}



.newsflashtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#0E9349;
font-weight:bold;
width:90px;
background-image:url(images/arrow.jpg);
background-position:right center;
background-repeat:no-repeat;
text-align:left;
float:left;
}



.newsflashtitle a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0E9349;
font-weight:bold;
}
.newsflashnews{
float:left;
padding-left:10px;
padding-right:10px;
width:250px;
font-weight:bold;
color:#FF0000;
}
/* new css code for news flash news for home page  */
.newsflashnews1{
float:left;
padding-left:10px;
padding-right:10px;
width:618px;
font-weight:bold;
color:#FF0000;
}


.newsflashnews a{
font-size:15px;
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
.newsflashnews a:hover{
font-weight:bold;
color:#FF0000;
text-decoration:underline;
}
.bodypgtitle{
font-weight:bold;
color:#333333;
display:block;
padding-bottom:7px;
padding-top:8px;
}
.he27{
clear:both;
height:0px;
text-align:right;
padding-top:3px;
padding-right:8px;
}
.he35{
clear:both;
height:35px;
}
.he30{
clear:both;
height:30px;
}
.he25{
clear:both;
height:25px;
}
.he20{
clear:both;
height:20px;
}
.he15{
clear:both;
height:15px;
}
.he10{
clear:both;
height:10px;
}
.he5{
clear:both;
height:5px;
}
.he1{
clear:both;
height:5px;
}
.clear {
clear:both;
}
.follow {
float:left;
height:27px;
line-height:25px;
color:#666666;
font-weight:bold;
padding-right:10px;
font-size:11px;
text-transform:uppercase;
}
.followicon{
padding-top:5px;
padding-bottom:5px;
height:35px;
}
#greenpanel{
width:284px;
height:464px;
padding-left:6px;
float:left;
background-image:url(images/greenpanel.png);
background-repeat:no-repeat;
}
#yellowpanel{
width:702px;
height:450px;
padding-top:19px;
padding-left:21px;
padding-right:21px;
float:left;
background-image:url(images/yellowbkg.png);
background-repeat:no-repeat;
}
.contentbx1 {
padding-top:6px;
padding-bottom:16px;
background-image:url(images/doted.png);
background-repeat:repeat-x;
background-position:bottom;
line-height:15px;
text-align:justify;
color:#333333;
}
.contentbx2 {
padding-top:12px;
line-height:15px;
background-image:url(images/doted.png);
background-repeat:repeat-x;
background-position:bottom;
text-align:justify;
color:#333333;
padding-bottom:15px;

}
.contentbx2 img {
float: left;
margin-right:14px;
}
.contentbx3 {
padding-top:10px;
line-height:15px;
text-align:justify;
color:#333333;
background-image:url(images/doted.png);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:14px;
}
.contentbx4 {
padding-top:15px;
line-height:15px;
text-align:justify;
color:#333333;
}


.readmore {
color:#ED1C24;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#rightpanel {
width:241px;
float:right;
}

#rightpanel123 {
width:241px;
float:right;
}

#rightpanel2 {
width:238px;
float:right;
}
.flashdemo{
padding-bottom:5px;
}
.searchbox{
width:197px;
float:right;
}
.toplinks{
height:23px;
line-height:23px;
}
.toplinks a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.toplinks span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding-left:4px;
padding-right:4px;
}
#querypanel{
width:225px;
height:306px;
padding-top:14px;
padding-left:20px;
float:right;
background-image:url(images/querybkg.png);
background-repeat:no-repeat;
}
#querypanel2{
width:200px;
height:262px;
padding-top:14px;
 
float:right;
background-image:url(images/querybkg2.png);
background-repeat:no-repeat;
}

#greenpanel h2 {
width:246px;
height:23px;
background-color:#0B9247;
 
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
line-height:23px;
margin-bottom:0px;
margin-top:1px;
margin-bottom:1px;
}
 #greenpanel h2 a {
 
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:23px;
font-weight:bold;
}
#greenpanel h3 {
width:246px;
height:23px;
background-color:#0B9247;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
line-height:23px;
margin-bottom:0px;
margin-top:0px;
}

h4 {
width:246px;
height:19px;
background-color:#096231;
background-image:url(images/orangecor.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
line-height:19px;
margin-bottom:0px;
margin-top:0px;
}
h4 a {
width:246px;
height:19px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin-bottom:0px;
margin-top:0px;
font-weight:bold;
}

#greenpanel h5 {
width:246px;
height:23px;
background-color:#0B9247;
 
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
line-height:23px;
margin-bottom:-1px;
margin-top:10px;
 
}
 
.title1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0B9247;
	padding-left:10px;
	padding-top:13px;
	padding-bottom:8px;
	line-height:18px;
	font-weight: bold;
	letter-spacing:-1px;
}
 
.title4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0B9247;
	padding-left:10px;
	padding-top:17px;
	padding-bottom:8px;
	line-height:18px;
	font-weight: bold;
}
.title2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#0B9247;
padding-left:10px;
padding-top:10px;
padding-bottom:8px;
line-height:18px;
}
.title3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#514604;
padding-bottom:8px;
margin:0px;
}
.box1{
width:256px;
}

.wireframemenu{
background-color: #EAF6F0;
border-bottom-width: 0;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */

}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: normal 11px Arial;
padding: 1px 11px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
font-weight:bold;
border-bottom: 1px solid #CAE9D9;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F6FCF9;
color: black;
}



.wireframemenu2{
border-bottom-width: 0;
}

* html .wireframemenu2{ /*IE only rule. Original menu width minus all left/right paddings */

}

.wireframemenu2 ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu2 a{
font: normal 11px Arial;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #666666;
text-decoration: none;
}

.wireframemenu2 a:visited{
color: #595959;
}

html>body .wireframemenu2 a{ /*Non IE rule*/
width: auto;
}

.wireframemenu2 a:hover{
color: black;
}




.wireframemenu2B{
border-bottom-width: 0;
width:155px;
float:left;
text-align:left;
}

* html .wireframemenu2B{ /*IE only rule. Original menu width minus all left/right paddings */

}

.wireframemenu2B ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu2B a{
font: normal 11px Arial;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #acacac;
text-decoration: none;
}

.wireframemenu2B a:visited{

}

html>body .wireframemenu2B a{ /*Non IE rule*/
width: auto;
color: #acacac;
}

.wireframemenu2B a:hover{
color: black;
}




.wireframemenu2C{
border-bottom-width: 0;
width:185px;
float:left;
text-align:left;
}

* html .wireframemenu2C{ /*IE only rule. Original menu width minus all left/right paddings */

}

.wireframemenu2C ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu2C a{
font: normal 11px Arial;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #acacac;
text-decoration: none;
}

.wireframemenu2C a:visited{

}

html>body .wireframemenu2C a{ /*Non IE rule*/
width: auto;
color: #acacac;
}

.wireframemenu2C a:hover{
color: black;
}




/* feedback form */
#querypanel h7{
border-bottom:1px solid #999999;
height:17px;
width:213px;
margin-bottom:4px;
margin:0px;
font-size:14px;
font-weight:normal;
display:block;
}

.feedbackform{
padding: 4px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 200px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 60px; /*width of label (left column)*/

font-size:11px;
color:#666666;
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 5px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 130px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 130px;
height: 60px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 2px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}



.footer {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding-top:10px;
	border-top:1px solid #CCCCCC;
	background-color:#FFFFFF;
	}
.footerpanel{
width:991px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;

}
.footerpanel a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
.footerpanel span {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding-left:4px;
padding-right:4px;
}
.footerlink {
height:40px;
}
.footerlink span {
padding-left:3px; padding-right:3px;
}
.foot1{
float:left;
width:574px;
text-align:left;
border-right:1px solid #B2B2B2;
}
.foot2{
float:right;
width:395px;
text-align:left;
}
.foottitle{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
height:25px;
}

.footerdevideline{
height:10px; margin-bottom:5px; border-bottom:1px solid #e1e1e1;
}
.customer{
float:left;
width:208px;
}
.enterprise{
float:left;
width:172px;
padding-left:14px;
}
.payroll{
float:left;
width:145px;
padding-left:20px;
}
.applicationdevelopment{
float:left;
width:228px;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
height:19px;
border-bottom:1px solid #E5E5E5;
margin-bottom:9px;
}
h5 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
height:19px;
}
h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
height:5px;
border-bottom:1px solid #E5E5E5;
margin-bottom:4px;
margin-top:10px;
}
h8 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
height:5px;
border-bottom:1px solid #E5E5E5;
margin-bottom:4px;
margin-top:5px;
}
.foot2b{
width:205px;
height:99px;
padding-right:8px;
border-right:1px solid #B2B2B2;
float:left;
}

.foot2b2{
width:166px;
float:right;x
}
.phone{
background-image:url(images/sym_phone.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left:47px;
height:45px;
font-size:14px;
font-weight:bold;
padding-bottom:12px;
}
.sms{
background-image:url(images/sym_sms.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left:47px;
height:45px;
font-size:14px;
font-weight:bold;
}
.phonesms{
font-size:12px;
font-weight:bold;
text-align:left;
}

/* sub page */

.leftsidemenu{
float:left;
background-image:url(images/left_linktop_shd.png);
background-position:right top;
background-repeat:no-repeat;
width:176px;
min-height:400px;
padding-top:26px;
padding-right:14px;
text-align:right;
}
#rightboxbg{
float:left;
background-image:url(images/left_linktop_shd2.jpg);
background-position:left top;
background-repeat:no-repeat;
width:230px;
  
}
#rightboxbgb{
float:left;
background-image:url(images/left_linktop_shd2b.jpg);
background-position:left top;
background-repeat:no-repeat;
width:230px;
  
}
.leftsidemenu2{
float:left;
/*background-image:url(images/left_linktop_shd2.jpg);
background-position:right top;
background-repeat:no-repeat;*/
width:230px;
padding-left:12px;
padding-top:12px;
text-align:left;
min-height:198px;
}
.leftsidemenu2b{
float:left;
/*background-image:url(images/left_linktop_shd2.jpg);
background-position:right top;
background-repeat:no-repeat;*/
width:230px;
padding-left:12px;
padding-top:12px;
text-align:left;
min-height:88px;
}

.subleftmenu{
}
.subleftmenu ul{
}
.subleftmenu ul li{
list-style-type:none;
}
.subleftmenu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
font-weight:bold;
padding-right:15px;
padding-bottom:6px;
display:block;
}

.subleftmenu ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
padding-bottom:6px;
display:block;
}
.subleftmenu a.active{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
background-image:url(images/arrow_green.png);
background-repeat:no-repeat;
background-position:right 2px;
padding-bottom:6px;
display:block;
}

.subleftmenub{
}
.subleftmenub ul{
padding:0px;
margin:0px;
}
.subleftmenub ul li{
list-style-type:none;
padding:0px;
margin:0px;
}
.subleftmenub ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
line-height:13px;
padding-bottom:9px;
}

.subleftmenub ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
}
.subleftmenub a.active{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
}
.subleftmenub a.activeb{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
background-image:url(images/arrow_green.png);
background-repeat:no-repeat;
background-position:right 2px;
}
.he10{
height:10px;
clear:both;
}
.subleftmenuc{
}
.subleftmenuc ul{
padding:0px;
margin:0px;
}
.subleftmenuc ul li{
list-style-type:none;
padding:0px;
margin:0px;
}
.subleftmenuc ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
line-height:12px;
padding-bottom:6px;
line-height:12px;

}
.subleftmenuc ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
}
.subleftmenuc a.active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3BA86C;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
background-image:url(images/arrow_green2.png);
background-repeat:no-repeat;
background-position:right 2px;
}

.subleftmenuc ul li ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
font-weight:normal;
padding-right:15px;
display:block;
line-height:12px;
padding-bottom:6px;
background-image:none;
}
.subleftmenuc ul li ul li a:hover, .subleftmenuc ul li a.actived {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3BA86C;
text-decoration:none;
font-weight:normal;
padding-right:15px;
display:block;
line-height:12px;
padding-bottom:6px;
background-image:none;
}

.subleftmenud{
}
.subleftmenud ul{
padding:0px;
margin:0px;
}
.subleftmenud ul li{
list-style-type:none;
padding:0px;
margin:0px;
text-align:left;
}
.subleftmenud ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#707070;
text-decoration:none;
font-weight:bold;
padding-left:15px;
display:block;
line-height:15px;
padding-bottom:6px;
font-style:italic;
background-image:url(images/arrow2.jpg);
background-repeat:no-repeat;
background-position:left 2px;
}

.subleftmenud ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#14964D;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;
}
.subleftmenud a.active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3BA86C;
text-decoration:none;
font-weight:bold;
padding-right:15px;
display:block;

}

.centercontent{
float:left;
width:535px;
min-height:400px;
margin-left:10px;
text-align:justify;
line-height:18px;
}
.readmorelink{
font-size:12px;
color:#cc0000;
font-weight:normal;
font-style:italic;
}
.centercontent ul{
padding-top:0px;
padding-bottom:15px;
margin:0px;
}
.centercontent ul li{
margin-top:0px;
padding-bottom:6px;
background-image:url(images/dot.png);
background-repeat:no-repeat;
background-position:left 4px;
padding-left:10px;
list-style-type:none;
}
.subpgtitle{
padding-bottom:7px;
display:block;
background-image:url(images/line_content.png);
background-repeat:no-repeat;
background-position:bottom;
background-position:bottom left;
margin-bottom:16px;
font-size:12px;
color:#666666;
font-weight:bold;
}
.subpgtitlefirst{
font-size:14px;
color:#14964D;
font-weight:normal;
}
.subpgtitlefirstb{
font-size:14px;
color:#666666;
font-weight:normal;
display:block;
padding-bottom:6px;
}
.subpgtitlelink{
font-size:11px;
color:#999999;
font-weight:bold;
}
.subpgtitlelink2{
font-size:11px;
color:#999999;
font-weight:bold;
text-decoration:none;
font-style:normal;
}
.subpgtitlelink3{
font-size:11px;
color:#999999;
font-weight:bold;
text-decoration:none;
font-style:normal;
}
.subpgtitlelink4{
font-size:11px;
color:#999999;
font-weight:bold;
text-decoration:none;
font-style:normal;
}
.subpgtitlecurrent{
font-size:11px;
color:#14964D;
font-weight:bold;
}
.greentitle{
color:#14964D;
font-weight:bold;
display:block;
padding-bottom:6px;
}
.greytitle{
color:#333333;
font-weight:bold;
}
.greytitlelink{
color:#333333;
font-size:12px;
font-weight:bold;
}
.greytitlelinktxt{
color:#333333;
font-size:12px;
}
.greytitleb{
color:#333333;
font-weight:bold;
display:block;
padding-bottom:8px;
}
.greentabtitleb{
color:#054D25;
font-weight:bold;
display:block;
width:505px;
height:23px;
background-color:#AFDBC3;
padding-left:5px;
line-height:23px;
margin-bottom:15px;
}
/* tab corner */

#tabs {
	font-size:12px;
	color:#000000;
	line-height:normal;
	overflow:hidden;
	height:17px;
	}



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

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	line-height:17px;
	padding-left:5px; 
	padding-right:10px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:17px;
	margin-right:10px;
	}

/* 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% -17px;
	}

#tabs a:hover span {
	background-position:100% -17px;
	}
/* tab corner */


#righttitlebox{
float:left;
width:230px;
}
.txt1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5ebc88;
	text-decoration: none;
	padding-left:14px;
	line-height:29px;
}

.teampic{
float:right;
margin-left:18px;
margin-bottom:10px;
background-color:#FFFFFF;
padding:3px;
border:2px solid #e7e7e7;
}

.sitemap{
}

.sitemap ul{
list-style-type:none;
margin:0px;
padding:0px;
background-image:none;
list-style-image:none;
color:#000000;
font-weight:bold;
}
.sitemap ul li{
list-style-type:none;
margin:0px;
padding-left:15px;
background-image:none;
list-style-image:none;
}

.sitemap ul li a{
color:#333333;
font-weight:bold;
}
.sitemap ul li ul{
padding-bottom:20px;
}
.sitemap ul li ul li a{
color:#333333;
font-weight:normal;
text-decoration:underline;
}
.sitemap ul li h1{
color:#14964D;
font-weight:normal;
}
.hilinkgreen{
color:#14964D;

}
/* css form */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-bottom: 1px solid #E5E5E5;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}



* html .threepxfix{
margin-left: 3px;
}

.link01{
color:#14964D;
font-size:12px;
}



.cssform2 p{
width: 270px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-bottom: 1px solid #e4e4e4;
height: 1%;
text-align:left;
}

.cssform2 label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform2 textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.pdficon {
background-image:url(images/pdficon.jpg);
background-repeat:no-repeat;
background-position:left;
font-size:12px;
font-weight:bold;
color:#108A51;
padding-left:25px;
}
.mandatory{
color:#FF0000;
padding-left:1px; 
padding-right:1px;
}
.mandatorytxt{
color:#333333;
font-size:11px;
}
.greenbold{
font-weight:bold;
color:#14964D;
}
/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
img {
	border: none;
}