body {
	line-height:1.3;
	font-size:13px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	 }
	 
//	 background-color:#f2f2f2;background-color:#777362;}


a {	color:#09c;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight:normal;}

a:link {color:#0066cc;text-decoration:none;}
a:visited {color:#551A8B;text-decoration:none;}
a:hover {color: #A90A08;background-color:yellow;}

img {border: none;}

.logo a:hover {background-color: white;}

hr {
	border:none;
	background-color:#d9d9d9;
	width: 100%;
	color: #d9d9d9;
	height: 1px;}
	
h1, h2, h3, h4, h5, h6 {color:#424037;}	

h1{font-size:218%}

h2{font-size:164%}

h3{font-size:145%}

h4{font-size:118%; font-weight:700; color: #000000;}

h4.linkssubhead {border-bottom: 1px solid #ccc;}

p {
 font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
 margin-bottom:10px;}


ol{list-style:decimal;list-style-position: outside; margin-left:20px;}

ul{list-style:disc;list-style-position:outside; margin-left:20px;}


dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px; margin-top:10px}

/*h4 {border-bottom: 1px solid #ccc;}*/

ul li {padding-bottom:8px;}

ol li {padding-bottom:8px;}

ul.tick {list-style-image: url(images/tick.png); margin-left:30px;}



/* syob specific styles below*/
div.container_12 {background-color:white;}


div.spacer {
                background-color: #d9d9d9;
                height: 3px;
                
        }
        


div.adbar{background-color: white;
-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }

div.adbar h4 {padding: 10px; background-color: #c5ccd3;}

div.adbar p {padding:5px;}

div#content {background-color: white; }

div#header{ }



div#footer {        }




blockquote p {
	background-color:#e2e0b6;
	border-left: 2px solid red;
	color:#000; 
	font-family: georgia, times, "times new roman", serif;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;
	padding: 5px 5px 5px 15px;
	}

/* misc classes go here*/

.nav {padding-top:10px; text-align:center;}


.tiny {font-size:x-small;color: rgb(136, 136, 136);padding: 2px;}
.strike {text-decoration:line-through;}
.red {font-weight: 700; color: red;}
.subhead {color: #4c566c;
background-color:#c5ccd3;padding:2px;}
.redhead {color:#cc0033;font-weight:700;}
.blue {font-weight:700; color:navy;}
.green {color:#66cc33;background-color: white;}
.purple {color:#6633cc;background-color: white;}
.centre {text-align:center;color:#cc0033;}
.story {
	background-color:#f2f2f2;
	color:#000; 
	font-family: georgia, times, "times new roman", serif;
	font-style:italic;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;
	padding: 5px 5px 5px 15px;
	}
	
#red {background-color:#CC6666;height:275px;-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}


#blue {background-color:#5E88B1;height:275px;-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}


#black {background-color:#96A09A;height:275px;-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}
	
	
#kbred {text-align:center; padding:3px;
background-color:#CC6666;-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}


#kbblue {text-align:center;padding:3px; background-color:#5E88B1;-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}


#kbblack {text-align:center;padding:3px; background-color:#96A09A;-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}
	

.box {padding:5px;}

.navbox {text-align: center; background-color:#CCCC99;height:60px;-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,.4);}

.navbox a {color: #666633;}
.navbox a:hover {color: #666633; background-color:#CCCC99; text-decoration:underline;}

/* classes for free.html - signup landing page */
#kbbox {background-color:#FFCC66; height:11em;}
#downbox {background-color:#CCFF66; height:11em;}
#linksbox {background-color:#66FFCC; height:11em;}
#toolsbox {background-color:#66CCFF; height:11em;}

/* classes for kb header box */

#kbheading {background-color: #454545;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

#kbheading h1 {color:white;}

#kbheading p {color:white;}
	
	
	
.button li {font-size:0.8em;list-style-type:none; display: inline;}

.button li a {
	font-weight:bold;
	padding:10px;
	color: #333333;
	background-color: #999999;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
	background-image: -moz-linear-gradient(top, #ccc, #999);
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

.button li a:hover {
	color: red;
	background-color: yellow;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFF66), to(#FFFF00));
	background-image: -moz-linear-gradient(top, #ffff66, #ffff00);
}

	
	
	
	
/* Layout for tables background-color:#fffdda from div box */


table.modern {
background-color:#ffffff;
border: none;
width:100%;
}

table.expenses {
	width:100%;
	border: solid 1px #d9d9d9;
}
table.expenses td {
	border: solid 1px #d9d9d9;
}

table.legal {
	width:100%;
	border: solid 1px #d9d9d9;
}

table.legal td {
	border: solid 1px #d9d9d9;
}




th {
height: 25px;
text-align:center;
color: #4c566c;
background-color:#c5ccd3;
padding: 5px;
border-bottom:solid 1px #d9d9d9; }

.namecolumn {width:20%;}
.newcompany {width:25%;}

td {text-align:left; 
	padding:5px;
	border-bottom:solid 1px #d9d9d9;}
	
table.invoice, .cashflow td {
		border: solid 1px #d9d9d9;
}

td.right {text-align:right;}

table.cashflow, .invoice {width:100%;}
table.cashflow th {border: solid 1px #d9d9d9;}
	
/*Table Layout Ends*/