@charset "utf-8";
/* CSS Document - Main Stylesheet - stylesheet.css */

/* BODY AND CONTAINER
----------------------------------- */
			body {
				font-family: "century gothic", arial, sans-serif;
				font-size: 75%;
				line-height: 1em;
				background: #0c203b url("../images/bg_slice.jpg") repeat-x; 
				padding: 0px;
				margin: 0px;	
			}

/*  add "overflow: hidden;" to container so background flows behind images */

			#container {
				width: 900px;
				padding: 0px;
				margin: auto;
				overflow: hidden;
			}

/*  add float to all div's (except container) for correct layout in Firefox  */
			
			#header{
				width: 900px;
				height: 150px;
				padding: 0px;
				margin: 25px 0 0 60px;
			}

		
			#navbar {
				background-color:#000;
				font-family: "century gothic", arial, sans-serif;
				width: 900px;
				height: 50px;
				font-size: 1.2em;
				font-weight: bold;
				padding: 0px;
				margin: -60px 0 0 0;				
			}

			#navbar li {
				list-style: none;
				display: inline;				
			}

			#navbar a{
				width: 210px;
				color: #fff;
				text-decoration: none;
				text-align: center;
				background:url("../images/buttons.png");
				float: left;
				padding: 15px 0 13px 0;
				margin: 0 0 0 0px;				
			}

			#navbar a:hover {	
				background-position: 0 -45px;
				color: #cc0a02;
			}

			#navbar a:active {
				background-position: 0 -90px;
				color: #000;
			}

			#contents {
				width: 900px;
				padding: 0px;
				margin: 50px 0 0 60px;
				background: #fff;
			}								

			#footer {
				float: left;
				color: #fff;
				width: 900px;
				height: 40px;
				padding: 0px;  
				margin: 0px;
				background-color: #0c203b;
			}
			
			#footer p {
				margin-left: 199px;
				color: #fff;
			}

			#footer a {
				display: inline;
				font-family: "century gothic", arial, sans-serif;
				font-size: 1em;
				width: 750px;
				color: #fff;
				text-decoration: none;
				text-align: center;
				padding: 0 5px 0 5px;				
			}				

			#footer a:hover {	
				color: yellow;
			}

			h1 {
				font-size: 1.3em;
				color: #fff;
				text-align: center;		
			}
			
			h2, h3, h4 {	
				font-family: "century gothic", arial, sans-serif;
				text-align: left;
			}

			

			h2 {
				font-size: 1.1em;
				color: #000;	
				padding-left: 3em;
			}

			h3 {
				font-size: 1.3em;
				color: #fff;
				text-align: center;	
			}


			h4 {
				font-size: 1em;
				color: #006600;	
				font-weight: bold;
			}

			p {
				font-size: 1.1em;
				text-align: left; 
				margin: .5em 0 .5em 0;
				padding: 0 60px 0 0;
				line-height: 1.3em;				
			}

			img {
				float: left;
				padding: 0;
				margin: -55px 0 0 -60px;
			}	

			img.name {
				margin: -20px 0 0 -5px;
			}

			ol {
				/*  padding-left: 1em;  */
				list-style-type:none;
				font-size: 1.2em;
				font-weight: bold;
				line-height: 1.1em;
			}

			ol li {
				font-size: .9em;
				line-height: 1.2em;
			}
			
			ul {
				font-size: 1.1em;
				text-align: left; 
				margin-top: 0;
				line-height: 1.2em;
				font-weight:normal;
				padding-left:3.0em;
			}

			em {
				font-style: italic;
				font-size: 1em;
				color: #006600;
			}

			.toplink {
				margin: 0;
				font-size: 100%;
				text-decoration: none;
			}

/*  Add padding to top for correct format in Firefox  */
			
			p.indent {
				padding: .5em 0 0 3em;
				margin: -1.2em 0 0 0;
				font-size: 1.1em;
			)