/* --------20081031 IMPORTANT - THIS IS DIFFERENT THAN THE CSS FOR BASIL PETERS - DO NOT COPY ACROSS UNTIL TALK TO LINDA  (NAV AND TABLES----------*/
/*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:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-color: #374961;
}
a:link {
	text-decoration: underline;
	color: #003366;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
	background-color:#FFFFCC;
}
/*-----------This CSS CODE does not have a DIV selector or class defn so it will apply everywhere---------*/
p 
{
	padding:5px 10px 5px 10px;
	margin:0;
}
p.table {
	padding:15px 5px 10px 5px;
}
/* ---------------------HEADER DEFINITIONS---------------------- */
/* h1 is the header at the top of each page just before the main text */
/* Linda changed the color of h1 from #2A5389 to #0033CC after looking up proper palette combo. Basil's original color is not web safe. */
h1 
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
}
/* h2 is in the main text before individual paragraphs */
/* Linda changed the color of h2 from #2A5389 to #0033CC after looking up proper palette combo. Basil's original color is not web safe. */
h2
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding:20px 0 20px 0;
	margin: 0;
}
/* h3 - USED WHERE? Set to 24px to see where I have used it in other websites */
/* h3 - Note to Linda - color not same blue as changed. Should be #0033CC. Do when figure out where h3 is. */
h3
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding:20px 0 20px 0;
	margin: 0;
}
/* 20080718 Now using for -Best Practices for Angel Investors and Entrepreneurs- at the top of the AngelBlog template. 20080527 OUTDATED - CHANGED LAYOUT SO THIS IS NOT NECESSARY. Older: h4 is the sub title just below the headline GIF */
h4 
{
	font-size: 12px;
	color: #ffffff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px; /*--- If all the padding and margin elements are not set, the text does center in the td, but also stretches underneath so the text is further away from the hr. Setting all the elements to 0 and the padding-top to 5px moves the text just to the center of the td---*/
}
/* h5 is the copyright notice at the botttom of the screen */
h5 
{
	font-size:10px;
	color:#ffffff;	
	padding:15px;
	margin:0;
	background-color:#374961;
	text-align:center;
}
/* h6 is the banner title text at the top left of the template. */
/* Linda added this definition so she could use a text logo rather than a picture logo. */
h6
 {
    font-size:12px;
	color:#ffffff;	
	padding:2px 0 2px 0;
	margin:0 0 0 120px;
	text-align:center;
	background-color:#374961;
	}
/*----------START OF CODE FOR TABLES--------------------------------*/
/*----------.tableforarticles. The next three definitions cover the structural elements of the table----------*/
.tableforarticles {
	background-color:white;
	margin:0; /*---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---*/
	padding:0;
	width:100%; /*---This makes the table 90% wide of the box it sits in wide---*/
	border-collapse: collapse; /*---CELLSPACING - CONF'D---*/
	border-spacing: 0; /*---Also cellspacing---*/
}
/*----------DIV for Tables - used on Exit Strategies for list of articles - DIFFERENT THAN EXIT STRATEGIES; now used on basilpeters for BC Science Gold Medal and Cert - Large page. DIFFERENT THAN BASIL PETERS----------*/

/*---.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 th {
	background-color:white;	
}
.tableforarticles td {
	background-color:white;
	padding:0; /*---CONF'd - These padding elements replace cellpadding---*/
	margin:0;
	vertical-align:top; /*---Sets vertical alignment to top of cell within the table itself - for each cell - has to be at td level---*/
}
/*----------These next three definitions cover typography within this table, changing the margins and padding of p, h1 and h2----------*/
.subHead {
    color: #000000;
	font-size: 12px;
	font-weight: normal;
}
.tableforarticles a:link {
	text-decoration: underline;
	color: #003366;
}
.tableforarticles a:visited {
	color: #000000;
	text-decoration: none;
}
.tableforarticles a:hover {
	color: #003366;
	text-decoration: underline;
	background-color:#FFFFCC;
}
.tableforarticles tr.d1 td {
    background-color:#374961; /*---DARKER BLUE - This definition and the one below - d2 - allow me to alternate rows of color in the table---*/
	border-bottom: solid 1px #FFFFFF;
}
.tableforarticles tr.d2 td {
    background-color:#F2F7FE; /*---PALER BLUE - This definition and the one below - d2 - allow me to alternate rows of color in the table---*/
	border-bottom: solid 1px #FFFFFF;
}
.tableforarticles tr.d3 td {
    background-color:#E0E0E0; /*---GREY - This definition and the one below - d2 - allow me to alternate rows of color in the table---*/
	border-bottom: solid 1px #374961; /*---No white border underneath so no break at page bottom---*/
}
.tableforarticles tr.d4 td {
    background-color:#E0E0E0; /*---GREY - This definition and the one below - d2 - allow me to alternate rows of color in the table---*/
	border-bottom: solid 1px #FFFFFF;
}
/*----------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:#374961;
}
/* --------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: 0;
	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 {
    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: 3px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;/*---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.---*/
	font-size: 12px;/*---This is the ONLY place the font tags will affect the NAV---*/	
}
/*----------Basil requires his links to start as 000099 and then change to 000000 when visited----------*/
#topNavlist a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#topNavlist a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	
}
#topNavlist a:hover {
	color: #000000;
	text-decoration: none;
	background-color:#6F93B7;
	font-weight: bold;	
}
/*----------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 { 
	background: #ffffff; 
	padding: 0;
	margin-left: 20px;
	float: left;
}
/*----------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;
}
/* ---CODE FOR THE LEFT HAND VERTICAL NAV---*/

/* --------20080527 This is the layout container that holds the NAV with a fixed width of 135 pixels----------*/
#leftnav {
    width: 160px;
	float: left; /* ---Floating an element left ensures the elements lines up to the left of the page---*/
	padding: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0; /*---The Padding and Margins apply to the entire box containing the NAV---*/
	background-color: #6F93B7; /*---This sets the background color of the leftnav box itself to pale blue. This ONLY colors in the background for the NAVbox itself - NOT below.---*/
}
/*----------The leftnavlist container applies to the UL element for the list NAV and has a flex width of 100%---*/
#leftnavlist {
    padding-bottom: 0px;
	padding-left: 0; /*---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-right: 0; /*---near as i can tell this doesn't pad the box on the right. why?---*/
	padding-top: 0px;
    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---*/
#leftnavlist li {
    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...---*/
}
#leftnavlist li a { 
    text-decoration: none;
	font-size: 11px;
	display: block;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px; /*---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---*/
	padding-top: 5px;
    border-bottom: 1px solid #374961;
}
/*----------Basil requires his links to start as 000099 and then change to 000000 when visited----------*/
#leftnavlist a:link
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#leftnavlist a:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#leftnavlist a:hover
{
	color: #ffffff;/* The color the text changes to when hovering*/
	text-decoration: none;
	background-color: #374961;
	font-weight: bold;	
}
#active a:link, #active a:visited, #active a:hover
{
border: none;
background-color: #374961;
color: #ffffff;
font-weight: bold;
}
/*----------END OF CODE FOR LEFT NAV--------------------------------*/