/*--- [Table of Contents] ------------------------------------------------------

1. Body
	2. Header.................: #header
		2.1 Navigation.........: #navbar
		2.2 Page Banner........: #banner
	3. Content................: #content
		3.1 Front Page
			3.1.1 Site Links....: #sitelinks
			3.1.2 Photo.........: #frontphoto
		3.2 Forms
			3.2.1 Contact Form..: #contactform
	4. Footer.................: #footer

------------------------------------------------------------------------------*/

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


/*--- [1. Body] --------------------------------------------------------------*/
body { 
	font-family: Helvetica, Arial, Geneva, sans-serif;
	background: black;
	color: white;	
	position: relative;
}

a { text-decoration: none; color: white; }


/*--- [2. Header] ------------------------------------------------------------*/
#header { background: #222; }

/*--- [2.1 Navigation] -------------------------------------------------------*/
	#header #navbar { 
		margin: 0 0 0 25px; 
		background: #222; 
		border-bottom: 10px solid #222; 
		border-top: 10px solid #222;
	}
		#header #navbar ul li {
			display:inline;
 			list-style-type: none;
			padding-right: 15px;
		}

		#header #navbar a { 
			font-weight: bold; 
			font-size: 12pt; 
			color: #555;
		}

		#header #navbar a:hover { color: orange; }

/*--- [2.2 Banner] -----------------------------------------------------------*/
	#header #banner {
		height: 100px; 		
		padding-top: 50px;
		margin-bottom: 25px;
		
		background: #666; 
		border-top: 3px solid #555; 
		border-bottom: 3px solid #555;
	}


/*--- [3. Content] -----------------------------------------------------------*/
/*
#content {	
	min-height: 100%;
	height:auto !important;
	height: 100%;
	margin: 0 auto -155px 50px;
}
*/


#content {
	min-height: 650px;
	margin-left: 50px; 		
}

h1 {
	/*font-family: sans;*/
	  font-family: 'courier new';
	font-weight: bold; 
	letter-spacing: 0.25cm; 
	vertical-align: 4.23mm; 
	text-align:center;
}

#content h1 { margin-top: 40px; }

em.title { color: orange; font-style: normal; font-weight:bold; }
em.title:before { content: '['; }
em.title:after { content: ']'; }

	#content p { margin: 50px 150px 10px 250px; }

#text {
	width: 600px;	
	margin: 30px 0 0 250px;
	line-height: 1.6em;	
}

	#text h3 {
		font-size: 16pt;	
		color: #aaa;
	}

	#text ol { margin-top: 25px; }
	#text li { padding-bottom: 15px; }

/*--- [3.1 Front Page] -------------------------------------------------------*/

/*--- [3.1.1 Site Links] -----------------------------------------------------*/
#sitelinks {
	width: 560px;
	margin-top: 50px;	
	float: left;
}

	#sitelinks ul { 
		text-align: right; 
	}

	#sitelinks li { 
		list-style-type: none; 
	}

	#sitelinks h2 {
		font-size: 18pt;
		letter-spacing: .5em;
		color: #666;
		  margin-top: 25px;
	}

	#sitelinks a {
		text-decoration: none;	
		font-size: 18pt;	
		font-style: italic; 
		color: white; 
		padding-right: 20px;
	}

	#sitelinks a:hover { 
		color: #888; 
	}

#frontphoto { margin: 75px 0 0 600px; }

	/* #frontphoto a { color: white; } */
	#frontphoto img { border: 2px solid white; }

/*--- [3.2 Forms] ------------------------------------------------------------*/

/*--- [3.2.1 Contact Form] ---------------------------------------------------*/
#contactform {
	margin-left: 300px;
	color: #aaa;
}

	#contactform input, textarea {
		padding: 5px;
		background-color: #bbb;
		border: 2px solid white;
	}
	#contactform input { 
		margin-bottom: 15px;
		font-weight: bold; 
	}


/*--- [4. Footer] ------------------------------------------------------------*/
#footer {	 
    min-height: 50px;
    width: 100%;
    padding-left: 10px;
    border-top: 5px solid white;     
	 background: #444;
	 color: #666;
}

.static_bottom {
	position: fixed;
	bottom: 0;
}

	#footer a {		
		text-decoration: underline;
		color: #666;	
	}
	
	#footer a:hover { color: #999; }