/* Standard hyperlink colors and transformation effects. */
a {text-decoration:none;}
a:link {color: #0000CD;}
a:active {color: #0000FF;}
a:visited {color: #000080;}
a:hover{color: #3333FF;}

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/akeltile3.png);
	background-color: #FFF;
	background-attachment: fixed; 

/*	Font information across entire website goes here */
	font-family: sans-serif;
	font-style: normal;
	color: #000033; /* 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;
}

/*	Defining the <hr> tag twice, once for each level,
	just in case you want to use it in a submenu. */
#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-top: 5px solid  #7888c3; /* skyblue */
	border-left: 5px solid  #7888c3; /* skyblue */
	border-bottom: 5px solid  #ecf1f7; /* aliceblue */
	border-right: 5px solid  #ecf1f7; /* aliceblue */
	background-color: #c4cbe5; /* powderblue */
}

#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;
}


.tablecontain {
	text-align: center;
}

.table {
	width: 80%;
}

.hatchtable {
	width: 80%;
	
}

table.candi {
	border-top: 3px solid #7888c3;
	border-left: 3px solid #7888c3;
	border-bottom: 3px solid #ecf1f7;
	border-right: 3px solid #ecf1f7;
	padding: 2px;
}

table.candi th {
	border-width: 1px;
	border-style: solid;
	border-color: #ecf1f7;
}

table.candi td {
	border-width: 1px;
	border-style: solid;
	border-color: #ecf1f7;
}

table.hatch {
	border-top: 5px solid  #7888c3; /* skyblue */
	border-left: 5px solid  #7888c3; /* skyblue */
	border-bottom: 5px solid  #ecf1f7; /* aliceblue */
	border-right: 5px solid  #ecf1f7; /* aliceblue */
	
}

table.hatch th {
	border-width: 2px;
	border-style: solid;
	border-color: #ecf1f7; /* aliceblue */
	
}

table.hatch td {
	border-width: 2px;
	border-style: solid;
	border-color: #ecf1f7; /* aliceblue */
}

table.stats {
	border-top: 5px solid  #7888c3; /* skyblue */
	border-left: 5px solid  #7888c3; /* skyblue */
	border-bottom: 5px solid  #ecf1f7; /* aliceblue */
	border-right: 5px solid  #ecf1f7; /* aliceblue */
	text-align: left;
}

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

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

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


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

#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  #7888c3; /* skyblue */
	border-left: 5px solid  #7888c3; /* skyblue */
	border-bottom: 5px solid  #ecf1f7; /* aliceblue */
	border-right: 5px solid  #ecf1f7; /* aliceblue */
	background-color: #c4cbe5; /* powderblue */	
}



#hatching {
	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 #6495ED; /* cornflower */
	border-left: 5px solid #6495ED; /* cornflower */
	border-bottom: 5px solid #E6E6FA; /* lavender */
	border-right: 5px solid #E6E6FA; /* lavender */
	background-color:#B0C4DE; /* lightsteelblue */
	
	color: #000;
}
	

/* 	Dropdown menu code.
	I used the nav id just in case <ul>s are used somewhere else on the page. */

/*	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;
	background:  #c4cbe5; /* powderblue */
	position: absolute;
	top: 105px;
	left: 20px;
	bottom: 30px;
	width: 210px;
	overflow: auto;
	border-top: 5px solid  #7888c3; /* skyblue */
	border-left: 5px solid  #7888c3; /* skyblue */
	border-bottom: 5px solid  #ecf1f7; /* aliceblue */
	border-right: 5px solid  #ecf1f7; /* aliceblue */
}

ul#nav {
	margin: 0;
	padding: 5px;
	list-style: none;
	/* border-bottom: 1px solid #ccc; */
	}

#nav li, ul li {
	position: relative;
	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: #0000CD; 
	background:#ecf1f7;

}

#footer {
	position: absolute;
	margin: 0px;
	height: 15px;
	bottom: 0px;
	left: 20px;
	right: 20px;
	padding: 3px;
	border-top: 5px solid  #7888c3; /* skyblue */
	border-left: 5px solid  #7888c3; /* skyblue */
	border-bottom: 5px solid  #ecf1f7; /* aliceblue */
	border-right: 5px solid  #ecf1f7; /* aliceblue */
	background:  #c4cbe5;
	font-size: x-small;
}