html {
	min-height: 100%;
}

body {
	height: 101%;
	margin: 5px auto;
	text-align: center;
}

#Container {
	margin: 0px auto;
	text-align: left;
	width: 770px;
}

#Header {
	padding-top: 52px;
}

/* Navigation layer */
#Nav {
	background: transparent url(/images/bg_nav.jpg) repeat-x top left;
	height: 22px;
	margin-bottom: 10px;
	text-align: right;
}
#Nav a {
	color: #FFFFFF;
	font: 10pt "Trebuchet MS";
	margin-right: 10px;
	padding: 5px;
	text-decoration: none;
}
#Nav a:hover {
	background-color: #FFFFFF;
	color: #000000;
}

/* Sub-container layer */
#SubContainer {
	background: transparent url(/images/bg_subnav.jpg) repeat-y top left;
}

/* Secondary navigation layer */
#SubNav {
	background-color: transparent;
	color: #FFFFFF;
	float: left;
	font: 10pt/20pt "Trebuchet MS", Arial;
	margin-bottom: 3px;
	padding-left: 3px;
	width: 180px;
}
#SubNav .Title {
	color: #92C949;
	font: bold 12pt/20pt "Trebuchet MS", Arial;
	padding-left: 7px;
}
#SubNav a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
}
#SubNav a.selected {
	color: #92C949;
}
#SubNav a:hover {
	color: #92C949;
}

/* Main page title layer */
#Title {
	background-color: #2A74B3;
	border-top: solid 5px #7FBE27;
	color: #FFFFFF;
	float: right;
	height: 50px;
	width: 580px;
}

#Text {
	float: right;
	font: 10pt/18pt Arial;
	margin-top: 15px;
	padding-bottom: 20px;
	/*padding-right: 10px;*/
	width: 560px;
}
input, select, textarea {
	color: #009;
	font: 10pt Arial;
}

td {
	font: 10pt/18pt Arial;
}
.H1  {
	font: bold 18pt "Trebuchet MS"; 
}
.H2  {
	font-weight: bold; 
	font-size: 12pt; 
}
a {
	color: #00F;
	text-decoration: none;
}
a:hover {
	color: #00F;
	text-decoration: underline;
}
.small {
	font: 7pt Tahoma;
}
.req {
	color: #F00;
}
.inv {
	visibility: hidden;
}

.ul {
	padding-left: 20px;
}
.ul li {
	text-indent: -17px;
}
ul {
	list-style: none;
	margin-left: -1em;
	padding-left: 2em;
	text-indent: -1.1em;
}

/* Footer layer */
#Footer {
	border-top: solid 5px #7FBE27;
	clear: both;
	color: #999999;
	float: right;
	font: 8pt Tahoma;
	padding-top: 5px;
	text-align: center;
	width: 580px;
}
a.digerati {
	color: #000000;
	font: 9pt "OCR A Extended" "OCR A" "Courier New" monospace;
	text-decoration: none; 
}
a.digerati:hover {
	color: #000000;
	text-decoration: underline; 
}

#EvenFooter {
	background: transparent url(/images/bg_subnav.jpg) repeat-y top left;
	float: left;
	font-size: 1px;
	height: 5px;
	width: 180px;
}

/* Fix to clear floating boxes */
.ClearFix:after {
    content: "."; 
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .ClearFix { height: 1%; }