@charset "utf-8";
/* CSS Document */

/* Hides from IE5-mac \*/
 * html  {height: 1%;}
/* End hide from IE5-mac */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(../img/homeNEW/bg_gradient.png) repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4D4D4D;
}


#mainContainer {
	width: 916px;  /* with 21px padding on left and right side total width=958px */
	background: #FFF; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
		border-bottom: 1px solid #C2C2C2;
	text-align: left;
	margin: 0 auto;
	padding: 0 21px;
} 

#flashContainer {
	margin: 0 0 0 2px;
	background: #FFF;
	height: 232px;
	padding-top: 5px;
}

#navContainer {
	margin: 0px auto;
	background: #FFF; height: 20px;
	z-index:999;
}

#contentContainer {
	width:100%;
	margin: 0px auto;
	padding: 10px 0;
	background-color: #FFF;
}

#footerContainer { 
	padding: 10px 20px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../img/homeNEW/bg_footer.png);
	height: 50px;
	color: #666666;
	clear:both;
	font-size: 10px; margin-top: 20px
} 

#branding {
background: #FFF url(../img/homeNEW/boxPlain_leftside.png) repeat-y left top !important /*Non-IE6*/;
background: #FFF url(../img/homeNEW/boxPlain_leftside.gif) repeat-y left top /*IE6*/;
}



/*   BEGIN MENU settings  */  

/*Drop-down menu*/
.menu {float:left; width:916px; border:none; background: #FFF; color: #FFF; font-size:10px; height:20px; } /*Color navigation bar normal mode*/

.menu ul {list-style-type:none; margin-left: 30px } /* margin states where menu should begin from left margin  */

.menu ul li { float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:dotted 0px #CCC; margin: 0px; }   /*Vertical Rule*/

.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:20px; line-height:18px; padding:0 20px 0 20px; text-decoration:none; font-weight:bold; color: rgb(100,100,100); }   /*Global Nav Text Properties*/

.menu ul li ul {display:none; border:none;}   /*  Hides primary drop down navigation until it's hovered on  */

.menu ul li ul li ul li {display:none;  }  /* IE hides secondary level drop down nav until it's hovered on  */
.menu ul li ul ul li {display:none;  }  /* Firefox - hides secondary level drop down nav until it's hovered on  */


/* --------------  PRIMARY LEVEL DROP DOWN   Non-IE6 hovering    ---------------*/
.menu ul li:hover {position:relative; }  /* Sylvain IE hack */
.menu ul li:hover a { color: #097E7C; text-decoration:none; background: url(../img/homeNEW/bg_menu.png) no-repeat top left;   } /*Color main cells hovering mode - add background color here */

.menu ul li:hover ul {			/* on Hover display drop down selections */
	display:block; width:150px; position:absolute; z-index:888; top:20px; margin-left: 0px;  } 

.menu ul li:hover ul li a {display:block; width:150px; height:auto; line-height:12px; margin-left:-1px; padding:4px 11px 4px 11px; border-top:solid 1px #FFF;  border-left:solid 1px #91D4D3; border-right:solid 1px #91D4D3; border-bottom: solid 1px #91D4D3; background-color:#FFF; font-weight:normal; color:#097E7C; background: url(../img/homeNEW/bg_menu.png) no-repeat center; } 
/*  on Hover of drop down buttons these options apply  ---  Color subcells normal mode*/

.menu ul li:hover ul li a:hover {text-decoration:none; color:#FFF; background:url(../img/homeNEW/bg_menuON.png) no-repeat center; padding: 4px 11px 4px 11px } /*Color subcells hovering mode*/


/* --------------  SECONDARY LEVEL DROP DOWN  Non-IE6 hovering    ---------------*/
.menu ul li ul li:hover a {color: #097E7C; text-decoration:none; background: url(../img/homeNEW/bg_menuON.png) no-repeat top left;  } /*Color main cells hovering mode - add background color here */

.menu ul li ul li:hover li  {			/* on Hover display this */
	display:block; width:150px; position:relative; z-index:999; top:-20px; margin-left: 173px;   } 

.menu ul li ul li:hover a {display:block; width:150px; height:auto; line-height:12px; margin-left:-1px; padding:4px 11px 4px 11px; border-top:solid 1px #FFF;  border-left:solid 1px #91D4D3; border-right:solid 1px #91D4D3; border-bottom: solid 1px #91D4D3; background-color:#FFF; font-weight:normal; color:#097E7C; background: url(../img/homeNEW/bg_menu.png) no-repeat center; } /*Color subcells normal mode*/


/* ----------------   IE6 hovering    ------------------*/
.menu table { position:absolute; top: 0; left: 0; border-collapse: collapse }
.menu ul li a:hover { color: #19a8a5; text-decoration:none; background: url(../img/homeNEW/bg_menu.png) no-repeat top left; } /*Color main cells hovering mode - add background color here */
.menu ul li a:hover ul {			/* on Hover display this */
	display:block; width:150px; position:relative; z-index:999; top:20px; margin-left:0px; }
.menu ul li a:hover ul li a {display:block; width:150px; height:auto; line-height:12px; margin-left:-1px; padding:4px 11px 4px 11px; border-top:solid 1px #FFF;  border-left:solid 1px #91D4D3; border-right:solid 1px #91D4D3; border-bottom: solid 1px #91D4D3; background-color:#FFF; font-weight:normal; color:#097E7C; background: url(../img/homeNEW/bg_menu.png) no-repeat center; } /*Color subcells normal mode*/
.menu ul li a:hover ul li a:hover {background-color:#FFF; text-decoration:none; color:#FFF; background:url(../img/homeNEW/bg_menuON.png) no-repeat center} /*Color subcells hovering mode*/


/* --------------  SECONDARY LEVEL DROP DOWN  IE6 hovering    ---------------*/


/*   END MENU settings    */


/*    LEFT SIDEBAR1 SETTINGS    */
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF url(../img/homeNEW/boxPlain_leftside.png) repeat-y left top !important /*Non-IE6*/; /* the background color will be displayed for the length of the content in the column, but no further */
	background: #FFF url(../img/homeNEW/boxPlain_leftside.gif) repeat-y left top /*IE6*/;
	padding: 0px 0px 0px 0px  !important /*NON-IE6*/; /* 15px 10px 15px 20px padding keeps the content of the div away from the edges */
	padding: 0  /*IE6*/;
	margin-top: 5px;
	font-family: Trebuchet MS;
}

#sidebar1 h2 {    /*   To be used for headers inside rounded boxes  */
	margin-top: -5px; margin-bottom: 15px;
	border-bottom: 1px solid #999999;
	color:#4D4D4D; font-size:18px; font-weight:bold;
}

#sidebar1 h3 {
	font-size: 12px;
	/* IE6 does not display dotted lines very well hence the second line to use solid lines instead*/
	border-top: 1px dotted #c2c2c2 !important /*NON-IE6*/; border-bottom: 1px dotted #c2c2c2 !important /*NON-IE6*/;
	border-top: 1px solid #c2c2c2 /*IE6*/; border-bottom: 1px solid #c2c2c2 /*IE6*/;
	background:url(../img/homeNEW/bg_footer.png) no-repeat top center;
	margin-left: -10px !important /*NON-IE6*/; padding: 3px 10px 1px !important /*NON-IE6*/;
	margin-left: -5px /*IE6*/; padding: 3px 10px 1px 5px /*IE6*/; display:block /*IE6;*/;
	margin-bottom: 10px;
	width: 170px;
	color: #000
}

#sidebar1 h4 { font-size: 12px; margin-bottom: 10px; line-height: 14px; text-transform:uppercase; color:#19a8a5 }
#sidebar1 h5 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#1e8acb; font-size: 12px; margin-bottom: 10px; line-height: 14px }

#sidebar1 p {	font-size: 11px; line-height: 14px; margin-bottom: 10px; }
#sidebar1 b { font-size: 12px; font-weight:bold; color:#1e8acb }

#sidebar1 a:link { color: #19a8a5; text-decoration:none; font-weight:bold }
#sidebar1 a:visited { color: #19a8a5; text-decoration:none; font-weight:bold }
#sidebar1 a:hover { color: #000; text-decoration:underline }
#sidebar1 a:active { color: #19a8a5; text-decoration:none }

#sidebar1 ul { font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; margin-bottom: 10px; list-style-image:url(../img/buttons/bullet_arrow.png); margin-left: 15px !important /*NON-IE6*/; margin-left: 18px /*IE6*/; }
#sidebar1 li { margin-bottom: 10px; }
#sidebar1 li b { text-transform:uppercase; color:#A81933 }


/*    END LEFT SIDEBAR1 SETTINGS*/

/*    LEFT SIDEBAR1TEAL SETTINGS    */
#sidebar1Teal {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #b2dedd url(../img/homeNEW/boxTeal_leftside.png) repeat-y left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* 15px 10px 15px 20px padding keeps the content of the div away from the edges */
	font-family: Trebuchet MS;
}

#sidebar1Teal h1 { 
	font-size:20px; color:#000; 
	font-weight:bold; text-transform:uppercase;
	border-top: 1px dotted #4d4d4d; border-bottom: 1px dotted #4d4d4d; }
	
#sidebar1Teal h2 {    /*   To be used for headers inside rounded boxes  */
	margin-top: 10px; margin-bottom: 15px;
	border-bottom: 1px solid #993638;
	color:#993638; font-size:18px; font-weight:bold;
}

#sidebar1Teal h3 {
	font-size: 12px;
	/* IE6 does not display dotted lines very well hence the second line to use solid lines instead*/
	border-top: 1px dotted #c2c2c2 !important /*NON-IE6*/; border-bottom: 1px dotted #c2c2c2 !important /*NON-IE6*/;
	border-top: 1px solid #c2c2c2 /*IE6*/; border-bottom: 1px solid #c2c2c2 /*IE6*/;
	background:url(../img/homeNEW/bg_yellowGradient.png) no-repeat bottom center;
	margin-left: -9px; margin-bottom: 10px;
	width: 168px;
	padding: 3px 10px 1px;
	color: #000
}

#sidebar1Teal h4 { font-size: 12px; margin-bottom: 10px; line-height: 14px; color:#000; text-transform:uppercase }
#sidebar1Teal h5 { font-size: 11px; margin-bottom: 10px; line-height: 14px }

#sidebar1Teal p { font-size: 11px; line-height: 14px; margin-bottom: 10px; color:#000}

#sidebar1Teal a:link { color: #A81933; text-decoration:underline; font-weight:bold }
#sidebar1Teal a:visited { color: #000; text-decoration:none; font-weight:bold }
#sidebar1Teal a:hover { color: #11928f; text-decoration:none }   
#sidebar1Teal a:active { color: #0099CC; text-decoration:none; font-weight:bold }

#sidebar1Teal ul { font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; margin-bottom: 10px; list-style-image:url(../img/buttons/bullet_arrow.png); margin-left: 15px; }
#sidebar1Teal li { margin-bottom: 5px; color:#000 }

/*    END LEFT SIDEBAR1TEAL SETTINGS*/




/*    BEGIN RIGHT SIDEBAR2 SETTINGS    */

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 240px !important /*NON-IE6*/;  /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF url(../img/events/long_shadowbox.png) repeat-y top; /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 20px 0 !important /*NON-IE6*/; margin: 0px -5px 0 -5px /*IE6*/;
	padding: 0px 15px !important /*NON-IE6*/; padding: 0px -1px /*IE6*/; /* padding keeps the content of the div away from the edges */
	
	border-bottom: 1px dotted #c2c2c2; margin-top: 15px;
}

#sidebar2 p {
	font-family: Trebuchet MS; font-size: 12px; line-height: 14px; margin-bottom: 15px;
	padding-left: 0px !important /*NON-IE6*/;
	padding-left: 15px /*IE6*/;  }

#sidebar2 h1 {
	height:45px;
	font-size: 16px; color: #FFF; text-transform: uppercase; font-stretch:condensed;
	background: url(../img/homeNEW/head_teal_blank.png) no-repeat top center;    /* width of header graphic is 200px  */
	padding: 10px 5px 5px 15px !important /*NON-IE6*/;  padding: 10px 0px 0px 10px /*IE6*/;
	margin: -12px -14px 0px -14px !important /*NON-IE6*/; margin: 0px -24px 10px 0px  /*IE6*/;
}

#sidebar2 h2 { 
	height: 20px;  width: 256px;
	font-size: 10px; font-weight: bold; color: #FFF;
	background: url(../img/homeNEW/head_greyblue.png) no-repeat top center; 
	padding-left: 10px; padding-top:5px;
	margin-top: -10px !important /*NON-IE6*/; margin-left:-13px !important /*NON-IE6*/; margin-bottom: 10px !important /*NON-IE6*/;
	margin-top: -10px /*IE6*/; margin-left:0px /*IE6*/; margin-bottom: 10px /*IE6*/;
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#sidebar2 h3 { 
	height: 20px;  width: 254px;
	font-size: 10px; font-weight: bold; color: #4d4d4d;
	background: url(../img/homeNEW/head_grey.png) no-repeat top center; 
	padding-left: 10px; padding-top:5px;
	margin-top: -10px; margin-left:-12px; margin-bottom: 10px;
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#sidebar2 h4 { font-size: 12px; margin-bottom: 10px; margin-left: auto !important /*NON-IE6*/; margin-left: 15px /*IE*/ }

#sidebar2 h5 { font-size: 10px; margin-bottom: 10px; font-stretch:expanded; }

#sidebar2 ul { font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; 
	list-style-image: none;   /*url(../img/homeNEW/bullet_sq.png)*/ 
	background:#FFF url(../img/homeNEW/bg_gradientBox.png) repeat top left;
	margin: 10px -12px !important /*NON-IE6*/; padding: 15px 30px !important /*NON-IE6*/;
	margin: 10px -24px 10px 0px /*IE6*/; padding: 15px /*IE6*/;
}

#sidebar2 li { margin-bottom: 10px; font-size:11px; line-height: 16px; }
#sidebar2 b { font-size: 14px; font-weight: bold; color: #19A8A5; text-transform: uppercase }


/*    END RIGHT SIDEBAR2 SETTINGS    */


/*    BEGIN  MAIN CONTENT AREA (CENTER COLUMN SETTINGS)    */

#mainContent { 
	margin: 20px 270px 0 210px !important /*NON-IE6*/; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin: 20px 250px 0px 200px /*IE6*/; padding: 0px 50px 0 20px /*IE6*/;
	width: 424px;
	padding: 0px !important /*NON-IE6*/; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	border: 1px solid #c2c2c2
}
 
#mainContent p {
	font-size:11px;	line-height: 16px;
	margin-bottom: 15px; color: #000;
	padding: 0px 10px;
}

#mainContent h1 { font-stretch:condensed;
	border-bottom: 1px solid #4d4d4d;
	margin: 10px 10px
}

#mainContent h2 { font-stretch:condensed;
	margin: 10px 10px;
	color:#A81933
}

#mainContent h3 {
	font-stretch:condensed;
	margin-bottom: 5px;
	font-size: 12px; color: #19a8a5;
}

#mainContent h4 {
	font-size: 12px; color:#FFF;
	border-top: 1px dotted #c2c2c2; border-bottom: 1px dotted #c2c2c2;
	background: url(../img/homeNEW/head_blue.png) repeat-x top center;
	margin-bottom: 10px;
	width: 405px;
	padding: 5px 10px 6px;
}

#mainContent h5 {
	font-size: 12px; color:#FFF;
	border-top: 0px dotted #c2c2c2; border-bottom: 0px dotted #c2c2c2;
	background: url(../img/homeNEW/head_Blue400.png) no-repeat top left;    /* width of header graphic is 200px  */
	margin-bottom: 10px;
	width: 425px; height: 30px;
	padding: 10px 10px 0px;
}

#mainContent ol li { 
	list-style-image:url(../img/buttons/bullet_arrow.png); margin-left: 40px; font-size:10px; line-height:11px; color:#333333; 
}

#mainContent ul {
	list-style:none; 
	border-top: 1px dotted #c2c2c2; border-bottom: 1px dotted #c2c2c2; 
	padding: 10px 15px 5px;
	margin-bottom: 10px;
	background: #EFEFEF  }

#mainContent li { margin-bottom: 10px; font-size:11px; }

#mainContent li p { margin: 5px 0; font-size:10px; line-height: 12px }

#mainContent b { font-weight: bold; color: #000; font-size: 11px; line-height: 14px; } 

#mainContent blockquote { padding: 0 30px; color:#A81933; }
#mainContent blockquote b { color:#000; text-transform:uppercase; }

#mainContent a:link { color: #19a8a5; text-decoration:none; font-weight:bold }
#mainContent a:visited { color: #19a8a5; text-decoration:none; font-weight:bold }
#mainContent a:hover { color: #000; text-decoration:underline }
#mainContent a:active { color: #19a8a5; text-decoration:none }



/*    END  MAIN CONTENT AREA (CENTER COLUMN SETTINGS)    */


/*    BEGIN LEFT SIDEBOXWIDE SETTINGS    */
#sideboxwide {
	float: left; /* since this element is floated, a width must be given */
	width: 635px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF url(../img/homeNEW/boxPlain_leftside.png) repeat-y left top !important /*NON-IE6*/; /* the background color will be displayed for the length of the content in the column, but no further */
	background: #FFF url(../img/homeNEW/boxPlain_leftside.gif) repeat-y left top /*IE6*/; 
	padding: 0px 0px 0px 0px; /* 15px 10px 15px 20px padding keeps the content of the div away from the edges */
	font-family: Trebuchet MS;
}

#sideboxwide h1 { font-family: Verdana; font-size: 12px; margin: 20px 10px 10px 10px; line-height: 14px; color:#1e8acb }

#sideboxwide h2 {    /*   To be used for headers inside rounded boxes  */
	margin-top: -5px; margin-bottom: 15px;
	border-bottom: 1px solid #999999;
	color:#4D4D4D; font-size:18px; font-weight:bold;
}

#sideboxwide h3 {
	font-size: 12px; line-height: 14px;
	
	/* IE6 does not display dotted lines very well hence the second line to use solid lines instead*/
	border-top: 1px dotted #c2c2c2 !important /*NON-IE6*/; border-bottom: 1px dotted #c2c2c2 !important /*NON-IE6*/;
	border-top: 1px solid #c2c2c2 /*IE6*/; border-bottom: 1px solid #c2c2c2 /*IE6*/;

	background:url(../img/homeNEW/bg_footer.png) repeat-x top center;
	margin-left: -10px !important /*NON-IE6*/; padding: 8px 10px 7px !important /*NON-IE6*/;
	margin-left: -5px /*IE6*/; padding: 8px -10px 7px 10px /*IE6*/;
	margin-bottom: 10px;
	width: 605px  !important /*NON-IE6*/;  width: 600px /*IE6*/;
	
	color: #000
}

#sideboxwide h3 a img { 							/*   to position btn_more.gif/btn_expand.gif  */
	position:relative; float:right; 
	margin-top:-13px !important /*NON-IE6*/;
	margin-top: -13px /*IE6*/; position: static /*IE6*/; padding-right: 10px /*IE6*/
}  

#sideboxwide h4 { font-size: 12px; margin-bottom: 10px; line-height: 14px; color:#000; text-transform:uppercase;  }
#sideboxwide h5 { font-family: Verdana; font-size: 14px; margin: 20px 10px 10px 10px; line-height: 14px; color:#19a8a5 }  /*color:#626E7A*/

#sideboxwide p { color:#4d4d4d; font-size: 11px; line-height: 14px; margin: 10px; font-family:Verdana, Arial, Helvetica, sans-serif }
#sideboxwide blockquote { padding: 0 30px; color:#A81933; }
#sideboxwide blockquote p { color:#4d4d4d; font-family:Verdana, Arial, Helvetica, sans-serif }
#sideboxwide blockquote p b { color:#000; font-size:10px; }
#sideboxwide blockquote em { color:#000; font-weight:bold; }
#sideboxwide b { color:#000; text-transform:uppercase; }

#sideboxwide a:link { color: #19a8a5; text-decoration:none; font-weight:bold }
#sideboxwide a:visited { color: #19a8a5; text-decoration:none; font-weight:bold }
#sideboxwide a:hover { color: #000; text-decoration:underline }
#sideboxwide a:active { color: #19a8a5; text-decoration:none }

#sideboxwide ul { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin-bottom: 10px; list-style-image:url(../img/buttons/bullet_arrow.png); margin-left: 25px; }
#sideboxwide li { margin-bottom: 10px; }
#sideboxwide li b { color:#A81933 }

#sideboxwide ol { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin-bottom: 10px;  margin-left: 25px; }


/*    END LEFT SIDEBOXWIDE SETTINGS*/


/*    BEGIN RIGHT sidebox2 SETTINGS    */

#sidebox2 {
	float: right; /* since this element is floated, a width must be given */
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF url(../img/homeNEW/bg_gradientBoxMain.png) repeat-y top center; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px; /* padding keeps the content of the div away from the edges */
	border: 1px solid #4d4d4d; margin-top: 0px;  /*15px*/
}

#sidebox2 p {
	font-family: "Trebuchet MS"; font-size: 12px; line-height: 14px; margin-bottom: 15px; }

#sidebox2 h1 {
	height:35px; width: 250px;
	font-size: 14px; color: #4d4d4d; text-transform: uppercase; font-stretch:condensed;
	background: url(../img/homeNEW/bg_head_globalnav.gif) repeat-x top center;    /* width of header graphic is 200px  */
	border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; border-top: 1px solid #4d4d4d;
	margin: -1px 0 0 -11px !important /*NON-IE6*/; margin: -1px -11px 0 -11px /*IE6*/;
	
	
	padding-top: 10px; padding-bottom: 10px; padding-left: 10px;  /*0px 5px 5px 15px;*/
	margin-left: -11px; margin-top: -1px  /*0px -14px 0px -10px;*/
}

#sidebox2 h2 { 
	height: 20px;  width: 248px !important /*NON-IE6*/; width:auto /*IE6*/;
	font-size: 10px; font-weight: bold; color: #FFF;
	background: url(../img/homeNEW/head_greyblue.png) no-repeat top center; 
	margin: 0 0 10px -9px !important /*NON-IE6*/;  margin: 0 -9px 10px -9px /*IE6*/;  
	padding: 5px 0 0 10px !important /*NON-IE6*/;  padding: 5px 0 0 10px /*IE6*/; 
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#sidebox2 h3 { 
	height: 20px;  width: 248px;
	font-size: 11px; line-height:12px; font-weight: bold; color: #0a706e;
	background: url(../img/homeNEW/bg_sidebox2_teal.png) repeat-x top center; 
	padding-left: 10px; padding-top:8px;
	margin-top: -10px; margin-left:-9px; margin-bottom: 10px;
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#sidebox2 h4 { font-size: 12px; margin-bottom: 10px; }

#sidebox2 h5 { font-size: 10px; margin-bottom: 10px; font-stretch:expanded; }

#sidebox2 h6 {                         /*  use when this heading needs to be at the top of box   */
	height: 20px;  width: 248px !important /*NON-IE6*/; width:auto /*IE6*/;
	font-size: 10px; font-weight: bold; color: #FFF;
	background: url(../img/homeNEW/head_blue.png) no-repeat top center;
	margin: 0 0 10px -9px !important /*NON-IE6*/; margin: 0px -9px 10px -9px /*IE6*/;
	padding: 5px 0 0 10px !important /*NON-IE6*/;      padding: 5px 0 0 10px  /*IE6*/;
	border-top: 1px solid #85ace5; border-bottom: 1px solid #28559a;
}


#sidebox2 ul { font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; line-height: 12px; margin-bottom: 10px; list-style-image:url(../img/buttons/bullet_arrow.png); margin-left: 25px; }

#sidebox2 li { margin-bottom: 5px; }

#sidebox2 a:link { color: #000; text-decoration:none;  }
#sidebox2 a:visited { color: #000; text-decoration:none; }
#sidebox2 a:hover { color: #19a8a5; text-decoration:underline }
#sidebox2 a:active { color: #000; text-decoration:none }


/*    END RIGHT sidebox2 SETTINGS    */


/*    BEGIN footer SETTINGS    */
#footerContainer a:link { color: #626e7a; text-decoration:none }
#footerContainer a:visited { color: #626e7a; text-decoration:none }
#footerContainer a:hover { color: #19a8a5; text-decoration:none }
#footerContainer a:active { color: #19a8a5; text-decoration:none }	
/*    END footer SETTINGS    */





/*  BEGIN - ROUNDED CORNERS BOX CODE     */

.top { 
	width:100%; 
	height:20px;   /*   height declared to fit rounded corners and keep content at enough distance so corners don't overlap  */
	background: url(../img/homeNEW/boxPlain_top.png) no-repeat left top !important /*Non-IE6*/; 

} 

.top span { 
	display:block;    /*  span is an inline element by default; this line turns it into a block level element and it now expands to fill the parents width in the way that other normal block elements would */
	position:relative; 
	height:20px;   /*  20px  */
	background: url(../img/homeNEW/boxPlain_topCorner.png) no-repeat right top;
} 

.center-content { 
	position:relative; 
	background: url(../img/homeNEW/boxPlain_rightside.png) repeat-y right top !important /*Non-IE6*/; 
	background: url(../img/homeNEW/boxPlain_rightside.gif) repeat-y right top /*IE6*/; 
	padding: 1px 15px 1px 15px !important /*NON-IE6*/;    		/*   padding:1px 20px 1px 25px;    */
	margin:0px 0px -50px 0px !important /*NON-IE6*/;            /*   margin:-1px 0 -50px 0;        */
	margin: 0px 0px -20px 0px /*IE6*/; padding: 1px 10px /*IE6*/;
} 

.bottom { 
	height:60px; 
	background: url(../img/homeNEW/boxPlain_bottom.png) no-repeat left bottom; 
} 

.bottom span { 
	display:block; 
	position:relative; 
	height:60px; 
	z-index:1;
	background: url(../img/homeNEW/boxPlain_bottomCorner.png) no-repeat right top; 
}
 
/*  END - ROUNDED CORNERS BOX CODE      */



/*  BEGIN - ************   TEAL TEAL TEAL    ***********  ROUNDED CORNERS BOX CODE     */

.topTeal { 
	width:100%; 
	height:20px;   /*   height declared to fit rounded corners and keep content at enough distance so corners don't overlap  */
	background: url(../img/homeNEW/boxTeal_top.png) no-repeat left top; 
} 

.topTeal span { 
	display:block;    /*  span is an inline element by default; this line turns it into a block level element and it now expands to fill the parents width in the way that other normal block elements would */
	position:relative; 
	height:20px;   /*  20px  */
	background: url(../img/homeNEW/boxTeal_topCorner.png) no-repeat right top;
} 

.center-contentTeal { 
	position:relative; 
	background: url(../img/homeNEW/boxTeal_rightside.png) repeat-y right top; 
	padding: 1px 15px 1px 15px;    /*   padding:1px 20px 1px 25px;    */
	margin:0 0 -50px 0;            /*   margin:-1px 0 -50px 0;        */
} 

.bottomTeal { 
	height:60px; 
	background: url(../img/homeNEW/boxTeal_bottom.png) no-repeat left bottom; 
} 

.bottomTeal span { 
	display:block; 
	position:relative; 
	height:60px; 
	background: url(../img/homeNEW/boxTeal_bottomCorner.png) no-repeat right top; 
}
 
/*  END - ************   TEAL TEAL TEAL    ***********   ROUNDED CORNERS BOX CODE      */




/*  CSS for the drop shadow technique  */

.img-shadow {
  float:left;
  /*  background: url(../img/homeNEW/shadowAlpha.png) no-repeat bottom right;   */
  margin: 10px 10px 5px 5px  /*  15px 0 0 10px !important;  */
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  }
     
.img-shadowR {
  float:right;
  position:relative /*IE6*/;
  /*background: url(../img/homeNEW/shadowAlpha.png) no-repeat bottom right;  */
  margin: 5px -5px 0px 0px !important /*NON-IE6*/;  /*  15px 0 0 10px !important;  */
  margin: 5px -2px 0px 0px /*IE6*/;
  padding: 0 0 5px 10px !important /*NON-IE6*/; padding: 0 0 5px 10px /*IE6*/; 
}
   
.img-shadowR img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 4px;
} 
  
.img-shadowCenter {
	padding-left: 30px;
	/*  background: url(../img/homeNEW/shadowAlpha.png) no-repeat bottom right;   */
	margin: 20px 10px 20px 5px  /*  15px 0 0 10px !important;  */
}
 
.img-shadowCenter img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 4px;
}
    
/*   END drop shadow technique  */


/*  TABLE settings  */
.tableHeaderRow {background: url(../img/bg_tableheader_benefits.gif); background-repeat:repeat-x; color:#FFF; font-weight:bold }
.tableRowOdd {font-size:10px; background:#f2f2f2; vertical-align:top; padding: 6px; border-left: 1px dotted #c2c2c2; }
.tableRowEven {font-size:10px; background:#c7f9fb; vertical-align:top; padding: 6px; border-left: 1px dotted #c2c2c2; }
.table2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px auto 10px; border: 1px solid #c2c2c2; }


.dottedRule { border-top: #2c2c2c 1px dotted; margin-bottom: 5px; }
.solidRule { border-top: #999999 1px solid; margin-bottom: 10px; }
.textAlignRight { text-align: right; }
.caption { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; margin-bottom: 10px }




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.floatrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.floatlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

/*   applies transparency settings compatible with all browsers   */
.transparent_class {
	filter:alpha(opacity=55);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.btnExpand { 
	float:right !important /*Non-IE6*/;
	display:inline /*IE6*/;
	margin-top: -13px; 
}

.sidebar2_264wide { /*  use for full width graphic in SIDEBAR2 column  */
	margin-left: -12px !important /*Non-IE6*/; margin-bottom:-3px !important /*Non-IE6*/;
	margin-left: 0px /*IE*/; margin-bottom:-3px /*IE6*/; 
}  

.sidebox2_260wide { /*  use for full width graphic in SIDEBAR2 column  */
	margin: 0 0 -2px -10px !important /*Non-IE6*/; width: 260px !important /*Non-IE6*/;
	margin-left: -10px /*IE6*/; margin-bottom: -3px /*IE6*/; margin-right: -10px /*IE6*/
}  



/*    BEGIN  CENTER CONTENT AREA (CENTER COLUMN SETTINGS)    */

#centerContent { 
	margin: 0px auto  !important /*NON-IE6*/; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin: 0px /*IE6*/; padding: 10px  /*IE6*/;
	width: 890px;
	padding: 10px !important /*NON-IE6*/; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF
}
 
#centerContent p {
	font-size:11px;
	line-height: 16px;
	margin-bottom: 15px; color: #000;
}

#centerContent h1 { font-stretch:condensed; color:#19a8a5;
	border-bottom: 0px solid #4d4d4d;
	margin-bottom: 10px;
}

#centerContent h2 { font-stretch:condensed;
	margin-bottom: 10px;
	color:#A81933
}

#centerContent h3 {
	font-stretch:condensed;
	margin-bottom: 5px;
	font-size: 12px; color: #19a8a5;
}

#centerContent h4 {
	font-size: 12px; color:#FFF;
	/* IE6 does not display dotted lines very well hence the second line to use solid lines instead*/
	border-top: 1px dotted #c2c2c2 !important /*NON-IE6*/; border-bottom: 1px dotted #c2c2c2 !important /*NON-IE6*/;
	border-top: 1px solid #c2c2c2 /*IE6*/; border-bottom: 1px solid #c2c2c2 /*IE6*/;

	background: url(../img/homeNEW/head_greyblue.png) repeat-x top center;
	margin-bottom: 10px;
	width: 870px;
	padding: 5px 10px 6px;
}

#centerContent ol li { 
	list-style-image:url(../img/buttons/bullet_sq.png); margin-left: 40px; font-size:10px; line-height:11px; color:#333333; 
}

#centerContent ul {
	list-style:none; 
	border-top: 1px dotted #c2c2c2; border-bottom: 1px dotted #c2c2c2; 
	padding: 10px 15px 5px;
	margin-bottom: 10px;
	background: #EFEFEF  }

#centerContent li { margin-bottom: 10px; font-size:11px; }

#centerContent li p { margin: 5px 0; font-size:10px; line-height: 12px }

#centerContent b { font-weight: bold; color: #000; font-size: 11px; line-height: 14px; } 

#centerContent blockquote { padding: 0 30px; color:#A81933; }
#centerContent blockquote b { color:#000; text-transform:uppercase; }

#centerContent a:link { color: #19a8a5; text-decoration:none; font-weight:bold }
#centerContent a:visited { color: #19a8a5; text-decoration:none; font-weight:bold }
#centerContent a:hover { color: #000; text-decoration:underline }
#centerContent a:active { color: #19a8a5; text-decoration:none }

.logo { margin-top: -10px !important /*NON-IE6*/; margin-top: 0px /*IE6*/;  }                  /***   padding to center logo vertically in header     ***/


/*    END  MAIN CONTENT AREA (CENTER COLUMN SETTINGS)    */