/*This applies to all elements and it forces their width and height to include padding and margins and all that stuff.*/
* {
	box-sizing: border-box;
}

/*This keeps the content centered inside a 1024px wide box.*/
div.Master {
	max-width: 1024px;
	margin: auto;
	display: block;
	overflow: auto;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	margin: 0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	margin: 0px;
}

p {
	font-family:Arial, Helvetica, sans-serif;	
	margin: 0px;
}

li {
	font-family:Arial, Helvetica, sans-serif;	
}

div.SiteTitle {
	margin-top: 50px;
}

/*These are shared properties between these two classes.*/
div.SiteTitle, div.SectionTitle {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#000;
}

@media only screen and (min-width: 512px) {
	div.SiteTitle, div.SectionTitle {
		background: -webkit-linear-gradient(left, black, black, black, white); /*Safari 5.1-6*/
		background: -o-linear-gradient(right, black, black, black, white); /*Opera 11.1-12*/
		background: -moz-linear-gradient(right, black, black, black, white); /*Fx 3.6-15*/
		background: linear-gradient(to right, black, black, black, white);
	}
}