/* --------20080527 IMPORTANT - THIS IS DIFFERENT THAN THE CSS FOR BASIL PETERS - DO NOT COPY ACROSS UNTIL TALK TO LINDA ----------*/
/*----------BASILS CSS 20070104 - COPY THIS TO ALL THREE WEBSITES AND KEEP IN SYNC!
This CSS file contains the CSS code for the left NAV (leftnav) and the mainbody. Also new Bold definition. Also increased top padding in h2----------*/
 /*----------LINDA has made changes to this CSS file as at 20080321 and has applied these changes to Angel-Funds.com. There are not many changes, but they are commented throughout.----------*/
/*-----------------DEFAULT CSS SETTINGS - the '*' makes these apply to everything in the CSS----------*/
*{
    font-family:Verdana, Arial, Helvetica, sans-serif;/* This changes the font everywhere in the body*/
    font-size:12px;
}
body {
	background-color:#cccccc;
	margin:0;
	padding:0;
}
/*-----------This CSS CODE does not have a DIV selector or class defn so it will apply everywhere---------*/
a:link {
    color:#000000;
	text-decoration:underline;
}
a:visited {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
	background-color:#FFFF99;
}
p {
	padding-top:5px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	margin:0px;
	line-height:20px;
}
hr {
	color:#ED2023;
}
.siteInfo a {
    color:#993300;
}
.siteInfo a:hover {
	color:#993300;
	text-decoration:none;
	background-color:#CCCCCC;
}
.bookTitle {
	font-size: 14px;
	font-style: italic;
}
/* ---------------------HEADER DEFINITIONS---------------------- */
h1 {
    font-size:15px;
	font-weight:bolder;
	color:#000000;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin: 0;
}
/*----------h2 IS USED FOR HEADINGS BEFORE Ps----------*/
h2 {
    font-size: 14px;
	color:#ed2123;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	margin: 0;	
}
/*----------h3 - USED FOR CALLOUT BOX----------*/
h3 {
	font-size:13px;
	font-weight:bold;
	text-align: justify;
	color:#000000;
	margin-bottom:5px;
	margin-top:5px;
	margin-left: 50px;
	margin-right: 350px;
	padding:5px;
	background-color:#CCCCCC;
}
/*----------20080527 OUTDATED - CHANGED LAYOUT SO THIS IS NOT NECESSARY - h4 is the sub title just below the headline GIF----------*/
h4 {
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:middle;
	margin:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
/*----------COPYRIGHT AT BOTTOM----------*/
h5 {
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-align:center;
	padding:3px;
	margin:0px;
}
/*----------h6 is the banner title text at the top left of the template.----------*/
h6 {
    font-size:17px;
	font-weight:bolder;
	color:#ED2123;
	text-align:left;
	padding:2px;
	margin:2px;
}
/*-------------------------------20090824 Added tableMain def to control main table Angelblog template----------------------------*/
table.Main {
	background-color:white;
	margin:auto;
	padding:0;
	width:760px;
	border:1px #000000 solid;
}
table.Main tr.padding td {
	padding:10px 0 10px 0; /*----Class for table row to control bottom border and padding for header row of tableMain---*/
	border-bottom:1px #CCCCCC solid;
}
/*----------.tableforarticles Class created to control the borders around the table for the Exit Strategy and Execution Articles list. The next two definitions cover the structural elements ***inside*** the table. Each of these definitions needs to be included so a border line separates each table row----------*/
/*----------.tableforarticles Class created to control the borders around the table for the Exit Strategy and Execution Articles list. The next three definitions cover the structural elements of the table----------*/
table.tableforarticles {
	background-color:white;
	margin-left:10px; /*---The margin definitions here control how far the table sits from each edge of the page and page elements above and below - left, right, top and bottom---*/
	margin-top:10px;
	margin-right:10px;
	margin-bottom:5px;
	width: 98%; /*---This makes the table 98% wide - 98% of the main body of the page---*/
	padding-bottom:2px; /*---These padding elements replace cellpadding---*/
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}
table.tableforarticles th {
	background-color:white;
	padding-bottom:2px; /*---These padding elements replace cellpadding---*/
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}
table.tableforarticles td {
	background-color:white;
	padding-bottom:2px; /*---These padding elements replace cellpadding---*/
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	border-bottom: 1px #000000 dashed;
}
table.tableforarticles p {
	padding:6px 0 6px 0;
	margin:0;
	line-height:normal;
}
table.tableforarticles h2 {
    font-size: 14px;
	color:#ed2123;
	padding:0;
	margin:0;
}
table.tableforarticles tr.d1 td {
    background-color:#E3EDFD; /*---This definition and the one below - d2 - allow me to alternate rows of color in the table---*/
}
table.tableforarticles tr.d2 td {
    background-color:#F2F7FE;
}
/*----------START OF CODE FOR TOP NAV--------------------------------*/
#topNav {
    margin: 0;/*---The Padding and Margins apply to the entire box containing the NAV---*/
    width: 100%;
	padding: 0; /*---CHANGING THIS TO '0' ALLOWS BLOCK EFFECT FOR HOVER.---*/
	background-color:#ED2023;
}
/* --------20080527 This is the layout container that holds the NAV----------*/
#topNavlist {
	padding-bottom: 3px; /*--- THIS CONTROLS THE "BOX" AROUND THE LINKS - USE THIS TO CONTROL THE SIZE OF THE BLOCK BOX FOR HOVER! This padding controls the links themselves in the list AND their bottom borders. So if you set this to 10px the links and the bottom border lines move in 10 pixels from the left---*/
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
    margin: 0; /*---These Padding and Margin elements apply to the leftnavlist container and affect the margins and padding of the overall NAV within the navlist box---*/
    width: 100%;
	float: left; /*---This is important as the leftnavlist container is withing the leftnav container and needs to be anchored to the left---*/
}
/*---------The leftnavlist li applies to the li elememt within the list itself. If you change the margin-left to 50px for example the first li element moves to the right within the container 50px. NEED TO FIGURE OUT WHY IT ONLY AFFECTS THE VERY FIRST LI---*/
#topNavlist li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    display: inline;
	list-style-type: none; /*---This makes all the links display one after another on the same line, as if the list wasn’t there. It also removes bullets, since they are only displayed when display:list-item (the default display mode for list items) is used. Some browsers are said to incorrectly display the list bullets even though display:inline has been applied to the list items. To make sure that no browsers display list bullets, I added list-style-type:none---*/
    margin: 0;
    padding: 0; /*---Standard HTML lists have a certain amount of left-indentation. The amount varies on each browser. Some browsers use padding (Mozilla, Netscape, Safari) and others use margins (Internet Explorer, Opera) to set the amount of indentation. To remove this left-indentation consistently across all browsers, set both padding and margins to "0". Leave this at 0 - not sure why only first li affected...---*/
}
#topNavlist li a { 
    text-decoration: none;
	margin: 0;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;/*---This changes the padding of the links in the NAV. If this is set to 4px, the end of the word will be 4 pixels in from the edge of the box itself. Setting this padding as the code is now ONLY pads the links themselves and leaves the borders unchanged. !!!IMPORTANT: If padding is set to say 20 for all then the hover box in Firefox and Safari will extend down so it is 20 pixels high - must define top bottom left and right to make sure renders properly in Safari and Firefox. I set this one to 3px top and bottom so it fills the Library strip nicely.---*/
	color: #ffffff;
	font-weight: bolder;
}
/*----------Basil requires his links to start as 000099 and then change to 000000 when visited----------*/
#topNavlist a:link {
	color: #ffffff;
	text-decoration: none;
}
#topNavlist a:visited {
	color: #ffffff;
	text-decoration: none;
}
#topNavlist a:hover {
	color: #000000;
	text-decoration: none;
	background-color:#cccccc;
}
/*----------END OF CODE FOR TOP NAV--------------------------------*/
/*----------START OF CODE FOR TESTIMONIAL DIVs--------------------------------*/
#bookTestimonial {
	width: 95%;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	padding: 5px;
	border-bottom: solid 1px #ED2023;
	border-top: none;
	border-left: none;
	border-right: none;/*---!!!Important - changed this design from using HRs as it is better to design with DIVs than HRs - this adds a thin red line as the bottom margin for each testimonial---*/
}
#twitter_div {
    width: 98%;
}
#support { 
	padding:10px 10px 0 0;
	margin:0;
	float:right;
}
/*----------START OF CODE FOR DISCUS--------------------------------*/
#disqus_thread #dsq-content h3 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	vertical-align: left;
}
#disqus_thread #dsq-content {
	margin: 25px;
} 
/*----------END OF CODE FOR DISCUS--------------------------------*/
/*----------END OF CODE FOR BODY TAG--------------------------------*/
#comments {
    width:750px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align:right;
}
#comments img {
    float:right;
	border:none;
}
#comments a:link {
    color:#ffffff;
	text-decoration:none;
}

#comments a:visited {
	color:#ffffff;
	text-decoration:none;
}
#comments a:hover {
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}
.horizRule {
	border-bottom: solid 1px #ED2023;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:5px 20px 5px 10px;
	margin:0 20px 0 20px;
	line-height:20px;
}
#toc {
	width:auto;
	height:auto;
	float:right;
	padding:0;
	margin:10px 0 20px 0;
	background-color:#ED2023;
	text-align:left;
}
#toc p {
	color:#ffffff;
	padding:0 5px 0 5px;
	margin:0;
	font-weight:bold;
}
#toc a {
	color:#ffffff;
	font-size:10px;
}
#comments a:link {
    color:#ffffff;
	text-decoration:none;
}
#toc a:visited {
	color:#ffffff;
	text-decoration:none;
}
#toc a:hover {
	color:#ffffff;
	background-color:#999999;
	text-decoration:none;
}