/* Standard hyperlink colors and transformation effects. */
a {text-decoration:none;}
a:link {color: #000000;}
a:active {color: #333333;}
a:visited {color: #575757;}
a:hover{color: #333333;}

html {
	overflow: hidden;
}


/*	Stock body "look." */
body {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	
/*	Background styling common to the entire website goes here. */
	background-image: url(../images/silver.jpg);
	background-color: #c0c0c0;
	background-attachment: fixed; 

/*	Font information across entire website goes here */
	font-family: Helvetica, Arial;
	font-style:normal;
	color: #000; /* Text color */
}


/* Styling of the headings */
h1, h2, h3 { /* Avoiding duplication of code/effort here */
	text-align: center;
	font-weight: bold;
}
h1 {
	font-size: large;
}

h2 {
	font-size: medium;
}

h3 {
	font-size: medium;
}

#nav_box hr {
	width: 195px;
	left: 0;
}

#top {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

#header {
	font-family: Georgia, Georgia, serif;
	font-size: xx-large;
	
	position: relative;
	top: 20px;
	text-align: center;
	padding: 5px;
	width: 800px;
	/*	Border and background stylings go here */
	border-top: 5px solid #999999; /* gray60(Safe Hex3) */
	border-left: 5px solid #999999; /* gray60(Safe Hex3) */
	border-bottom: 5px solid #DCDCDC; /* gainsboro(SVG) */
	border-right: 5px solid #DCDCDC; /* gainsboro(SVG) */
	background-color:#c0c0c0; /* Silver-grey */
}

#symbol {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* 	Paragraph (<p>) classes.
	Used across entire site. */
.centered {
	text-align: center;
}

.verse {
	font-style: italic;
	text-align: center;
}

#container {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 105px;
	left: 240px;
	right: 20px;
	bottom: 30px;
	overflow: auto;
	
	/*	Border and background stylings go here */
	border-top: 5px solid #999999; /* gray60(Safe Hex3) */
	border-left: 5px solid #999999; /* gray60(Safe Hex3) */
	border-bottom: 5px solid #DCDCDC; /* gainsboro(SVG) */
	border-right: 5px solid #DCDCDC; /* gainsboro(SVG) */
	background-color:#c0c0c0; /* Silver-grey */
	}


.table {
	width: 80%;
	
}

table.stats {
	border-top: 5px solid #999999; /* gray33(Safe Hex3) */
	border-left: 5px solid #999999; /* gray33(Safe Hex3) */
	border-bottom: 5px solid #DCDCDC; /* gray60 */
	border-right: 5px solid #DCDCDC; /* gray60 */
	text-align: left;
}

table.stats th {
	border-width: 2px;
	border-style: solid;
	border-color: #DCDCDC; /* gray60 */
}

table.stats td {
	border-width: 2px;
	border-style: solid;
	border-color: #DCDCDC; /* gray60 */
}

.content {
	padding: 10px;
	margin: 5px;	

/*	Regular content box font sizings */
	font-size: medium;
}

	
/*	Box the navigation bar sits in. It needs to be at least as wide
	as the navbar itself */

#nav_box {
	font-size: small;
	padding:0px;
	margin:0px;
	position: absolute;
	top: 105px;
	left: 20px;
	bottom: 30px;
	width: 210px;
	overflow: auto;
	border-top: 5px solid #999999; /* gray60(Safe Hex3) */
	border-left: 5px solid #999999; /* gray60(Safe Hex3) */
	border-bottom: 5px solid #DCDCDC; /* gainsboro(SVG) */
	border-right: 5px solid #DCDCDC; /* gainsboro(SVG) */
	background-color:#c0c0c0; /* Silver-grey */

}

ul#nav {
	margin: 0;
	padding: 5px;
	list-style: none;
	}
	

/* Styles for Menu Items */
#nav li a {
	display: block;
	text-decoration: none;
	padding: 5px;

/* 	Individual borders for the navbar items goes here.
	If using a border for each item, set border-bottom:0 */

/*	Coloration of the navbar links */
	color: #000;
	background:#DCDCDC;

}


#footer {
	position: absolute;
	margin: 0px;
	height: 15px;
	bottom: 0px;
	left: 20px;
	right: 20px;
	padding: 3px;
	font-size: x-small;
	
	border-top: 5px solid #999999; /* gray60(Safe Hex3) */
	border-left: 5px solid #999999; /* gray60(Safe Hex3) */
	border-bottom: 5px solid #DCDCDC; /* gainsboro(SVG) */
	border-right: 5px solid #DCDCDC; /* gainsboro(SVG) */
	background-color:#c0c0c0; /* Silver-grey */
	
}