/*	Tarlokegrod CSS File. Of Doom.	*/

body {	color: gray; 
		background-color: black; 

}

p { font-size: 80%; }
p.news-heading { font-weight: bold; color: #FF8040; }
p.heading { font-weight: bold; color: white; }
p.copyright { font-style: italic; }

h2 { font-weight: bold; color: white; }
h3 { font-weight: bold; color: white; }

a:link { color: olive; text-decoration: none; font-weight: bold }
a:visited { color: olive; text-decoration: none; font-weight: bold }
a:hover   { color: green; font-weight: bold }


/*	Main div container to hold the others.	*/
#container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
}


/*	Top containers.	Hold title and quotes.	*/
#topCon {
	overflow: hidden;
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
	
}

/*	Mid containers. Hold content and links.	*/
#midCon {
	width: 100%;
	overflow: hidden;

}

#midConLeft {
	float: left;
	width: 15%;
	
}

#midConRight {
	float: right;
	width: 80%;
	
}


/*	Bottom container. Holds copyright notice.	*/
#botCon {
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
	
}

#botConbebring {
	width: 100%;
	
	
}


/*	Image rollover code for the navlinks.	*/				
a.navlinkA {
	background: url('images/navbar/Main_1.jpg');
	display: block;
	width: 120px;
	height: 20px;
	border: 0px;
	
}

a.navlinkA:hover {
	background: url('images/navbar/Main_2.jpg');
	
}
		
				
a.navlinkB {
	background: url('images/navbar/Lore_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkB:hover {
	background: url('images/navbar/Lore_2.jpg');
	
}
		
				
a.navlinkC {
	background: url('images/navbar/Map_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkC:hover {
	background: url('images/navbar/Map_2.jpg');
	
}
		
				
a.navlinkD {
	background: url('images/navbar/Music_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkD:hover {
	background: url('images/navbar/Music_2.jpg');
	
}
		
				
a.navlinkE {
	background: url('images/navbar/Virtue_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkE:hover {
	background: url('images/navbar/Virtue_2.jpg');
	
}
		
				
a.navlinkF {
	background: url('images/navbar/Awards_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkF:hover {
	background: url('images/navbar/Awards_2.jpg');
	
}
		
				
a.navlinkG {
	background: url('images/navbar/Moongates_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkG:hover {
	background: url('images/navbar/Moongates_2.jpg');
	
}
		
				
a.navlinkH {
	background: url('images/navbar/Downloads_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkH:hover {
	background: url('images/navbar/Downloads_2.jpg');
	
}
		
				
a.navlinkI {
	background: url('images/navbar/Updates_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkI:hover {
	background: url('images/navbar/Updates_2.jpg');
	
}
		
				
a.navlinkJ {
	background: url('images/navbar/Guestbook_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkJ:hover {
	background: url('images/navbar/Guestbook_2.jpg');
	
}
		
				
a.navlinkK {
	background: url('images/navbar/About_1.jpg');
	display: block;
	width: 140px;
	height: 20px;
	border: 0px;
	
}

a.navlinkK:hover {
	background: url('images/navbar/About_2.jpg');
	
}