/* -------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); height:600px} */
/*#top {border:1px solid #f00;}
#body {border:1px solid #f00;}*/

body {margin:0 auto; color:#666; text-align:center; background-color:#fff;}
body, div {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; text-align:left}

.header {width:100%; clear:both; background: url(../../img/top-bg.png) repeat-x top; height:100px;} 
.home-banner {width:100%; clear:both; height:250px; margin:2px 0 0 0;}
.main-content-area {width:100%; clear:both; background: #fff url(../../img/body-bg.png) repeat-x top; margin:3px 0 0 0; min-height:300px} 
.right {text-align:right; float:right}
a { outline:none}
.left{ float:left}
.flashcontent {width:580px; height:273px; background-color:#000;}

a, a:hover {outline:none; color:#fff; text-decoration:underline}
a:visited{ color:#FFF}
.border {border:1px solid #f00}

.border1 {border:1px solid #00f}

.prepend-10px {padding-left: 10px; }  
.prepend-20px {padding-left: 20px; }  

.append-10px {padding-right: 10px; }  
.append-20px {padding-right: 20px; }  

td{ border-bottom:none}
.container {}
.link {color:#00FF00;}
h1{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:18px; font-weight:bold; padding:0 0 0 13px}
h2{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold; padding:0 0 0 0px}
h3{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; font-weight:bold; padding:0 0 0 0px}
.top { vertical-align:top}
.logo{ background:url(../../img/logo_old.png) no-repeat 0 0; padding:10px 0 0 10px; height:72px; width:276px; display:block; margin-top:10px}
*html .logo{ background:url(../../img/logo.jpg) no-repeat 0 0; padding:10px 0 0 10px; height:65px; width:272px}


.top-right-side {margin-right:0; width:530px}

.loginarea {background:url(../../img/top-login.png) repeat-x 0 0; height:69px;}
.loginarea  a{ text-decoration:none; color:#FF0000}
.loginarea  a:hover{ text-decoration:underline; color:#FF0000}
.loginarea h1 {font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; cursor:default; margin:0; padding:10px 0 0 10px; text-transform:uppercase}
.loginarea ul {margin:5px 0 0 10px; *margin:5px 0 0 5px; clear:both}
.loginarea li {float:left; font-size:11px; font-weight:normal; list-style-type:none; margin:0 3px 3px 0; *margin:0 0 0 5px; font-size:10px; color:#ccc}
.loginarea li a {color:#d00; text-decoration:none}
.loginarea li a:hover {color:#fff; text-decoration:underline}

.smalllogin table {margin:0; padding:0; width:250px;}
.smalllogin td {padding:0 0 0 5px; margin:0; width:100px; vertical-align:top; height:15px;  color:#dfdbdd}
.smalllogin .last-td {padding-right:10px; text-align:right; font-size:10px}
.smalllogin td input {margin:0}

.login-box-input {border:1px solid #666; font-size:11px; padding:2px 0 2px 2px; width:90px; margin:0; vertical-align:top}

.button{background: url(../../img/login-button.png) repeat-x 0 0; color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; border:#666666 1px solid; padding:1px 10px 2px 5px}

.input{ border:#666; background-color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000}

/*making the Navigation*/
#navigation { font-size:12px; font-weight:bold; line-height:30px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;  float:right}
*html #navigation{ margin-top:-5px;}
#navigation a {color: #fff; background: url(../../img/left-tab.png) left top no-repeat;text-decoration: none; padding-left: 13px}
#navigation a span{background: url(../../img/right-tab.png) right top no-repeat; padding-right: 13px}
#navigation a, #navigation a span{display: block;float: left}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{float: none}
/* End hide */
.navigation { width:605px; float:right; border-bottom:none;  margin-top:9px; margin-bottom:-12px}
*html .navigation{ margin-bottom:-14px}
#navigation a:hover, #navigation a.selected{color: #031435;background: url(../../img/left-tab-hover.png) left top no-repeat;padding-left:13px}
#navigation a:hover span, #navigation a.selected span{background: url(../../img/right-tab-hover.png) right top no-repeat; padding-right: 13px}

#navigation ul{list-style:none; padding:0; margin: 0}
#navigation li{float: left;margin: 0 3px 0 0;list-style-type:none; text-transform:uppercase}


/*making the Navigation2*/
#navigation2 { font-size:10px; font-weight:bold; line-height:30px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
#navigation2 a {color: #fff; background: url(../../img/left-tab2.png) left 3px no-repeat;text-decoration: none; padding-left:15px; }
#navigation2 a span{background: url(../../img/right-tab2.png) right 3px no-repeat; padding-right:15px; padding-bottom:-10px}
#navigation2 a, #navigation2 a span{display: block;float: left}

/* Hide from IE5-Mac \*/
#navigation2 a, #navigation2 a span{float: none}
/* End hide */
.navigation2 {float:left; border-bottom:none; margin-top:-2px; *margin-top:3px;}
#navigation2 a:hover{color: #fc9119;background: url(../../img/left-tab-hover2.png) left 3px no-repeat;padding-left:15px }
#navigation2 a:hover span{background: url(../../img/right-tab-hover2.png) right 3px no-repeat;padding-right:15px}

#navigation2 a.selected {color: #fc9119;background: url(../../../img/left-tab-hover2.png) left 3px no-repeat;padding-left:15px}
#navigation2 a.selected span{background: url(../../img/right-tab-hover2.png) right 3px no-repeat;padding-right:15px}

#navigation2 ul{list-style: none;padding: 0;margin: 0}
#navigation2 li{float: left;margin: 0 3px 0 0;list-style-type:none; }


.rightarea{ width:243px; height:58px; float:right; background:url(../../img/searchBg.png) no-repeat 0 0;}
.searchBg{ height:58px; float:left; width:252px; margin-top:0; padding-top:2px; *padding-top:2px; padding-left:-10px; }
 
.searchBg2{  float:left; width:242px; 
 margin-top:0; padding-top:2px; *padding-top:2px; padding-left:-10px; }
 
 .searchBg2 li{ list-style:none; float:left; text-align:left; margin-right:10px }
.searchBg2 ul{ margin:0 0 0 10px; padding:0}
 
.searchBgtext{ float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-size:10px; padding-left:10px} 

.searchBg li{ list-style:none; float:left; text-align:left; *margin-left:-11px; margin-left:0; margin-right:2px; *margin-right:-2px;}
.searchBg li a {text-decoration:none;}
.searchBg li a:hover {text-decoration:underline;}
.searchBg ul{ margin:0 0 0 10px; padding:0;}
.button2{ margin:0; padding:0; margin-left:-10px}


.logintext{ font-family:Arial, Helvetica, sans-serif; color:#fcaf19; padding-left:270px; margin-bottom:-13px; }
.logintext a{ color:#fcaf19; text-decoration:underline}


.heading{ background:url(../../img/plannerHeadBg.png) repeat-x top; height:35px; width:460px;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; color:#dd0000; padding:19px 0 0 10px; margin:0 ; text-transform:uppercase; margin-top:2px}
.heading2, .heading3{text-align: left; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; color:#dd0000; text-transform:uppercase; font-weight:normal;}
.heading2{ padding:10px 0 0 10px;  margin-bottom:-25px}
.heading3{ padding:10px 0 0 10px; margin-top:10px; *margin-top:0; margin-bottom:-52px; *margin-bottom:-54px}

.personalPlanner{background:url(../../img/personalPlannerBg_short.png) no-repeat 0 0; width:350; height:136px; padding:15px 20px 0 130px; margin-top:-18px}
.personalPlanner h1, .personalPlanner li{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px} 
.personalPlanner h1{color:#094574; font-weight:bold; text-transform:uppercase; }
.personalPlanner li{ background:url(../../img/bullet.png) no-repeat 10px 6px; list-style:none; color:#000; padding:0 0 0 25px;}
.personalPlanner ul{ padding:0; margin:0}

.Plannerpro{ background:url(../../img/plaannerProBg_short.png) no-repeat 0 0; width:350; height:136px; padding:15px 20px 0 130px; margin-top:-18px}
.Plannerpro h1, .Plannerpro li{  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px} 
.Plannerpro h1{color:#094574; font-weight:bold; text-transform:uppercase; }
.Plannerpro li{ background:url(../../img/bullet.png) no-repeat 10px 6px; list-style:none; color:#000; padding:0 0 0 25px; margin:0}
.Plannerpro ul{ padding:0; margin:0}

.button_blue, .button_green{ border:none; margin-top:6px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; font-weight:bold;  color:#fff; width:219px; height:26px}
.button_blue:hover, .button_green:hover{color:#fff000;}
.button_blue{ background:url(../../img/button_blue.png) no-repeat 0 0;  padding:2px 0 5px 18px;}
.button_green{ background:url(../../img/button_green.png) no-repeat 0 0; border:none; margin-top:6px; padding:2px 0 5px 18px ;}

.blueBg, .blueBg p, .blueBg li, .greenBg, .greenBg p, .greenBg li, .blueBg2 { font-family:Tahoma, Arial, Helvetica, sans-serif;  font-size:11px;} 
.blueBg2, .blueBg{ background:#fff url(../../img/featuredBg.png) repeat-x top; color:#000; margin-top:21px; padding:8px 5px 0 10px;}
.greenBg{ background:#fff url(../../img/greenBg.png) repeat-x top; color:#000;  padding:0 5px 0 10px; margin-top:22px;}
.blueBg p, .greenBg p{ background:url(../../img/icon_arrow.png) no-repeat 0 10px; font-weight:bold; color:#dd0000; padding:10px 0 5px 30px}
.blueBg2 p{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
.blueBg p a, .greenBg p a{ color:#dd0000; text-decoration:none}
.blueBg p a:hover, .greenBg p a:hover{ color:#dd0000; text-decoration:underline}
.blueBg li, .greenBg li{ background: url(../../img/bullet.png) no-repeat 0 17px; list-style:none; color:#000; padding:10px 0 0 15px;  text-align:left; margin:0} 
.blueBg ul, .greenBg ul{ margin:0; padding:0}

.blacktext{ color:#000; text-decoration:none}
.blacktext a{ color:#000; text-decoration:none}
.blacktext a:hover{ color:#000; text-decoration:underline}

.greyborder{ border:#d8d8d8 5px solid}
#blogarea { margin:0; padding:0}
#blogarea li{ list-style:none; float:left }
#blogarea ul{ margin:0; padding:0}

.google, .adobe, .blog, .arrow{ list-style:none; color:#000; padding:0 0 5px 30px;  text-align:left; font-family:Tahoma, Arial, Helvetica, sans-serif;  font-size:11px; color:#dd0000; font-weight:bold; margin-bottom:8px}
.google{ background:url(../../img/google.png)  no-repeat 0 0; }
.adobe{  background:url(../../img/adobe.png)  no-repeat 0 0; }
.blog{ background:url(../../img/blog.png)  no-repeat 0 0; }
.arrow{ background:url(../../img/icon_arrow.png) no-repeat 0 0; }

.google, .adobe, .blog, .arrow{ color:#dd0000; text-decoration:none}
.google a, .adobe a, .blog a, .arrow a{ color:#dd0000; text-decoration:none}
.google a:hover, .adobe a:hover, .blog a:hover, .arrow a:hover{ color:#dd0000; text-decoration:underline}

.footer{ width:100%; background:#fff url(../../img/bottom_bg.png) repeat-x 0 10px; height:120px; padding-top:20px}
.bottom{ font-family:Tahoma, Arial, Helvetica, sans-serif; color:#666666; font-size:11px;  text-align:center; margin-top:10px; }
.bottom a{ color:#666666; text-decoration:none;}
.bottom a:hover{ color:#666666; text-decoration:underline;}

.copyright{ font-family:Tahoma, Arial, Helvetica, sans-serif; color:#666666; font-size:11px;  text-align:center; margin-top:30px; }
.copyright a{ color:#666666; text-decoration:none}
.copyright a:hover{ color:#dd0000; text-decoration:underline}

.innerrightarea{ float:left; width:690px}
em, .em {background-color:none; background:none;}

/*about FHT \*/
.fht{ padding:4px 0 0 20px; width:695px; }
.fht h2, .fhtbgpic h1, .fhtbgpic p{ font-family:Tahoma, Arial, Helvetica, sans-serif}
.fht h2{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:18px; color:#5d8014}
.fht h1{  font-size:22px;  color:#0d5892; }

.fhtbgpic{ background:url(../../img/smallFHTBg.png) no-repeat 0 0; text-align:center; height:274px; width:220px; margin:-18px 0 0 0; padding:15px 0 0 0 ; float:left}
.fhtbgpic h1{ font-size:18px; color:#5d8014; font-weight:normal}
.fhtbgpic p{ font-size:11px; color:#cc0000; font-weight:bold; padding-top:10px; text-align:left; margin-left:13px; }
.fhtbgpic p a{ color:#cc0000; text-decoration:none}
.fhtbgpic p a:hover{ color:#cc0000; text-decoration:underline}
.fhttext { *padding-bottom:20px}
.fhttext li { background:url(../../img/fhtlogo.png) no-repeat 0 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#07416e; margin:10px 0 0 0; padding: 6px 0 8px 45px; list-style:none}
.fhttext ul{ margin:0}

.testimonial{}
.testimonial h1{ font-family:Arial, Helvetica, sans-serif; color:#003399; font-size:16px; font-weight:bold; margin-bottom:10px; padding:0}
.testimonial h2{ font-family:Arial, Helvetica, sans-serif; color:#003399; font-size:20px; font-weight:bold; margin-bottom:10px; padding:0}
.testimonial li{ background:url(../../img/arrow_left.png) no-repeat 0 0; list-style:none; padding:0 0 0 30px; margin:0 0 0 0 }
.tableheader{ background-color:#0e4977; border-bottom:#71a00f 4px solid; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; padding: 5px 6px 5px 6px; text-align:left }
.tabledetails{  font:Arial, Helvetica, sans-serif; color:#333; font-size:11px; font-weight:normal; padding: 4px 6px 4px 6px; text-align:left }
.blue{ background-color:#c5d0d9 }
.white{ background-color:#fff }
.rightborder{ border-right:#FFFFFF 1px solid}

.aboutBg{ background:url(../../img/bioBg.png) no-repeat 0 0; width:316px; padding: 10px 10px 0 10px; margin-right:8px; margin-top:0}
.aboutBg h1{ font-family:Arial, Helvetica, sans-serif; color:#000066; font-size:16px;}
.aboutBtn{ background:url(../../img/btn.png) no-repeat; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold;  cursor:pointer; text-align:center; width:200px; height:26px; padding:3px 10px 10px 10px; *padding:3px 10px 20px 10px}.aboutBtn a{ color:#fff; text-decoration:none }
.aboutBtn a:hover{ color:#ffcc66; text-decoration:none }

.login{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; margin-top:11px; text-align:center; font-weight:bold}
.login a{ color:#fff; text-decoration:none}
.login a:hover{ color:#000; text-decoration:none; background-color:#c6d8e6; padding:4px 25px 4px 10px } 

.blueBanner{ background:url(../../img/blueBg.png) no-repeat 0 0; width:664px; height:145px; padding:10px 0 0 10px; margin:0;}
.blueBanner p, .blueSamllBanner p{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; font-size:12px; margin:0; padding:0}

.blueSamllBanner { background:url(../../img/smallblueBg.png) no-repeat 0 0; width:263px; height:165px; padding: 10px 0 0 10px}
.blueSamllBanner li{font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; font-size:12px;}
.blueSamllBanner ol{ margin:0; padding:0 0 0 18px}



/*** LINK STYLES 

a[href$=".pdf"] {
	background: url(../../img/icons/PDFicon16x16.png) no-repeat right top;
	padding-right: 18px;
} ***/

/*** RSS Styles ***/

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

	.rssBody ul li {
		background: none;
		padding: 0;
		margin: 0 0 15px 0;
	}
	
		.rssBody ul li strong a {
			color: black;
			text-decoration: none;
			border-bottom: 1px dotted black;
			font-size: 18px;
		}
		
			.rssBody ul li strong a:hover {
				border-bottom: 1px solid black;
			}
		.rssBody ul li p {
			font-weight: normal;
			font-size: 13px;
			padding: 10px 0 0 20px;
		}
		
/*** SITE MAP ***/

h3.sitemap {
	font-size: 18px;
	text-align: center;
}

	h3.sitemap a {
		color: black;
	}

.sitemap_box {
	float: left;
	color: black;
	padding: 0 10px 10px 10px;
}

	.sitemap_box a {
		color: black;
	}
	
	.sitemap_box h4 {
		font-weight: bold;
		font-size: 13px;
	}
	
	.sitemap_box ul {
		font-size: 11px;
		
	}
	
		.sitemap_box ul li {
			margin-bottom: 5px;
		}
		
		
/*** PlANS ***/

#plans_boxes {
	background: url(../../img/plans_shadow.gif) no-repeat;
}

#plans_boxes h1 {
	font-size: 18px;
	font-weight: bold;
}

.plans_heading {
	font-size: 18px;
	padding-top: 8px !Important;
	padding-bottom: 7px !Important;
	line-height: 1em;
}



ul.buttons {
		margin: 0 0 0 15px;
		padding: 0;
}

	ul.buttons li {
		width: 130px !Important;
		height: 26px !Important;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	ul.buttons li.button_blue {
		background: url(../../img/button_blue2.png) no-repeat;
	}
	
	ul.buttons li.button_green {
		background: url(../../img/button_green2.png) no-repeat;
	}
	
		ul.buttons li a {
			padding: 4px 0 0 35px;
			text-decoration: none;
			margin: 0;
			display: block;
		}
		
			ul.buttons li a:hover, ul.buttons li a:focus {
				color: yellow;
			}