body {margin:0px;padding:0px;color:#000;background: #ccc;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*
@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); -- IE9 Compat Modes 
  src: url('webfont.eot?#iefix') format('embedded-opentype'), -- IE6-IE8 
       url('webfont.woff') format('woff'), -- Modern Browsers 
       url('webfont.ttf')  format('truetype'), -- Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg'); -- Legacy iOS 
}
*/


/* 
#036 navy blue      
#06c lt blue
#900 burgundy
#333 dk grey
*/


#container {
	   width: 980px;
	   margin: 0 auto;
     max-width:980px;
     float:none;
     padding: 0;
     background-color: #FFFFFF;
     color: #000000;
/*     border: 2px solid purple;    */
}	
#content {
  position: relative;
	float:left;
	width:90%;
	padding: 5%;
  background-color: #FFFFFF;
/*    border: 2px solid green;    */  
	}
#navbar {
	position: absolute;
	padding: 0;
	margin: 0px 0px 0px 40px;
	top: 440px;
	width: 880px;
	text-align:center;
  	}
#footer {
  clear:both;
	height:300px;
	margin: 20px auto;
	text-align: center;
/*  border: 2px solid orange;    */
	}
#header {
	height:420px;
	margin: 0px auto;
	text-align: center;
	}	

	

/*
-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}
		
ul#mainnav li {
	display: inline;
	}

ul#mainnav li a {
	display: inline;
	margin: 0px 15px 0px 15px;
	padding: 6px 8px 6px 6px;
	background-color: #fff;
	font: 1.4em/1.7em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	font-weight:bold;
  color: #b30000;
	text-decoration: none;
	width: 680px;	
	}

ul#mainnav li a:hover {
	color: #b30000;
	}
	
  
h1 {
	font: bold 1.8em/1.9em 'Lucida Sans Unicode', 'Lucida Grande', Arial,sans-serif;
	color: #000;
  margin: 40 0 0 0;
	padding:0;
	}


	
p {
	font: 1.3em/1.5em Arial,sans-serif;
	margin-bottom: 0px;
	padding:0;
	}



div#content li {
	font: 1.2em/1.5em Arial,sans-serif;
	}

div#content ul {
	margin-top: 5px;
	padding: 0px;
	margin-left:30px;
	}

 img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
	
.footer {
	font: 0.9em 'Lucida Sans Unicode', 'Lucida Grande', Arial,sans-serif;
	text-align: center;
	}

a:link {color: #06c;}
a:visited {color: #06c;}
a:hover {color: #900;}
a:active {color: #900;}
	
a.skipnav {
	font: 0.5em Arial,Helvetica,sans-serif;
	color:#fff;
	}
hr {color: #ccc;height: 2px;margin: 5px 0px;padding: 0px;}
a img {border: 0px none;display: block;}
/* display: block; removes extra space underneath caused by default text-alignment */


	
#top {margin:0;padding:0;}
.centerText  {text-align:center;}
ul {margin-left:25px;margin-top: 0px;padding: 0px;}
img.centered {display: block;margin-left: auto;margin-right: auto; }