/*
 *				  HTML
 * Colors:		  Name	RGB		 CMYK
 *  Red			 red	 #FF0000	 0%,100%,100%,0%
 *  Yellow		  yellow  #FFFF00	 0%,0%,100%,0%
 *  Green		   lime	#00FF00	 100%,0%,100%,0%
 *  Cyan			aqua	#00FFFF	 100%,0%,0%,0%
 *  Blue			blue	#0000FF	 100%,100%,0%,0%
 *  Magenta		 fuchsia #FF00FF	 0%,100%,0%,0%
 *
 *  White		   white   #FFFFFF	 0%,0%,0%,0%
 *				  silver  #C0C0C0
 *				  gray	#808080
 *  Black		   black   #000000	 0%,0%,0%,100%
 *
 *				  maroon  #800000
 *				  olive   #808000
 *				  green   #008000
 *				  teal	#008080
 *				  navy	#000080
 *				  purple  #800080
 *
 *  Chartreuse 1			#7FFF00	 50%,0%,100%,0%
 *  Chartreuse 2			#76EE00	 50%,0%,100%,7%
 *  Chartreuse 3			#66CD00	 50%,0%,100%,20%
 *  Chartreuse 4			#458B00	 50%,0%,100%,45%
 *
 *
 *
 * Formulas
 * Color Brightness = ((R X 299) + (G X 587) + (B X 114)) / 1000
 * Brightness difference should be at least 125.
 *
 * Color Difference = (maximum (R1, R2) - minimum (R1, R2)) + (maximum (G1, G2) - minimum (G1, G2)) + (maximum (B1, B2) - minimum (B1, B2))
 * Color difference should be at least 500 (W3C).
 * Color difference should be at least 400 (Hewlett Packard).
*/

body {
	font-family: serif;
	font-size: 12px;
	padding: 0px 10px 0px 0em;
	background-color: white;
}
div.frame640x480
 {
	position: fixed;
	left: 0px;
	top: 0px;
}

/*
 * Main body of page.
 */

section.main
 {
	z-index: 0;
	position: relative;
	width: 45em;
	margin: 2ex 4em;
	padding: 2ex 2em 2ex 2em;
	cursor: text;
}
section.main p
 {
	text-align: justify;
	text-indent: 1em;
}
section.main h1 {font-family: sans-serif; font-size: large; font-weight: bold;}
section.main h2 {font-family: sans-serif; font-size: medium; font-weight: bold;}
section.main h3 {font-family: sans-serif; font-size: small; font-weight: bold;}
section.main code {font-family: monospace}

/*
 * Header section of page.
 */
header
 {
	z-index: 7;
	position: relative;
	width: 45em;
	height: 13ex;
	margin: 2ex 4em;
	border-bottom-width: 1px 0 0;
	border-bottom-style: double;
	padding: 2ex 2em 2ex 2em;
}
header h1
 {
	font-family: sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center;
}
header h2
 {
	font-family: sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center;
}
header img.logo
 {
	position: absolute;
	left: 1em;
	top: 2ex;
	border:0;
	width:76px;
	height:62px;
}
header img.eff
 {
	position: absolute;
	left: 50em;
	top: 4ex;
	border:0;
	width:150px;
	height:41px;
}

/**
 * Footer section of the page
 */
footer {
	position: relative;
	width: 45em;
	margin: 2ex 4em;
	padding: 2ex 2em;
	border-top-width: 1px 0 0;
	border-top-style: double;
}
footer ul {
	font-size: x-small;
	text-align: left;
	margin: 0;
	padding: 0;
}
footer ul > :last-child {
	border-right: 0;
	padding: 0 0;
}
footer li {
	display: inline;
	border-right: 1px solid #b1b5b7;
	padding: 0 1em;
}
footer a {
	padding: 0 1em;
}
footer p#copyright {
	font-size: x-small;
	text-align: left;
	width: 50%;
}
footer p#privacy {
	font-size: x-small;
	text-align: left;
	width: 50%;
}
footer div.badges {
	position: absolute;
	top: 0.5ex;
	right: 0;
	bottom: auto;
	left: auto;
}
footer img {
}

/*
 * Navigation area of the page.
 */
nav {
	cursor:pointer;
	position:fixed;
	left:0;
	top:20%;
	margin:0;
	padding:0;
	background:DeepSkyBlue;
	text-align:center;
	overflow:hidden;
	color:#fff;
	z-index:1000;
	_display:none;

	font-family:sans-serif;
	font-style:normal;
	font-size:100%;
	font-weight:normal;
}
nav #navmenu {
	display:none;
}
nav:hover #navmenu {
	display:block;
}
nav:hover #navhdr {
	display:none;
}
nav h2 {
	display:block;
	padding: 1ex 1em;
}
nav ul {
	width:auto;
	list-style:none;
	margin: 1ex 1em;
	padding: 0;
	font-size: small;
	text-align:left;
}
nav li {
	padding: 1ex 0em;
}
nav a {
	color:#fff;
	display:block;
	text-decoration:none;
}
nav a:hover,nav a:focus {
	background:#f14a29;
	outline:0;
}


/*
 * Advertising aside.
 */
aside#advert
 {
	z-index: 6;
	position:absolute;
	top: 25ex;
	right: auto;
	bottom: auto;
	left: 55em;
	width: 20em;
	margin: 1ex 0.5em 1ex 0.5em;
	padding: 0ex 0.5em 0ex 0.5em;
	background-color: silver;
}
aside#advert h1
 {
	font-family: sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	border: thin;
	border-top-style: double;
	border-bottom-style: double;
}
aside#advert p
 {
	font-family: serif;
	font-size: x-small;
	margin: 0px;
	border: 0px;
	padding: 0em;
}



div.pictures
 {
	width: 200px;
	position: absolute;
	/* display: inline; */
	top: 0px;
	left: 400px;
}



img.size32x32
 {
	border:0;
	width:32px;
	height:32px;
	padding: 2px 2px 2px 2px
}

img.size64x64
 {
	border:0;
	width:64px;
	height:64px;
	padding: 2px 2px 2px 2px
}

img.size88x31
 {
	border:0;
	width:88px;
	height:31px;
	padding: 16px 8px 16px 8px
}

img.size55x22
 {
	border:0;
	width:55px;
	height:22px;
	padding: 11px 5px 11px 5px
}