/* CSS Document */
#home, #about, #contact, #legal, #whybookkeeper, #payroll, #bookkeeping, #implementation, 
#thanks, #training, #support, #links, #online, #kashflowtrial, #charity
{
   padding: 0;
   margin: 0;
   background-color: #EAF4EA;
   font-family :   Sans-serif, Arial, Helvetica, Geneva; 
   font-size: 16px;
   font-style: normal; 
   line-height: 20px; 
}

img 
{
   border-style:none;
}
/*
  Main div
*/
div#container {
  position: relative;
  width: 974px;
  height: 930px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  background-color: #EAF4EA;
  color: #262626;
  font-weight: 200;
}

div#footer {
  position: relative;
  width: 974px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}
div#foot_100 {
  position: absolute;
  width: 210px;
  height: 104;
  top: 0px;
  }

div#foot_findex {
  position: absolute;
  top: 750px;
}

div#cc_signup {
position: absolute;
top: 300px;
   
}
#thanks #container {
  width: 560;
  height: 300;
}

div#header_logo {
  position: relative;
  width: 240px;
  height: 100px;
  float: right;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background-image: url('images/BAS%20logo%20240x100.png');
  background-repeat: no-repeat;
  top: -5px;
  left: 5px;
}

div#top_nav {
  position: absolute;
  top: 5px;
  width: 450px;
  height: 25px;
  float: left;
  left: 25px;
}

#top_nav a { font-size: 12px; text-decoration : none; color : #5A5A5A; }
#top_nav a:hover { font-size: 12px; text-decoration : underline; color : #87CEEB; }
#top_nav a:active {font-size: inherit; text-decoration : none; color : #66CDAA; }

div#bot_nav {
  position: relative;
  width: 974px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  padding-left: 50px;
}
#bot_nav a { font-size: 12px; text-decoration : none; color : #5A5A5A; }
#bot_nav a:hover { font-size: 12px; text-decoration : underline; color : #87CEEB; }
#bot_nav a:active {font-size: inherit; text-decoration : none; color : #66CDAA; }


div#main_nav {
  position: relative;
  top: 27px;
  width: 150px;
  height: 867px;
  float: left;
  background-color: #EAF4EA;
  padding: 5px;
  border: solid 6px #00a43f;
}
div#main_page {
  position: relative;
  height: 867px;
  top: 27px;
  width: 600px;
  float: left;
  margin-top: 0px;
  background-color: #FFFFFF;
  padding: 5px;
  border-top: solid 6px #00a43f;
  border-bottom: solid 6px #00a43f;
  border-left: solid 0px #00a43f;
  border-right: solid 6px #00a43f;
}
div#right_nav {
  position: relative;
  top: 27px;
  width: 150px;
  height: 867px;
  float: left;
  background-color: #EAF4EA;
  padding: 5px;
  border-top: solid 6px #00a43f;
  border-bottom: solid 6px #00a43f;
  border-left: solid 0px #00a43f;
  border-right: solid 6px #00a43f;
  color: inherit;
}

div#testimonial {
    position: relative;
    left: 5%;
    top: 5px;
    background-color: #e0e0e0;
    padding: 5px;
    border: solid 2px black;
    width: 90%;
    font-size: 80%;
    color: #00a43f;
}

div#kf_login {
  position: absolute;
  top: 105px;
  right: 6px;	
  width: 150px;
  height: 170px;
  float: right;
  margin-top: 0px;
  padding: 0px
}

.lgn_fld {
	width:100px;
	float:left;
	font-size:10px;
	border: 2px 1px 1px 1px;
	border-style: solid;
	border-color:#999999;
	margin-top:2px;
	display: inline;
}
.lgn_txt {
	font-size:12px;
	width:60px;
	float:left;
	margin-top:2px;
	margin-left:5px;
	display: inline;
}
#lgn_btn {
    position:absolute;
    float:right;
	top:55px;
	right:15px;
	width:26px;
}
#lgn_btn a{
	color:#288CBE;
	font-size:12px;
}
#lgn_hlp {
    position: absolute;        
	font-size:10px;
	margin-top:2px;
	top: 105px;
    width: 150px;
}
#kf_register_image {
    position: relative;
    top: 10px;
    height: 75px;
    right: 15px;
    float: right;
    width: 150px
}
#kf_register_text {
    position: absolute;
    top: 450px;
    height: 75px;
    left: 10px;
    float: left;
    width: 395px
}

div#main_nav_options {
  position: relative;
  right: 0px;
  width: 150px;
  height: 530px;
  float: right;
  margin-top: 0px;
}

#main_nav_options a { font-size: 13px; text-decoration : none; color : #5A5A5A; }
#main_nav_options a:hover { font-size: 13px; text-decoration : underline; color : #87CEEB; }
#main_nav_options a:active { font-size: 13px; text-decoration : underline; color : #87CEEB; }

div#icb_logo
{
  position: relative;
  width: 148px;
  height: 164px;
  float: right;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-image: url('./images/ICB 148x164.png');
  background-repeat: no-repeat;
}

div#main_page_thin {
  position: absolute;
  top: 5px;
  width: 550px;
  height: 375px;
  float: right;
  left: 5px;
  margin-top: 0px;
  background-color: #FFFFFF;
  padding: 5px;
  border: solid 1px #000000;
}
  
div#header_image {
  position: relative;
  right: 0px;
  width: 150px;
  height: 100px;
  float: right;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background-image: url('./images/calculator.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
div#nav_options {
  position: relative;
  right: 0px;
  width: 150px;
  height: 470px;
  float: right;
  margin-top: 0px;
}

div#tag_text {
  position: absolute;
  top: 23px;
  width: 310px;
  height: 45px;
  float: right;
  left: 0px;
  background-color: #FFFFFF;
  padding: 0px;
}

div#main_text {
  position: absolute;
  top: 92px;
  width: 550;
  height: auto;
  margin-top: 0px;
  left: 0px;
  padding: 10px;
  color: inherit;
  text-align: justify;
  }
  
#main_text a { font-size: inherit; font-weight: bold; font-style: italic; text-decoration : none; color : inherit; }
#main_text a:hover { font-size: inherit; text-decoration : underline; color : #87CEEB; }
#main_text a:active { font-size: inherit; text-decoration : none; color : #66CDAA; }

div#update {
  border: solid 4px black;
  height: auto;
  margin-top: 20px;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: white;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  }

#update a { font-size: 14px; text-decoration : none; color : #87CEEB; }
#update a:hover { font-size: 14px; text-decoration : underline; color : #87CEEB; }
#update a:active { font-size: 14px; text-decoration : underline; color : #87CEEB; }

div#msg_text {
  position: absolute;
  top: 141px;
  width: 298px;
  height: auto;
  margin-top: 0px;
  left: 128px;
  padding: 5px;
  }

.small 
{  font-size: 12px; font-style: normal; 
   line-height: 13px; 
   color: #556B2F;
   margin: 3px;
}

.menu 
{  font-size: 15px;
   font-style: normal; 
   line-height: 11px; 
   color: #191970;
}

.menu_group
{  font-size: 13px; 
   font-style: normal;
   font-weight: bold;
   line-height: 11px; 
   color: #FFFFFF;
   background-color: #669999;
   height: 24px;
}

.menu_item
{  font-size: 13px; 
   font-style: normal;
   line-height: 11px;
   height: 24px;
   background-image: url('./images/menu_inactive.gif');
}

.menu_filler
{  height: 16px;
}

h1 
{  font-size: 20px; 
   font-style: italic; 
   font-weight: bold;
   margin-bottom: 1px;
   line-height: 22px; 
   color: #CC3333;
}
h2 
{  font-size: 18px; 
   font-style: italic; 
   font-weight: bold;
   margin-bottom: 1px;
   line-height: 22px; 
   color: #CC3333;
}
h3 
{  font-size: 16px; 
   font-style: normal; 
   font-weight: bold;
   margin-bottom: 1px;
   line-height: 20px; 
   color: inherit;
}

.center 
{  text-align: center;
}


.red 
{  color: #CC3333;
}

.bol 
{  font-family : "Basic Sans SF";
   font-size: 18px;
   font-style : italic;
   font-weight: normal;
   color: #00a43f;
}

.bolu 
{  font-family : "Basic Sans SF";
   font-size: 16px;
   font-style : italic;
   font-weight: normal;
   color: #00a43f;
}

.bolh1 
{  font-family : "Basic Sans SF";
   font-size: 20px;
   font-style : italic;
   font-weight: normal;
   color: #00a43f;
}

ul {
  list-style: bullet;
  text-indent: 0px;
}

li {
  padding-left: 5px
}

div#page-image 
{
  float: left;
  top: 120px;
  width: 90px;
  height: 90px;
}