/* -- LAYOUT STYLES --
   Imported to protect old browsers */
   

	@import url("layout.css");
	

/* -- BASIC STYLES -- 
   Sets up fonts, colors, margins on basic elements,
   and a few other things */


	/* - BODY - */
	
	html, body, p, ul, ol, dl, dd, dt, blockquote, h1, h2, h3, h4, h5, h6, address, table, td, th, caption, form
	{
		margin: 0;
		padding: 0;
	}
	
	body
	{
		background: #064482; /* navy blue */
		color: white;
		font: 70% Verdana, Arial, Helvetica, sans-serif; /* 12px base font size */
	}
	
	
	/* - HEADINGS - */
	
	h1, .like_h1
	{
		font: bold 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #064482; /* navy blue */
		margin-bottom: 12px;
	}
	
	h2, .like_h2
	{
		font: bold 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #064482; /* navy blue */
		margin-bottom: 12px;
	}
	
	h3, .like_h3
	{
		font: bold 1.6em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: black;
		margin-bottom: 3px;
	}
	
	h4, .like_h4
	{
		font: bold 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: black;
		margin-bottom: 3px;
	}
	
	h5, .like_h5
	{
		font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 3px;
	}
	
	h6, .like_h6
	{
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 3px;
	}
	
	
	/* - LINKS - */
	
	a, a:link 
	{
		color: #064482; /* navy blue */
	}								
	
	a:visited 
	{
		color: #039; /* blue */
	}								
	
	a:hover, a:active 
	{
		color: black;
	}
	
	#content a
	{
		font-weight: bold;
	}
	
	a img
	{
		border: 0;
	}
	
	
	/* - PARAGRAPHS, LISTS, TABLES, QUOTES - */
	
	p, ul, ol, dl, blockquote, pre, table
	{
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 12px;
	}
	
	p, #content li
	{
		line-height: 1.4em;
	}
	
	li, th, td, dt, dd
	{
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
	ul, ol, blockquote
	{
		padding-left: 20px;
	}
	
	ul
	{
		list-style: circle;
	}
	
	ul ul, ol ul
	{
		list-style: square;
	}
	
	ul ul, ul ol, ol ul, ol ol
	{
		margin: 0;
	}
	
	dt
	{
		font-weight: bold;
	}
	
	dd
	{
		margin-bottom: 12px;
	}
	
	table 
	{	
		border: 0 solid #064482; /* navy blue */
		border-width: 1px 0 0 1px;
	}
	
	td, th, caption
	{
		border: 0 solid #064482; /* navy blue */
		border-width: 0 1px 1px 0;
		padding: 5px;
		vertical-align: top;
	}
	
	table.noborder, .noborder td, .noborder th, .noborder caption
	{
		border: 0;
	}
	
	caption
	{
		font-weight: bold;
		border: 0;
	}
	
	th
	{
		text-align: left;
		font-weight: bold;
	}
	
	tfoot th, tfoot td
	{
		font-size: 0.9em;
	}
	
	address
	{
		margin-bottom: 12px;
	}
	
	address p
	{
		margin-bottom: 0;
	}
	
	code
	{
		font: 1em "Courier New", Courier, Monaco;
	}
	
	
	/* - FORMS - */
	
	fieldset
	{
		border: 1px solid #666; /* grey */
		padding: 5px 10px 10px;
	}
	
	form .form_field, fieldset
	{
		margin-bottom: 1.2em;
		margin-top: 1.2em;
		
	}
	
	form ul.form_field
	{
		list-style: none;
		margin-bottom: 6px;
		margin-top: 6px;
		padding-left: 0;
	}
	
	label
	{
		display: block;
		font-weight: bold;
	}
	
	form ul.form_field label
	{
		display: inline;
		font-weight: normal;
	}
	
	legend
	{
		font: bold 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	/* - INLINE ELEMENTS and RULES - */
	
	acronym, abbr
	{
		border: 0 dotted #333; /* dark grey */
		border-bottom-width: 1px;
	}
	
	dfn
	{
		font-style: normal;
		font-weight: bold;
	}
	
	del
	{
		color: #900; /* dark red */
		text-decoration: line-through;
	}
	
	ins
	{
		color: #063; /* mason green */
		text-decoration: none;
	}
	
	samp, var, kbd
	{
		font: 1em "Courier New", Courier, Monaco;
	}
	
	hr
	{
		border: 0 solid black;
		border-top-width: 1px;
		clear: both;
	}
	

/* -- PRESENTATIONAL STYLES -- 
   Sets up some classes that generally replicate 
   various aspects of presentational HTML */
   

	/* - ALIGNMENT - */
	
	.left_align
	{
		float: left;
		margin: 0 10px 10px 0;
	}
	
	.right_align
	{
		float: right;
		margin: 0 0 10px 10px;
	}
	
	
	/* - INDENTATION - */
	
	.indent_1 { padding-left: 20px; }
	.indent_2 { padding-left: 40px; }
	.indent_3 { padding-left: 60px; }
	.indent_4 { padding-left: 80px; }
	.indent_5 { padding-left: 100px; }
	.indent_6 { padding-left: 120px; }
	.indent_7 { padding-left: 140px; }
	
	/* - FLOAT CLEARING - */
	
	.clearance
	{
		clear: both
	}