/*
	Template Name: PHP Left Nav Make Money Online 01
	Template URI: http://freewebtemplates.me
	Description: A 2 column make money Online niche theme website template with PHP Includes for header, left navigation, footer, and auto-updating copyright year.
	Version: 1.0
	Author: Ed Zivkovic
	Author URI: http://freewebtemplates.me
	Tags: PHP, Includes, Make Money Online, Business Opportunity, Blue, CSS, Fixed Width, Graphics, 2 Columns, Left Navigation, No Tables, 
*/

/*
	Template by Ed Zivkovic released under the
	Creative Commons Attribution 2.5 License:
	http://creativecommons.org/licenses/by/2.5/au/
*/

body {
	font-family: "Trebuchet MS", Futura, Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	text-align: center;
	font-size: 90%;
	background-color: #ffffff;
    background-image: url(images/backgrounds/tile.gif);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	letter-spacing: 0.1em;
}

a {
	text-decoration: none;
}
	
div#mainwrap {
	width: 800px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: left;
}

/*
background: #000000 changes the background color behind the top header section
and if you want a background image, you put the name and location of the 
background image where;  url(images/headers/header.jpg)  is listed.
*/	
div#header {
	color: #9C9CFE;      /*  #9C9CFE */
	background: #B5B5B5 url(images/headers/header.jpg) no-repeat;   /*  167px icemoon */
	height: 146px;
}

div#header h1 {
	color: #D8A818;
	padding: 5px 20px;
}

/*
background-color: #ffffff; changes the background color on the "Top Menu" area, 
behind the "Top Menu" Individual Page link sections (Home, About Us and etc).
*/		
div#topnav {
	color: #B5B5B5;
	padding: 8px;
	font-size: 90%;
	background-color: #4D4D4D;
	text-align: left;
}

/*
color: #ffffff; changes the default font color on the Top Menu, 
on the Individual Page link sections (Home, About Us and etc).
*/	
div#topnav a {
	color: #B5B5B5;
	border-bottom: 0px solid #B5B5B5;
}

div#topnav a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

div#leftnavwrap {
	float: left;
	width: 160px;
	padding-top: 5px;
	font-size: 90%;
}

/*
color: #ffffff; changes the font color on the left hand menu, 
on the Individual Page link sections (Home, About Us and etc).
*/	
div#leftnavwrap h3 {
	font-family: "Trebuchet MS", Futura, Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	margin: 15px 0 0;
	padding: 6px;
	border-bottom: 0px solid #304890;
	font-size: 1.7em;
	text-align: center;
}
	
div#leftnavwrap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#leftnavwrap ul li {
	margin-top: 8px;
}

/*
background-color: #ffffff; changes the background color on the left hand menu, 
behind the Individual Page link sections (Home, About Us and etc).

color: #ffffff; changes the "Default" font color on the left hand menu, 
on the Individual Page link sections (Home, About Us and etc).
*/		
div#leftnavwrap ul li a {
	display: block;
	width: 160px;
	padding: 7px 5px 7px 10px;
	color: #000000;
	background-color: #969696;
	font-weight: bold;
}

/*
background-color: #ffffff; changes the background "HOVER" color on the left hand menu, 
behind the Individual Page link sections (Home, About Us and etc).
*/	
div#leftnavwrap ul li a:hover {
	color: #FFF;
	background-color: #4D4D4D;
}

/*
background-color: #ffffff; changes the background color on the 
"Left Hand Content Wrap", which wraps around the 
Individual Page link sections (Home, About Us and etc).
*/
div#contentwrap {
	border: 0px solid #304890;
	background-color: #B5B5B5;
}

/*
background-color: #ffffff; changes the background color on the 
"Top Bread Crumb Section", which is located under the Top Menu Link
section and above the "Main Page Content Section".

NOTE:  There wont be any "Bread Crumb Links" located here, until
you have added them on the pages you need it.   This section still 
needs to have the background color set, even if you don't use 
bread crumbs.
*/
div#breadcrumb {
	color: #181860;
	padding: 8px 8px 8px 0;
	font-size: 85%;
	background-color: #B5B5B5;
	margin-left: 200px;
}

div#breadcrumb a {
	color: #181860;
	border-bottom: 1px solid #181860;
}

div#breadcrumb a:hover {
	color: #CC0000;
	border-bottom: 1px dashed #CC0000;
}

div#content {
	padding: 20px;
	margin-left: 200px;
	background-color: #FFF;
}

div#content p {
	line-height: 170%;
}

div#content h2 {
	color: #CC0000;
	border-bottom: 2px solid #DCE7F8;
	padding-bottom: 6px;
}

div#content h3 {
	color: #CC0000;
	border-bottom: 2px solid #DCE7F8;
	padding-bottom: 6px;
}

div#content a {
	color: #0000FF;
	border-bottom: 1px solid #0000FF;
}

div#content a:visited {
	color: #0000FF;
	border-bottom: 1px solid #0000FF;
}

div#content a:hover {
	color: #CC0000;
	border-bottom: 2px dashed #CC0000;
}

/*
background-color: #ffffff; changes the background border color that 
"Wraps" around the entire "Footer Section"
*/
div#bottomnav {
	color: #B5B5B5;
	padding: 8px;
	font-size: 90%;
	background-color: #969696;
	text-align: left;
}

div#bottomnav a {
	color: #B5B5B5;
	border-bottom: 0px solid #B5B5B5;
}

div#bottomnav a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

/*
background-color: #ffffff; changes the background color on the 
"Bottom Middle Copyright Section".

Note:  The Domain name to the right of the Copyright notice is changed 
on the footer.php file.  Any changes to the footer.php file will make 
global changes on all of the footer areas on all of your pages.
*/	
div#copyright {
	color: #000000;
	padding: 8px;
	font-size: 80%;
	background-color: #B5B5B5;
}

/*
color: #ffffff; changes the link color on the 
"Middle Copyright Section".

Note:  The Domain name to the right of the Copyright notice is changed 
on the footer.php file.  Any changes to the footer.php file will make 
global changes on all of the footer areas on all of your pages.
*/	
div#copyright a {
	color: #000000;
	border-bottom: 1px dashed #000000;
}

div#copyright a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

/*
color: #ffffff; changes the "web design by" default
color that is tho the left of the Template Publisher's Website Link.
 
The publishers website link is located on the footer.php file.  Changing
the footer.php file would make global changes to all of the footers 
of each of your pages.

background-color: #ffffff; changes the background color for the 
entire "Bottom Web Template Publishers Section".
*/
div#credit {
	color: #969696;
	padding: 8px;
	font-size: 80%;
	background-color: #B5B5B5;
}

div#credit a {
	color: #969696;
	border-bottom: 0px solid #B5B5B5;
}

div#credit a:hover {
	color: #ffffff;
	border-bottom: 0px solid #4D4D4D;
}
		
.right {
	text-align: right;
}

.left {
	text-align: left;
} 

.center {
	text-align: center;
}
	
div#clear {
	clear: both;
}

.box {
	color: #181860; 
	border: 3px dashed #CC0000; 
	background-color: #F2F2FF; 
	padding: 10px 12px 12px;
	margin: 20px 70px;
	text-align: justify;
	font-size: 90%;
	line-height: 180%;
}

.warning {
	color: #FF0000;
}