/* 
 ----------------------------------------------------------------------------
  Copyright CMTM, Inc 2008. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - styles.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* global elements
 * ------------------------------------------------------------------------- */
body { background-color: #f2f2f2; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a { color: #1cb0b3; }
h1,h2,h3,h4,h5,h6 { color: #1cb0b3; font-weight: bold; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif }
textarea, input, table { font-family: Arial, Helvetica, sans-serif; }
.bluebold { color: #1cb0b3; font-weight: bold; }
.imgright { margin: 5px 0px 5px 10px; }
.imgleft { margin: 5px 10px 5px 0px; }
.btn_learn { background: url(../images/home/btn_learnmore.gif) no-repeat; display: block; height: 18px; width: 91px; }
	.btn_learn span { display: none; }
.btn_learnb { background: url(../images/home/btn_learnmoreb.gif) no-repeat; display: block; height: 18px; width: 91px; }
	.btn_learnb span { display: none; }


/* framework
 * ------------------------------------------------------------------------- */
#container { margin: 0px; padding: 0px; width: 100%; background-color: #ffffff; text-align: center; }
#container:after, #content_area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#top_section { width: 100%; background: url(../images/home/top_bg.gif) top repeat-x; text-align: center;}
	#top_area { height: 94px; width: 980px; margin: 0px auto 0px auto; padding: 0px; text-align: left; }
		#logo_area { width: 317px; height: 94px; float: left; }
			#logo_area span { display: none; }
			#logo_area a { display:block; height: 94px; width: 150px; }
		#top_menu { width: 663px; height: 94px; float: left; color: #c0bfbf; font-size: 11px; text-align: right; }
			#top_menu p { padding: 0px 16px 0px 0px; }
			#top_menu a { color: #454673; text-decoration: none; }
			#top_menu a:hover { text-decoration: underline; }
				#top_menu1 { padding: 10px 16px 0px 0px; }
				#top_menu2 { padding: 45px 16px 0px 0px; }
	
	#navigation { height: 30px; width: 980px; background: url(../images/home/nav.gif) no-repeat; margin: 0px auto 0px auto; text-align: left; font-weight: bold; color: #49545c; font-size: 11px; }
		#navigation a { color: #ffffff; text-decoration: none; }
		#navigation a:hover { text-decoration: underline; }
		#navigation p { padding: 8px 0px 0px 16px; }
		
		/* Drop Down */

		.anylinkcss{ position:absolute; visibility: hidden; line-height: 18px; z-index: 100; background-color: #E9FECB;	width: 205px; }

		/* NOTE: changed the width to 150% from 100% because the words were wrapping. */
		.anylinkcss a{ width: 100%;	display: block;	text-indent: 3px; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; }
		.anylinkcss a:hover{ background-color: #1f2b33; color: #FFFFFF; }

#middle_area { height: 230px; width: 980px; margin: 0px auto 0px auto; text-align: left; }
	#flash { width: 696px; height: 230px; float: left; }
	#home_contact { width: 284px; height: 230px; background: url(../images/home/contact_bg.jpg) top no-repeat; float: left; color: #cff1f2; font-size: 11px; }
		#home_contact form { padding: 12px 0px 0px 0px; }
		#home_contact p { margin: 5px 0px 5px 0px; }
		#home_contact h3 { font-size: 20px; font-weight: normal; color: #ffffff; }
		#home_contact table { width: 267px; color: #cff1f2; font-size: 11px; }
		#home_contact table td { vertical-align: top; }
	#sub_contact { width: 296px; height: 230px; background: url(../images/home/subcontact_bg.jpg) top no-repeat; color: #cff1f2; font-size: 11px; margin: 0px 0px 12px 0px; }
		#sub_contact form { padding: 12px 0px 0px 14px; }
		#sub_contact p { margin: 5px 0px 5px 0px; }
		#sub_contact h3 { font-size: 20px; font-weight: normal; color: #ffffff; }
		#sub_contact table { width: 267px; color: #cff1f2; font-size: 11px; }
		#sub_contact table td { vertical-align: top; }
			.quick_field { width: 130px; height: 21px; border-width: 1px; border-style: solid; border-color: #dcdcdc; color: #1f2b33; font-size: 11px; padding: 2px 0px 0px 2px; }
			.quick_text { width: 130px; height: 67px; border-width: 1px; border-style: solid; border-color: #dcdcdc; color: #1f2b33; font-size: 11px; padding: 2px 0px 0px 2px; }

#content_area { width: 980px; margin: 12px auto 0px auto; text-align: left; }
	#left_column { width: 673px; margin: 0px 11px 0px 0px; float: left; }
		#feature_buttons { width: 673px; height: 84px; background: url(../images/home/feature_bg.gif) no-repeat; font-size: 11px; line-height: 16px; }
			#feature_buttons a { text-decoration: none; }
				#feature_buttons a:hover { text-decoration: underline; }
			#feature_buttons li { width: 331px; height: 84px; float: left; }
			#left_button { margin: 0px 11px 0px 0px; background: url(../images/home/feature_lf.gif) no-repeat 1px 1px;}
			#right_button { margin: 0px;  background: url(../images/home/feature_rt.gif) no-repeat 1px 1px;}
				#feature_buttons h4 { color: #000000; font-size: 16px; font-weight: normal; padding: 10px 16px 0px 75px }
				#feature_buttons p { padding: 3px 16px 5px 75px }
		#main_content { width: 673px; background: url(../images/home/maincontent_bg.gif) no-repeat top left; line-height: 18px; margin-top: 12px; }
			#main_content li { background: url(../images/home/bullet.gif) no-repeat 0px 6px; line-height: 18px; padding: 0px 0px 0px 8px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #dedfe1; font-weight: bold; }
				#main_content li li { background: none; padding: 0px 0px 0px 7px; border: none; font-weight: normal; font-size: 11px; }
			#main_content_body { padding: 13px 16px 25px 16px; }
			#main_content h1 { font-size: 25px; color: #3d3f76; font-weight: bold; padding: 0px 0px 10px 0px; line-height: 25px; }
			#main_content p { margin: 0px 0px 10px 0px; }
				#contact_form td { text-align: left; }
					.label_column { text-align: right; font-size: 12px;  }
					.contact_field { width: 225px; height: 22px; border-width: 1px; border-style: solid; border-color: #dcdcdc; color: #1f2b33; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 5px; }
					.contact_text { width: 225px; height: 75px; border-width: 1px; border-style: solid; border-color: #dcdcdc; color: #1f2b33; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 5px; }
	
	#right_column { width: 296px; float: left; }	
		#countrytabs li div {display: inline; }
		/* tabbed content */
		
		#tab_content { overflow-y: auto; height: 500px; border:1px solid #dedfe1; margin-bottom: 1em; padding: 10px; background-color: #f8f3e3; line-height: 18px; }
			#tab_content p { margin: 0px 0px 10px 0px; font-size: 11px; }
			#tab_content a { color: #424380; text-decoration: none; }
			#tab_content a:hover { color: #424380; text-decoration: underline; }
		
		/* ######### 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 #dedfe1;
		color: #2d2b2b;
		background-image: url(../images/home/shadeactive.gif);
		}
		
		.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: white url(../images/home/shade.gif) top left repeat-x;
		border-bottom-color: #f8f3e3;;
		}
		
		.shadetabs li a.selected:hover{ /*selected main tab style */
		text-decoration: none;
		}
		
		.tabcontent{
		display:none;
		}
		
		@media print {
		.tabcontent {
		display:block !important;
		}
		}

#aqua_section { width: 100%; background: url(../images/home/blue_bg.gif) top repeat-x; background-color: #37c1c3;  text-align: center; margin-top: 15px; }
	#aqua_container { width: 980px; margin: 0px auto 0px auto; text-align: left; padding: 15px 16px 15px 16px; color: #ffffff; line-height: 18px; }
		#aqua_content { width: 653px; }
		#aqua_content h3 { color: #ffd95f; font-size: 16px; font-weight: normal; margin: 0px 0px 10px 0px; }
		#aqua_content p { margin: 0px 0px 10px 0px; }

#footer_section { width: 100%; background: url(../images/home/footer_bg.gif) top repeat-x; background-color: #f2f2f2;  text-align: center; }	
	#footer_area { background: url(../images/home/footer_logo.gif) top right no-repeat; width: 980px; margin: 0px auto 0px auto; padding: 13px 0px 40px 0px; text-align: left; font-size: 11px; }
		#footer_area p { margin: 0px 70px 10px 16px; line-height: 18px; color: #868686; }
		#footer_area h4 { font-size: 23px; font-weight: bold; padding: 0px 0px 10px 14px; letter-spacing: -1px; }
			#footer_area a { color: #868686; text-decoration: none; }
				#footer_area a:hover { text-decoration: underline; }