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;
}

#MainTitle {
	background: transparent url(/Images/title_welcome.jpg) no-repeat 10px;
	color: #FFF;
	font-family: "Friz Quadrata", "Trebuchet MS", Tahoma, san serif;
	font-size: 32pt;
	height: 80px;
	line-height: 30px;
	padding-left: 20px;
	padding-top: 42px;
}

#MainText {
	font: 10pt/20pt "Trebuchet MS";
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 20px;
}

/* Green projects pane */
#Projects {
	font: 8pt/13pt "Trebuchet MS";
	padding-top: 20px;
}
#Projects .title {
	font: 12pt/20pt "Friz Quadrata", "Trebuchet MS";
	padding-left: 5px;
}
#Projects p {
	padding-left: 12px;
	padding-right: 5px;
	text-indent: -7px;
}
#Projects a {
	color: #000099;
	text-decoration: none;
}
#Projects a:hover {
	text-decoration: underline;
}

/* Footer layer */
#Footer {
	background: transparent url(hr.gif) repeat-x top left;
	clear: both;
	color: #999999;
	font: 8pt Tahoma;
	padding-top: 25px;
	text-align: center;
	width: 100%;
}
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; 
}

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