/* Base Styles */

body {
	font-family: Times New Roman, Georgia, Microsoft Sans Serif;
	background: #e4ad0a url( '../images/bg.jpg' ) repeat-x;
	color: #000;
}

/* Paragraph Style */

#content {
	font-family: Times New Roman, Georgia;
	font-size: 17px;
}

/* Header 2 */

#content h2 {
	margin-bottom: 1em;
	font-size: 18px;
	clear: left;
	font-weight: bold;
	text-transform: uppercase;
}

/* Header 3 */

#content h3 {
	margin-bottom: 1em;
	font-weight: bold;
}

/* Header 4 */

#content h4 {
	margin-bottom: 10px;
	font-size: 14px;
	margin-left: 14px;
}

/* Header 5 */

#content h5 {
	font-size: 13px; 
	font-style: italic;
	font-weight: bold;
	color: #0000FF; 
}

/* Header 6 */

#content h6 {
	margin-bottom: 1em;
	font-weight: bold;
	color: #006600; 
}


/* Menu Titles */

.menu h3 {
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	padding: 2px;
	margin-bottom: 2px;
	background: url( '../images/menu-up.gif' ) repeat-x;
}

/* Menu Sub-links */

a:link    {color: #00008B; text-decoration: none}
a:hover   {color: #CC6600; text-decoration: none}
a:visited {color: #CC6600; text-decoration: none}

.sublinks a {
	font: 14px Verdana; Times New Roman; sans-serif;
	font-weight: 500;
	display: block;
	width: 100%;
	color: #eddba7;
}

/* Extra Font Types and Margins */

ul {
	list-style-type: circle;
	color: #000;
}

ul ul {
		list-style-type: square;
		color: #CC6600;
}

em {
	font-style: oblique;
}

strong {
	font-weight: bold;
}

underline {
	text-decoration: underline;
}

p.marginhome {
	text-align: center;
	margin-bottom: 0.0em;
	margin-top: 0.0em;
	line-height: 12px;
}

p.margin {
	margin-left: 6px;
	margin-right: 6px;
}

p.marginlogin {
	margin-left: 15px;
	margin-right: 40px;
	font: 12px Georgia;
	line-height: 13px;
}

p.marginmaxims {
	margin-left: 5px;
	margin-right: 3px;
	line-height: 24px;
}

p.loginheader {
	text-align: center;
	font: 20px Georgia;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 22px;
}

p.keywordcolor {
	color: #eddba7;
}

a.loginheader2 {
	font: 16px Georgia;
	margin-left: 15px;
	margin-right: 40px;
	line-height: 8px;
	font-weight: bold;
	margin-bottom: 0px;
}

.bolditalic {
	font-weight: bold;
	font-style: oblique;
	font-size: 14px;
}

.bolditaliccolor {
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	color:#0000FF;
	text-decoration: underline;
}

.bolditalicquote {
	font-size: 16px;
	font-weight: bold;
	font-family: Times New Roman;
	font-style: oblique;
}

.boldlogincolor {
	font-size: 16px;
	font-family: Georgia;
	margin-bottom: 0.0em;
	font-weight: bold;
	line-height: 16px;
	color:#00008B;
}


#wrapper {
	background: url( '../images/content-bg.gif' ) repeat-y;
	width: 800px;
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;  
}

#header {
	width: 100%;
	height: 199px;
	background: url( '../images/header.jpg' );
}

.books {
	position: relative;
	float: right;
	top: -6px;
	height: 199px;
	width: 232px;
}

#home-strat-books {
	background: url( '../images/books-home.gif' );
}

#proc-prod-books {
	background: url( '../images/books-process.gif' );
}

#finance-books {
	background: url( '../images/books-financials.gif' );
}

#about-contact-books {
	background: url( '../images/books-about.gif' );
}

.menu {
	margin: 8px;
	text-decoration: none;
	text-align: right;
}

.menu a {
	text-decoration: none;
}

.menu h3:hover {
	background: url( '../images/menu-over.gif' ) repeat-x;
}

.menu h3 a {
	color: #fff;
}

.sublinks a:hover {
	color: #000;
	background-color: #eddba7;
}

#leftpane {
	width: 180px;
	position: relative;
	float: left;
}

#content {
	width: 600px;
	height: 100%;
	position: relative;
	float: right;
	padding: 10px;
}

#content p {
	margin-bottom: 1em;
}

.indent {
	margin-left: 1em;
	line-height: 2em;
}

.center {
	text-align: center;
}

#footer {
	width: 100%;
	clear: both;
	text-align: center;
	text-transform: uppercase;
}

#footer hr {
	border-color: #d2a009;
	width: 90%;
}

#footer-info a {
	text-decoration: underline;
}

#treefrog {
	background-color: #d2a009;
	font: 9px Helvetica, Times New Roman;
	width: 181px;
	height: 52px;
	position: relative;
	float: left;
}

#treefrog a {
	color: #fff;
	text-decoration: none;
	position: relative;
	top: 36px;
}

#footer-info {
	background-color: #eddba7;
	font: 10px Helvetica, Times New Roman;
	width: 619px;
	height: 52px;
	position: relative;
	float: right;
}

#footer-info-bold {
	font: 18px Avant Garde BK BT, Helvetica;
	font-weight: bold;
}