/* Reset margins and padding for subsequent layout elements */

/* { 
	padding: 0;
	margin: 0;
}*/

/* General body layout */

body { 
	margin:0;
	padding:0;
	font-family: Georgia, Times New Roman, Times, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	text-align: center;
    background-color: #ffffff; 
}

div.body {	
	width: 100%;
	text-align: left;
	margin: 0 auto;
}

* html .body {
	height: 100ex;
	}

#logo_bar {
	padding: 0;
	color: #666;
	background: #FFF url(/styleguide/spitfire_site_logo_middle.gif) repeat-x top;
	height: 64px;
   	display: none;
}

#logo_bar .logo_lefts { 
	background: transparent url(/styleguide/spitfire_site_logo_left.gif) no-repeat left; 
	float: left;
	height: 64px; 
	width: 220px;
   	display: none;
}
#logo_bar .logo_rights {
	background: transparent url(/styleguide/spitfire_site_logo_right.gif) no-repeat right;
	float: right;
	height: 64px;
	width: 580px;
	margin-left: -220px;
   	display: none;
}

#logo_bar h1 {
	font-size: 0.5em; 
   	display: none;
}

#logo_bar h2 {
	font-size: 0.4em; 
   	display: none;
}

#navigation_pane {
   	display: none;
   	margin: 15px 0 15px 0; 
	width: 14em; /* 180px; */
	float: left;
	margin-right: 8px;
	text-align: left;
}

#content_pane {
    margin: 0; 
	padding: 0;
	border: 0;
}

div.header {
	margin: 0 0 1em 0;	
	text-align: center;
	}

div.footer {
	margin: 1em 0 0 0;	
	text-align: center;
	clear: both;
	}
	
/* Menu styles for navigation pane */	

#navigation_pane * {
   	display: none;
}

#location_bar {
   	display: none;
}

#content_pane {
    margin: 0; 
	padding: 0;
}

#right_column {
   	display: none;
}

#left_column {
    margin: 0; 
	padding: 0;
	width: 100%;
	text-align: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Hide online advertisements */	

.ad {
   	display: none;
}


/* Text styles */

p
{
	font-size: 100%;
	line-height: 2.0; /* 1.6 */
}

.body_text
{
	font-size: 100%;
	line-height: 2.0; /* 1.6 */
}

p.align_center
{ 
	text-align: center 
}

p.align_right
{ 
	text-align: right 
}

p.spacing_single
{ 
	line-height: 1.25
}

p.link
{ 
	line-height: 1.25;
}

p.image
{
	color: #666066;
	text-align: center; 
	font-style: italic;
    line-height: 1.33
}

p.image img
{
	padding: 6px;
	border: 1px solid #c0c0c0;
	margin: 1px;
}

p.image_hanging
{
	clear: both;
}

p.image_hanging img
{
	padding: 6px;
	border: 1px solid #c0c0c0;
	margin: 0.5em 0em 0.5em 1em;
	float: right;
}

p.footertext		
{
    font-family: Arial, Helvetica;
    font-size: 85%;  // 11px
    color: #666066;
    text-align: left;
    line-height: 1.25
}	

p.smalltext		
{
	font-size: 85%;    // 11px
	color: #222222;
	font-weight: normal;
	text-align: left
}

p.sidebar 
{ 
	/* clear: both; */
	border-top: 1px dotted #888;	
	border-bottom: 1px dotted #888;
	background: #eaeaea;
	color: #222222;
	padding: 1em;
	margin: 15px 0 10px 0;
	
}

p.navigation
{
	display: none;	
}


/* Other HTML text elements */

ul
{
	list-style-type: square;
	margin-bottom: 0;
    line-height: 1.6
}

ol
{
	margin-bottom: 0;
    line-height: 1.6
}

small		
{
    font-size: 85%;
}	

/* Horizontal line styles */

hr
{
    color: #c0c0c0;
    height: 1px;
}

hr.light
{
    color: ;
    
}

/* Tables */

table
{
	font-size: 100%;
	line-height: 1.25;
	empty-cells: show;
	borer-collapse: collapse;
}

table ul
{
    line-height: 1.25
}

table ol
{
    line-height: 1.25
}


table.sidebar_outline_blue
{
	border: 1px solid #99ccff;
	width: 100%
}

table.sidebar_outline_blue td
{
	padding: 0.5em 0.75em 0.75em 0.75em;
}

table.sidebar_outline_grey
{
	border: 1px solid #c0c0c0;
	width: 100%
}

table.sidebar_outline_grey td
{
	padding: 0.5em 0.75em 0.75em 0.75em;
}

table.sidebar_solid_blue
{
	border: 1px solid #c0c0c0;
	background-color: #eef4ff;
	width: 100%
}

table.sidebar_solid_blue td
{
	padding: 0.3em 0.3em 0.3em 0.3em;
}

/* Headings */

h1
{
    font-family: Arial, Helvetica;
    font-size: 169%;    // 22px
    font-weight: bold;
    color: #003366;
    margin-top: 0px; 
    margin-bottom: 0px;
    text-align: left
}

h2
{
    font-family: Arial, Helvetica;
    font-size: 138%;   // 18 px
    font-weight: bold;
    color: #003366;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left
}

p.author
{
    font-size: 85%; 
	line-height: 1.25;
    margin-top: 12px;
    margin-bottom: 0;
}

/* Subtitles */

h3
{
    font-family: Arial, Helvetica;
	font-size: 108%; // 12px (?)
    font-weight: bold;
    text-align: left
}

h4
{
    font-family: Arial, Helvetica;
	font-size: 108%;
    font-weight: bold;
    text-align: left
}

h5
{
    font-family: Arial, Helvetica;
    font-size: 108%;
    font-weight: bold;
    text-align: left
}

h6
{
    font-family: Arial, Helvetica;
    font-size: 108%;
    font-weight: bold;
    text-align: left
}


/* Link coloring HTML tags */

a	{
	color: #336699; 
	text-decoration: underline;
} 

a:link	{
	color: #336699; 
	text-decoration: underline;
} 

a:visited	{
	color: #664466; 
	text-decoration: underline;
} 

a:active	{
	color: #cc6600;
	text-decoration: underline;
} 

a:hover	{
	color: ;
	
} 

/* Forms */

form
{
	font-size: 100%
}	

input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
}

select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
}