/* CSS Document */
/*
===============================================================================================
DO NOT REMOVE THIS.
This Layout is copyrighted (c) to Dragonrain.Com.  All codes and layout graphics belong 
to Dragonrain Productions and may not be redistributed or copied or changed or sold 
in any way, shape, or form.  All images used to make the layout graphics are copyrighted 
to their respective rights holders, and Dragonrain Productions makes no claim to those images.  
The graphics, however, belong to Dragonrain Productions.
Users understand that linking back to Dragonrain.Com is required - removal of any credit links 
is strictly prohibited.
Failure to comply with these TOS may result in notification of the breach to the User's host and 
the removal of the User's site.
All users of this layout and its accessories agree to abide by the terms and conditions located 
at http://www.dragonrain.com/misc/index.php?p=tos.

Thank you,
Dragonrain Productions
http://www.dragonrain.com
===============================================================================================
*/
/* L A Y O U T */
body {
	background: #503F3A url('images/bg1.jpg') repeat-y;
	margin: 0px 0px 0px 0px;
	color: #AB9D99;
	font: 9px Verdana;
	}
	
div#banner1 {
	z-index: 0;
	background: url('images/banner1.jpg') no-repeat;
	width: 207px;
	height: 700px;
	}
	
div#banner2 {
	z-index: 0;
	background: url('images/banner2.jpg') no-repeat;
	width: 278px;
	height: 700px;
	position: absolute;
	top: 0px;
	left: 207px;
	}
	
div#banner3 {
	z-index: 0;
	background: url('images/banner3.jpg') no-repeat;
	width: 325px;
	height: 700px;
	position: absolute;
	top: 0px;
	left: 485px;
	}
	
div#topnav {
	z-index: 1;
	width: 200px;
	height: 30px;
	position: absolute;
	top: 420px;
	left: 460px;
	}
	
div#navright {
	z-index: 1;
	width: 120px;
	position: absolute;
	top: 495px;
	left: 650px;
	}
	
div#navrightc {
	z-index: 1;
	width: 120px;
	position: absolute;
	top: 690px;
	left: 630px;
	color: #61504D;
	}
	
div#content {
	width: 490px;
	position: absolute;
	top: 470px;
	left: 80px;
	}

/* T I T L E S */
.title {
	color: #CCBCB8;
	font: bold 14px Verdana;
	border-bottom: 3px dotted #CCBCB8;
	letter-spacing: 4px;
	}
	
.subtitle {
	color: #CCBCB8;
	font: bold 12px Verdana;
	border-bottom: 2px dotted #CCBCB8;
	letter-spacing: 6px;
	}

/* L I N K S */
a:link, a:active, a:visited {
	color: #CCBCB8;
	font: 9px Verdana;
	letter-spacing: 1px;
	border-bottom: 2px dotted #CCBCB8;
	text-decoration: none;
	}
	
a:hover {
	color: #FFFFFF;
	border-bottom: 2px solid #CCBCB8;
	}
	
a.topnav:link, a.topnav:active, a.topnav:visited {
	color: #CCBCB8;
	font: bold 14px Verdana;
	letter-spacing: 1px;
	text-decoration: none;
	}
	
a.topnav:hover {
	color: #FFFFFF;
	}
	
a.navright:link, a.navright:active, a.navright:visited {
	color: #61504D;
	font: bold 14px Verdana;
	letter-spacing: 1px;
	border-bottom: 2px dotted #61504D;
	text-decoration: none;
	}
	
a.navright:hover {
	color: #000000;
	border-bottom: 2px solid #61504D;
	}
	
a.navrightc:link, a.navrightc:active, a.navrightc:visited {
	color: #61504D;
	font: bold 9px Verdana;
	letter-spacing: 1px;
	text-decoration: none;
	}
	
a.navrightc:hover {
	color: #000000;
	}