/*
Table of contents
============================

	last-updated: xx Month Year;

	=1. universal reset
	=2. accessibility features
	=3. html and body
	=4. typography
	=5. layout
	=6. main navigation
	=7. form
	=8. tables
	=9. links

============================
*/

/*
=1. universal reset
============================
*/

*	{
	/* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/*
=2. accessibility features
============================
*/

.hide,
hr,
#skipnav,
#header h1 span,
#header h2,
#topnav h3,
#archives,
#cat,
#footer h3	{
	width: 0px;
	position: absolute;
	left: -9999px;
	overflow: hidden;
	}

acronym,
abbr	{
	cursor: help;
	}

/*
=3. html and body
============================
*/

html	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #01131b;
	font-size:76%; /* equates to about 12.16px on most browsers */
	line-height: 1.5; /* equates to about 18.24px on most browsers */
	}

body	{
	margin:10px auto;
	width: 90%;
	padding:0;
	color: #1f364f;
	background-color: #ffffff;
	}

/*
=4. typography
============================
*/

h1, h2, h3, h4, h5, h6	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 1em 0;
	}

h1, h2	{
	font-size: 1.5em;
	line-height: 1;
	}

h3	{
	font-size: 1.3158em;
	line-height: 1.14;
	font-family: "Trebuchet MS", Verdana, Arial;
	}
	
h4	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1513em;
	line-height: 1.3028;
	}

h5	{
	font-size: 0.9046em;
	line-height: 1.6363;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h6	{
	font-size: 0.8223em;
	line-height: 1.824;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

p, ul, ol, li, caption, address	{
	font-size: 1em;
	margin: 0 0 1.5em 0;
	}

ul, ol, dl	{
	padding: 0 2.2em;
	}
	
li, dd, dt	{
	}
	
address	{
	font-style: normal;
	}
	
th,
td	{
	padding: 0.25em 0;
	}

blockquote	{
	font-size: 1.3158em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1.5em 0;
	padding: 1em;
	padding-bottom: 0;
	border: 1px solid #cfd2d3;
	background-color: #FFFFFF;
	}

code	{
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	margin: 0 0 1.3636em 0;
	}

em	{
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #d91643;
	font-size: 1.1em;
	}
	
strong	{
	font-weight: bold;
	color: #1F364F;
	}

/*
=5. layout
============================
*/

#header	{
	background: #1e3755 url('images/header-background.jpg') bottom left no-repeat;
	border-bottom: 3px solid #a6d516;
	height: 302px;
	width: 100%;
	}

#header h1	{
	background: transparent url('images/logo.gif') 20px 15px no-repeat;
	height: 94px;
	width: 345px;
	}

#header blockquote	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #f3f4f3;
	background-color: transparent;
	margin-left: 57%;
	margin-top: -15px;
	border-width: 0px;
	width: 40%;
	}
	
#header em	{
	color: #a6d516;
	}
	
blockquote span	{
	font-family: "Trebuchet MS", Verdana, Arial;
	}

#content	{
	float: left;
	width: 69%;
	min-height: 900px;
	background-color: #f3f4f3;
	border-right: 3px solid #cfd2d3;
	padding: 2em 2%;
	}
	
* html #content	{
	padding: 1.5em;
	height: 900px;
	}
	
#content p span	{
	font-size: 0.8em;
	font-style: italic;
	}
	
.news,
.dates	{
	float: left;
	width: 47%;
	padding-right: 2%;
	}
	
#secondary	{
	background-color: #ffffff;
	float: left;
	width: 21%;
	padding: 2em 2%;
	}
	
#secondary h2	{
	}

#secondary h3,
#secondary h4	{
	font-weight: bold;
	}
	
#secondary h3	{
	border-top: 1px solid #cfd2d3;
	padding-top: 1em;
	}
	
#footer	{
	position: relative;
	clear: both;
	min-height: 70px;
	padding: 0;
	margin: 0;
	padding-top: 1em;
	padding-right: 2%;
	font-size: 0.9em;
	color: #7d7e80;
	border-top: 1px solid #cfd2d3;
	}
	
* html #footer	{
	width: 98%;
	}
	
#footer ul	{
	float: left;
	list-style: none;
	}
	
#footer p	{
	float: right;
	}
	
/*
=6. main navigation
============================
*/

#topnav	{
	clear: both;
	}
	
#topnav	ul	{
	position: absolute;
	top: 274px;
	left: 6%;
	width: 90%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}
	
* html #topnav ul	{
	top: 22.0894em;
	}
	
#topnav li	{
	display: inline;
	float: left;
	width: 125px;
	height: 38px;
	margin: 0 5px 0 0;
	padding: 0;
	}
	
* html #topnav li	{
	width: 120px;
	}
	
.navigation	{
	position: relative;
	float: left;
	background-color: #ffffff;
	border: 1px solid #cfd2d3;
	padding: 0.5em 10px;
	margin-bottom: 1em;
	}

.alignleft	{
	float: left;
	}

.alignright	{
	float: right;
	}
	
.commentlist	{
	font-size: 0.9em;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
.commentlist li	{
	border: 1px solid #cfd2d3;
	background-color: #ffffff;
	padding: 1em 1em 0 1em;
	}
	
.post	{
	border: 1px solid #cfd2d3;
	background-color: #ffffff;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
	}
	
.commentmetadata,
.postmetadata,
.nocomments	{
	border-top: 1px solid #cfd2d3;
	padding-top: 1em;
	font-size: 0.9em;
	color: #7d7e80;
	line-height: 1;
	}

.nocomments	{
	border-width: 0px;
	padding: 0;
	}

#content p.postmetadata span	{
	font-size: 1em;
	}

/*
=7. form
============================
*/

#commentform	{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#commentform input	{
	padding: 2px;
	border: 1px solid #cfd2d3;
	color: #1f364f;
	}
	
#commentform textarea	{
	width: 99%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #cfd2d3;
	color: #1f364f;
	}
	
#search	{
	position: absolute;
	top: 19px;
	padding: 0 2%;
	}
	
* html #search	{
	top: 17px;
	width: 250px;
	padding: 0;
	}
	
#s	{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cfd2d3;
	padding: 1px 2px;
	background-color: #f3f4f3;
	}
	
* html #s	{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cfd2d3;
	padding: 2px;
	background-color: #f3f4f3;
	}
	
#searchsubmit	{
	background: #266a8e url("images/search.gif") bottom left repeat-x;
	color: #cfd2d3;
	border: 1px solid #cfd2d3;
	font-size: 1em;
	padding: 0;
	}
/*
=8. tables
============================
*/

table	{
	border-collapse: collapse;
	border: 1px solid #cfd2d3;
	background-color: #ffffff;
	margin-bottom: 1em;
	width: 100%;
	}
	
th, td	{
	padding: 0.5em 2%;
	border: 1px solid #cfd2d3;
	}
	
th	{
	border-collapse: collapse;
	border: 0px solid #cfd2d3;
	background-color: #cfd2d3;
	text-align: left;
	}
	
tfoot	{
	font-style: italic;
	}

/*
=9. links
============================
*/

a:link,
a:visited	{
	font-size: 1em;
	font-weight: normal;
	color: #d91643;
	text-decoration: underline;
	}

a:hover,
a:active,
a:focus	{
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #d91643;
	text-decoration: none;
	}

h2 a:link,
h2 a:visited	{
	font-weight: normal;
	color: #1f364f;
	text-decoration: none;
	}

h2 a:hover,
h2 a:active,
h2 a:focus	{
	font-weight: normal;
	color: #FFFFFF;
	background-color: #d91643;
	}
	
h3 a:link,
h3 a:visited	{
	font-size: 1em;
	font-weight: normal;
	color: #1f364f;
	text-decoration: none;
	}

h3 a:hover,
h3 a:active,
h3 a:focus	{
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #d91643;
	}
	
#topnav li	{
	background: transparent url('images/nav.png') bottom left no-repeat;
	}

* html #topnav li	{
	background-image: none;
	}

#topnav li:hover	{
	background: transparent url('images/nav-select.png') bottom left no-repeat;
	}

#topnav a:link,
#topnav a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
	width: 125px;
	padding: 9px 10px;
	text-decoration: none;
	}

#topnav a:hover,
#topnav a:active,
#topnav a:focus	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #f3f4f3;
	text-decoration: underline;
	background-color: transparent;
	}
	

* html #topnav a:link,
* html #topnav a:visited	{
	width: 105px;
	padding: 14px 10px 6px 10px;
	background: transparent url('images/IEnav.gif') bottom left no-repeat;
	}

* html #topnav a:hover,
* html #topnav a:active,
* html #topnav a:focus	{
	background: transparent url('images/IEnav-select.gif') bottom left no-repeat;
	}