/* base CSS file for quotes site */

body {
	text-align:center;
	margin:5px;
	padding:5px;
	background-color:#f7f7f7;
	color:#000;
	font-size:12px; 
	font-family: "trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; 
}

/* page container parts definitions */
div#wrap {
	background:#fff;
	margin:0 auto;
	width:748px;
	border:1px solid #3F7BA0;
  padding-bottom: 35px;
}
div#header {
	margin:0;
 	padding-top:3px;
	width:748px;
	height:140px;
	background:url('../images/businessquotes-header.jpg') top left no-repeat;
	text-align:left;
}
div#tagline {
	text-align:left;
	margin-left:8px;
	padding-top:70px;
}
div#content {
	text-align:left;
	float:right;
	width:730px;
	background:#fff;
	margin-right:5px;
}

/* styles for the quotes */
.quotebox {
	width:690px;
	border:1px dotted #666;
	padding:10px;
	font-style:italic;
	font-weight:bold;
	margin:auto;
}
.endquote {
	background-color:#ddf;
	font-family: arial, helvetica, sans-serif; 
	color:#666; 
	font-size:11px;
	height:14px;
	padding-top:3px;
	font-style:normal;
	font-weight:normal;
}
.leftquote { 
	float:left;
	padding-left:4px; 
}
.rightquote { 
	text-align:right;
	padding-right:2px;  
}

/* page footer layout and styling */
#footer {
	clear: both;
	margin-top:20px;
	padding:6px;
	height: 30px;
}
#leftbottom { 
	float:left; 
	font-family: arial, helvetica, sans-serif; 
	color:#666; 
	font-weight:bold; 
	font-size:11px;
}
#rightbottom { 
	text-align:right; 
	margin-left:0px;
  float: right;
}

/* element definitions */

 h1, h2, h3 {
	font-family: arial, helvetica, sans-serif;
	font-weight:bold; 
	color:#19568F; 
	letter-spacing:-1px;
}	
 h1 {
	font-size:18px; 
	margin-bottom:3px;
	margin-top:3px; 
}
 h2 {
	font-size:16px; 
	margin-bottom:3px; 
}
h3 {
	font-size:14px; 
	margin-bottom:3px; 
}
#content p {
	line-height:20px; 
	margin-top:3px;
}
#footer p {
	font-weight:bold;color:#999;
	font-family:arial, helvetica, sans-serif; font-size:12px;
	margin:0;
}
#footer a {
	text-decoration:none;
}

/* TOP OF PAGE HORIZONTAL NAV */
#topnavcontainer {
  padding-top: 25px;
}
.navbutton {
  border: 2px solid #ffffff;
  color: #ffffff;
  display: inline;
  padding: 3px;
  margin-left: 3px;
}
.navanchor:link, .navanchor:visited {
  color: #ffffff;
  text-decoration: none;
}

#active a:link, #active a:visited, #active a:hover {
	border:1px solid #000;
	color: #000;
	background-color: #fff;
	border-bottom:1px solid #fff;
}

/* general style elements */
A { text-decoration:underline;}
A:link { color:#19568F;}
A:visited { color:#19568F; }
A:active { color:#19568F; }
A:hover { color:#cc3300; }

/* classes for image alignments - instead of non-standard html align */
.floatright {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
}
.floatright1{
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
}
.floatleft1 {
	float: left;
	margin: 0 10px 3px 0;
	padding: 2px;
}

img { 
	border:0px; 
}

div.spacer {
	clear: both;
}

/* hide simple logo on screen */
.logo {
	display:none;
}

/* the home/menu page internals */
.contentx {
	float: left;
	padding-top:10px;
	background: #fff;
	width: 230px;
}
.contentx h3 {
	color:#19568F;
	background-color:#fff;
	margin-top:0;
}
.contextx p {
	margin-bottom:0px;
}

div#copyright {
  clear: both;
  color: #999999;
  text-align: center;
  padding: 20px;
  font-size: 0.85em;
}