/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:gray;
	
	font-family:arial,sans-serif;
	/*font-size:small;*/
}

h1 { 
	font-size:1.7em; 
}

h2 {
	font-size:1.25em;
}

h3 {
	font-size:1.15em;
}

h4 {
	font-size:1.11em;
}

p { 
	line-height:1.5; 
}

td { vertical-align:top}

a:link, a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:750px;
	background:#FFFFFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div.header {
	padding:1em;
	background-image:url("../images/belyuen_banner.jpg");
	background-repeat: no-repeat;
	background-position:center center;
}
	div.header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}


#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #000;
	background-color:#000000;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0.3em 1.6em 0.3em 1.6em; 
	text-align:center;
}


#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	w\idth: 14.4em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 0;
	background-color:#CCC;
}

#nav li li {
	padding-right: 0.5em;
	width: 13em;
}

#nav li ul a {
	w\idth: 13.3em;
	padding:0.25em 0em 0.25em 1em;
	color:#000;
	text-align:left;
}

#nav li ul ul {
	margin: -1.75em 0 0 17em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color: #CCC;
	color:#000;
}
#nav li a:hover, #nav li.sfhover a {
	color:#000;
}

#nav li li a:hover, #nav li li.sfhover a {
	color:#000;
	background-color:#FFF;
}



div.content {
	padding:1em 1em 5em; /* bottom padding for footer */
	clear:both;
}
	div.content p {
		padding:0 1em;
	}


.devnotes {
	color:#CC00CC;
}

.getacro {
	text-align:center;
	font-size:0.9em;
	border:1px solid #666666;
	background-color:#EEEEEE;
	margin:4em;
	padding: 0.5em;
}

div.footer {

	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ddd;
	border-top:1px solid black;
	text-align:center;
}
	div.footer p {
		padding:1em;
		margin:0;
		line-height:normal;
	}
	
	div.footer a:link, div.footer a:visited {
		color:#000;
		text-decoration:none;
	}

.file {
	color:#666666;
	}