/*
	This has the styles for just the main SG.com pages.
*/
body#index, body#about-contact, body#credits-links { /* This is currently the top image for all pages. */
	background:#fff url(mainbanner.jpg) no-repeat top;
}
#wrapper { /* This sets the width of the content and centers all elements. */
	clear:both;
	position:relative;
	left:10%;
	width:80%;
	text-align:center;
}
body#index #wrapper, body#about-contact #wrapper, body#credits-links #wrapper {
	/*
		This sets the height of the banner.
		All pages use the same main image for now, but that may change.
	*/
	padding:374px 0 0 0;
}
h1 {
	text-transform: lowercase;
}
.about { /* This gives a description of different areas. */
	text-transform:lowercase;
	font-style:italic;
	font-size:80%;
}
.container { /* This contains a "row" of information on the page. It can also add a blank line.*/
	clear:both;
	padding:0 0 2em 0;
}
.boxwrap { /* Each box represents half of the page = 1 column. */
	position:relative;
	float:left;
	width:49%; /* Slightly less than half to prevent movement on screens with odd-numbered widths. */
}
.box { /* This is the inner text box, padded on left and right. */
	left:2%;
	width:96%; /* Percentage of the above box, not the whole width. */
}
/*
	Styles for the News box on the main page.
*/
#news {
 	margin:0 auto; /* Centers the element in non-IE environments. */
	text-align:left;
	overflow: auto; /* Creates the scroll effect only if the info is long enough for a scroll. */
	width:60%;
	height:4em; /* About 3 lines of text. */
	border: solid 1px black;
	clear:both;
	padding:0.5em;
}
#news p {
	padding:0; /* To keep a gap from forming between lines of news. */
}
#news .date {
	color:#666;
	font-weight:bold;
}

/*
	Styles just on the About/Contact page
*/
p.left {
	text-align:left;
}
.profilewrap { /* Box for the profiles on the About page. */
	left:10%;
	width:80%;
	margin:0 auto;
	border:solid #369 1px;
	background:#f4f4f4;
}
.profile {
	padding-bottom:1em;
	left:2%;
	width:96%;
	margin:0 auto;
}
.profile img {
	margin:0.5em;
}
/*
	Styles just on the Credits/Links page
*/
a img {
	border:0;
	text-decoration:none;
}
.group {
	clear:both;
}
.group img {
	margin:0 2px;
}
/*
	Styles just for the Gifts page
*/

body#gifts {
	background:#436874 !important;
	color:#fff !important;
}
body#gifts a:link {
	color:#fff !important;
}
body#gifts a:visited {
	color:#86a4b4 !important;
}