/*
	HTML tag styles
*/

body {
	margin: 0 10px;
	color: #000;
	font: 13px Georgia, 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	background: #fff inherit;
}
	
table {
	/* Make this same as body, because browsers were using larger font size in tables. [?] */
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
}

a:link { 
	color: #000; 
}

a:visited {
	color: #3f3f3f;   
}

h1 {
	font-family: helvetica, Geneva, arial, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	text-shadow: 3px 3px 3px #999;
	color: #000000;
}

h2 {
	font-family: helvetica, Geneva, arial, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	text-shadow: 2px 2px 2px #999;
	margin-top: 32px;
	/*padding: 2px 8px;*/;
	color: #000000;
}

h3 {
	margin-bottom: 0.5em;
}

hr {
	border: 0;
	color: #aaaaaa;
	background-color: #aaaaaa;
	height: 1px;
	width: 100%;
	text-align: left;
}

.feature_heading {
	font-family: helvetica, Geneva, arial, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	text-shadow: 2px 2px 2px #999;
	margin-top: 32px;
	/*padding: 2px 8px;*/;
	color: #000000;
}

h1 a,h2 a
{
	text-decoration: none;
}

img.top_left_corner {
	margin-right: 12px;
	margin-bottom: 12px;
}

img.main_image_left{
	padding: 1.3em 1.3em 1.3em 0px;
}

img.main_image_right{
	padding-top: 10px;
	margin: 0;
}

img.normal{
	padding: 1.3em 1.3em 1.3em 1.3em;
}

.floating_right {
	float: right;
	text-align: right;
}

div.breadcrumbs {
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 16px;
}

.documentation_index {
	margin-top: 1em;
}

.documentation_index li {
	margin-bottom: 1em;
}



/*
Images without text wrap:
This is what we often use at the top of a page.
An image to one side, and the page's intro text
opposite. But, it looks monstrously grotesque
(read 'slightly ugly') when the use increase the
font size, or there's too much text, or whatever,
and the text the wraps around the image. These
classes solve that problem. I've heard this needs
dirty hacks to work on IE6 and below. We don't
bother with such nonsense, however.
*/
.left_side_image {
	float:left;
	display:inline;
	margin: 0 12px 12px 0;
}

.right_side_text {
	overflow: auto;
}


.top {
	margin-top: 0;
}

.breadcrumbs a {
	text-decoration: none;
	color: #7f7f7f;
}

.breadcrumb_separator {
	font-size: xx-small;
	font-weight: bold;
	color: #7f7f7f;
}

div#fivespeed_page {
	/* The page container itself. */
	margin:0 auto;
	width:750px;
}

div.section {
	/* A section is one slice of our web sandwich. */
	margin: 20px 0px 20px 0px;
	width:750px;
/*	background-color: yellow;*/
	clear: both;
}

#header {
/*	background-color: purple;*/
	margin-top: 10px;
	margin-bottom: 30px;
}

#header a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

div.main {
	width:500px;
	float: left;
/*	background-color: pink;*/
} 

div.main_right {
	float:right;
	width:500px;
}

div.sidebar  { 
	font-family: "Lucida Grande", Sans-serif;
	font-size: x-small;
	padding: 0; 
	width: 220px; 
	float: right;
	margin-right: 0;
}

div.sidebar > p {
	font-size: small;
}

div.linkmenu{
	font-size: 13px;
	margin-left: 12px;
}

div.footer {
	margin-top: 25px;
	clear: both;
	font-size: xx-small;
	text-align: center;
	color: #333333;
	width:750px;   
/*	background-color: green;*/
}

div.left_logo {
	width: 56px;
	float: left;
}

div.top_nav {
	/*margin-left:60px; */
}

div.news_flash {
	margin-left: 64px;
	margin-right: 64px;
}

.centered {
	text-align: center;
}

.simple_box {
	margin-top: 24px;
	padding: 2px 8px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #aaaaaa;
}

.caption_subdued
{
	font-family: "Lucida Grande", Sans-serif;
	font-size: 10px;
	color: #4c4c4c;
}

.caption
{
	font-family: "Lucida Grande", Sans-serif;
	font-size: 10px;
	color: #000000;
}

.flush_top
{
	margin-top: 0;
}


/* Ethan's original DreamWeaver in-page styles preserved here for now... "*/
table.chart {
   background-color: #CCC;
   border: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
}

table.chart td {
   background-color: #ECECEC;
   padding: 4px;
   border: 1px #fff solid;
}

table.chart td.hed {
   background-color: #CCC;
   padding: 4px;
   border-bottom: 2px #aaa solid;
	font-weight: bold;
}

table.faq {
	border: 1px #aaaaaa solid;
   border-collapse: collapse;
   border-spacing: 0px;
	background: inherit;
}

tr.even {
   background-color: #ffffff;
   padding: 4px;
}

tr.odd {
   background-color: #ecf2fe;
   padding: 4px;
}

td.additional_info {
	text-align: right;
	color: #333333;
	font-size: smaller;
}

table.faq_answer {
	border: 1px solid #aaaaaa;
	background: inherit;
}

table.faq tr.header {
   background-color: #e8e8e8;
   padding: 4px;
	font-weight: bold;
	font-size: larger;
	border: 1px solid #aaaaaa;
}

/*
SPANS AND SO FORTH
These are like paragraph styles, header styles, and whatnot.
*/
.small { font-size: x-small }
.smallest { font-size: xx-small }
.current_location { font-weight: bold;   }
.navbar  { font-size: xx-small; padding-bottom: 2px; border-bottom: 1px solid #aaa }
.navbar_lower  { color: #666; font-size: xx-small;text-align: right }

.sidebar_box { 
	color: #000000; 
	border: solid 1px #aaaaaa; 
	padding: 0;
	font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin-bottom: 1em;
	background: none repeat #f0edd9;
	margin-right: 0;
}

.sidebar_box_heading {
	text-shadow: 3px 3px 3px #999;
	text-align: center;
	font: bold 13px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}


/*
.section_header { 
	font-weight: bold; 
	background: #eeeeee; 
	margin-top: 24px;  
	border-style: solid;
	border-width: 1px 1px 1px 12px; 
	border-color: #aaaaaa; 
	border-spacing: inherit 
}
*/