* {
	margin:0;
	padding:0;
}
body,html { height: 100%; /* Needed to to generate for min-heigth:100% to know what 100% is */ }
div#site 
{
	min-height:100%;
	height:auto; /* FIX < IE 7 */
}
	
body {
	background:url('img/background.png') bottom left repeat-x white;
	background-attachment:fixed; /* Make sure FF aligns to bottom past viewport */
	font-family: "Segoe UI",  Verdana, Tahoma;
	font-size:0.7em;
}
div#site {
	width:65%;
	background:white;
	margin:auto;
	border-left:5px solid #E6E6E6;
	border-right:5px solid #E6E6E6;
	margin-top:-50px; /* allow margin for footer */
}
div#body {
	position:relative;
	padding-top:50px; /* Drop down a bit from the negative margin on this elements negative container */

}
div#logo {
	background:url('img/logo_background_slide.png') top left no-repeat;

}
div#logoBackground {
	background:url('img/logo_background.png') top repeat-x white;
}
div#logo img { border:none; }

div#footer {
	position:relative;
	width:65%;
	margin:auto;
	background:url('img/footer_background.png') top left repeat-x #E6E6E6;
}
div#footer img 
{
	vertical-align:middle;
	border:none;
}
div#footer span 
{
	position:absolute;
	top:22px;
	color:white;
}
img#footerRight {
	position:absolute;
	right:0;
}
img#valid_css {
	position:absolute;
	right:25px;
	top:-17px;
}
img#valid_xhtml {
	position:absolute;
	right:80px;
	top:-17px;
}
div#adsense {
	position:absolute;
	right:-120px;
	top:20px;
}
div#content {
	padding:10px;
	overflow: hidden; /* Makes sure the floats causes this to grow */
}
div#article {
	overflow:auto;
	width:inherit;
	margin-right:10px;
	padding-right:10px;
}
div#navigation {
	float:right;
	margin-bottom:20px;
	background:url('img/navigationDivider.png') top center repeat-y yellow;
	border-right:1px solid #E6E6E6;
	padding-bottom:20px;
}

ul.nav {
	float:left;
	margin-right:10px;
}
ul.nav li {
	text-align:left;
	list-style:none;
	list-style-type:none;
	font-family:Georgia;

	font-variant:small-caps;
	font-size:12pt;
	white-space: nowrap;
}
ul.nav li ul {

}
ul.nav a {
	font-family: "Segoe UI",  Verdana, Tahoma;
	text-transform:none;
	font-variant:normal;
	font-size:8pt;
	text-decoration:none;
	display:block;
	padding-left:20px;
	padding-right:20px;
	line-height:16px;
	color:black;
	border:1px solid transparent;
}
ul.nav a:hover {
	background:url('img/previous.png') no-repeat 0px 0px;
	border:1px solid #E6E6E6;
}
ul.nav .selected a {
	background:url('img/tick.png') no-repeat 0px 0px;
	border:1px solid #E6E6E6;
	font-weight:bold;
}
div.code {
	border: 1px solid #E6E6E6;
	padding:5px;
	overflow-x:auto;
	background:#F9F9F9;
	font-family:Consolas, monospace;
	font-size:8pt;
}


/* ELEMENT STYLING */
h1 { 
	color:#aacc33;
	font-weight:normal;
	margin-bottom:20px;
	font-family:Georgia;
	font-size:18pt;
	border-bottom:1px solid #E6E6E6;
	height:30px;
}
h2 {
	font-weight:normal;
	font-family:Georgia;
	font-size:12pt;
}
h3 { 
	color:#FF0066;
	font-weight:normal;
	margin-bottom:20px;
	font-family:Georgia;
	text-align:left;
	font-size:14pt;
	border-bottom:1px solid #E6E6E6;
	height:30px;
}
p, h2, div.code {
	margin-bottom:10px;
}
#edit {
	float: right;
	margin-top: 5px;
	width: 64px;
	height: 24px;
	background-image: url(../../../style/EditButton.png);
	background-repeat: no-repeat;
}
a#edit:hover {
	background-image: url(../../../style/EditButtonHover.png);
}
a#edit:active {
	background-image: url(../../../style/EditButtonDown.png);
}