* { padding: 20; margin: 0; }

a {
	font-size: 30px;
	font-weight: bold;
	color: darkBlue;
	text-decoration: none;
}

img { 
	border: none; 
} 

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
}

#wrapper { 
 margin: 0 auto;
 width: 600px;
}

#content { 
 width: 600px;
 padding: 10px;
}


#backButton{
	text-decoration: none;
	border-style: none;
	position: relative;
	top:  10px;
}

#backText{
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top:  -8px;
}


#headerImage{
	position: relative;
	top: 30px;
	left: -20px;
}

#headerText{
	font-size: 26px;
	font-weight: bold; 
	color: #fff;
	position: relative; 
	left: 90px; 
	top: -39px;
}

#TOCEntry1{
	font-size: 30px;
	font-weight: bold;
}

#TOCEntry2{
	font-size: 30px;
	font-weight: bold;
	margin-left:50px;
}

#Link{
	font-size: 30px;
	font-weight: bold;
}



#greybox{
	margin: 20px 100px 20px 100px;
	background-color: #555555;
	color: #ffffff;
	font-weight: bold;
	padding: 20px;border-style: solid;
 	border-width: 2px;
 	border-color: black;
}


img.floatLeftScreenshot { 
 margin: 0px 20px 0px 0px;
 border-style: solid;
 border-width: 1px;
 float: left; 
}

img.centerImage { 
 margin: 0px 20px 0px 20px;
 display: block;
    margin-left: auto;
    margin-right: auto
}

img.centerScreenshot { 
 margin: 0px 20px 0px 20px;
 border-style: solid;
 border-width: 1px;
 display: block;
    margin-left: auto;
    margin-right: auto
}

img.floatRightScreenshot { 
 margin: 0px 0px 0px 20px;
 border-style: solid;
 border-width: 1px;
 float: right; 
}