﻿body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:60px;
	
	border-bottom: 1px solid Black;
	background-position: top;
	font-size: 330%;
	font-weight: bold;
	
	color: White;
	background-image: url(./Banner.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #f90;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
	
	font-family: Calibri;
	font-variant: small-caps;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	height:60px;
	width:100%;
	margin:0 auto;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:90px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:106px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:100%;
	margin:0 auto;
}

div#content {
	padding: 0px 40px;
	margin-left:0px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:96px;
}
body>div#footerwrap {
	position:fixed;
}

div#footer {
	height:96px;
	width:100%;
	margin:0 auto;
	
	background-color: #f90;
	
	border-top: 1px solid Black;
	background-position: top;
	font-size: 100%;
	color: White;
	background-image: url(./Footer.png);
	background-repeat: no-repeat;
	background-position: right center;
	
}

/* Styling rules to make this demo page look nice. */
body
{
	background: #fff;
	color: #000;
	font-style: normal;
	font-weight: 400;
}

body,p,h1,h2,h3,h4,h5,h6,li,tr,td,th,dd,dt,a
{
    font-family:"Segoe UI",Arial,Sans-Serif;
    font-size:14px;
    line-height:normal;
    color:#111;
}

h1,h3,h4,h5,th 
{
    font-weight:bold;
}

h1 
{
    color:#333;
    padding:0;
    margin:0 0 7px;
    text-align:left;
    font-size:29px;
    font-weight:200;
}

h2 
{
    color:#f90;
    margin:20px 0 11px;
    font-size:20px;
    font-weight:600;
}

h3 
{
    color:#666;
    font-size:18px;
    font-weight:normal;
}

h4 
{
    font-size:16px;
}

h5 
{
    color:gray;
    font-size:14px;
    font-weight:bold;
    margin-bottom:2px;
}

h6 
{
    font-size:65%;
    color:#666;
    font-weight:normal;
}

a 
{
    text-decoration:none;
    color:#0057C2;
}

a:visited 
{
    color:#0057C2;
}

a:active 
{
    text-decoration:underline;
}

a:hover 
{
    text-decoration:underline;
}
a:focus 
{
    outline:none!important;
}

img:focus 
{
    outline:none!important;
}

a:not([href]) 
{
    color:inherit;
    text-decoration:none;
}

