/* 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 {
	margin: 0px 0px 0px 0px;
	border-left: 50px solid #000000;
	background: #666666 url('images/bg1.jpg') fixed repeat-x bottom center;
	color: #666666;
	font: 10px Verdana;
	}
	
table {
	border: 2px solid #000000;
	background: #000000;
	font: 10px Verdana;
	width: 700px;
	}
	
td#top {
	background: #333333 url('images/bar1.jpg') no-repeat center 10px;
	border-top: 10px solid #000000;
	border-bottom: 5px solid #CCCCCC;
	padding-bottom: 10px;
	height: 60px;
	width: 700px;
	}
	
td#nav1 {
	height: 46px;
	background: #202020;
	border-top: 5px solid #666666;
	border-bottom: 5px solid #666666;
	valign: bottom;
	}
	
td#head {
	background: #000000 url('images/banner1.jpg') no-repeat top center;
	border-top: 5px solid #000000;
	height: 260px;
	}
	
td#nav2 {
	background: #0F0F0F;
	height: 15px;
	text-align: right;
	}
	
img {border: 0px;}

td#nav3 {
	padding: 5px 5px 10px 5px;
	text-align: center;
	width: 150px;
	}
	
td#main {
	padding: 10px 10px 10px 10px;
	border-left: 10px solid #0F0F0F;
	background: ;
	}
	
td#foot1 {
	text-align: center;
	border-left: 10px solid #0F0F0F;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
td#foot2 {
	background: #0E0E0E url('images/bar1.jpg') no-repeat center;
	border-bottom: 10px solid #000000;
	border-top: 5px solid #333333;
	padding-top: 10px;
	height: 60px;
	width: 700px;
	}

/* T I T L E S */
.navtitle {
	background: #040404;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 5px 3px 0px 3px;
	border-bottom: 3px solid #333333;
	color: #999999;
	font: 9px Arial;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-align: center;
	}
	
.subtitle {
	border-left: 15px solid #333333;
	background: #040404;
	width: 450px;
	color: #999999;
	padding-left: 20px;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 10px;
	font: 10px Arial;
	}
	
.title {
	background: #040404;
	padding: 2px 0px 2px 20px;
	border-left: 20px solid #666666;
	color: #CCCCCC;
	font: bold 12px Arial;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 7px;
	}

/* L I N K S */
td#nav1 a:link, td#nav1 a:active, td#nav1 a:visited {
	padding: 10px 9px 10px 9px;
	height: 30px;
	color: #999999;
	background: #202020;
	font: bold 11px Century Gothic;
	text-decoration: none;
	letter-spacing: 3px;
	text-transform: uppercase;
	border-right: 1px solid #333333;
	}
	
td#nav1 a:hover {
	color: #CCCCCC;
	background: #000000;
	}
	
td#nav2 a:link, td#nav2 a:active, td#nav2 a:visited {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	-moz-opacity: 0.25;
	padding-right: 5px;
	}
	
td#nav2 a:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}
	
#side ul{margin:0px;padding:0px 0px 0px 0px;list-style-type:none;font:11px Arial;text-align:center;}
#side li{margin:0px 0px 2px;}
#side a{display:block;height:13px;border:1px solid #666666;background:#333333;text-decoration:none;padding:2px 5px 2px 5px;width:145;}
#side a:link, #side a:active, #side a:visited{color:#666666; border:1px solid #666666;background:#202020;text-align:center;letter-spacing:4px;text-transform:lowercase;}
#side a:hover{color:#FDE8BF;border:1px solid #999999;background:#333333;}

a:link, a:active, a:visited {
	color: #999999;
	text-decoration: none;
	}
	
a:hover {
	color: #FDE8BF;
	}