/* GLOBAL ELEMENTS */

body{
	background-color:#A2884F;
	background-image:url(img/tile.jpg);
	background-repeat:repeat-y;
	}
	
h3{
	margin-left:20px;
	margin-right:270px;
	margin-bottom:5px;
	border-bottom: 1px dashed #922423;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:20px;
	font-style:italic;
	color:#65476C;
	}
	
h4{
	margin-left:20px;
	margin-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:16px;
	font-weight:bold;
	color:#746138;
	}
	
h5{
	margin-left:20px;
	margin-bottom:5px;
	margin-top:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:12px;
	font-weight:bold;
	color:#746138;
	}
	
ol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
ol li{
	padding-right:10px;
	margin-bottom:8px;
	}
	

/* IDs */

#container{
	width:795px;
	margin-left:auto;
	margin-right:10%;
	background-color:#A2884F;
	position:relative;
	}
	
#banner{
	width:795px;
	height:295px;
	float:left;
	position:relative;
	background-image:url(img/top_bystarlight.jpg);
	background-repeat:no-repeat;
	}
	
#left_side{
	width:541px;
	float:left;
	position:relative;
	}
	
#content_top{
	width:541px;
	height:47px;
	float:left;
	position:relative;
	background-image:url(img/content_top.jpg);
	background-repeat:no-repeat;
	}
	
#content{
	width:541px;
	float:left;
	position:relative;
	background-image:url(img/content_bg.jpg);
	background-repeat:repeat-y;
	}
	
#content p{
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#655430;
	font-size:12px;
	}
	
#content a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#BF3C0E;
	font-weight:bold;
	text-decoration:none;
	}
	
#content a:hover, a:active, a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660033;
	font-weight:bold;
	text-decoration:none;
	}
	
#content_bottom{
	width:541px;
	height:67px;
	float:left;
	position:relative;
	background-image:url(img/content_bottom.jpg);
	background-repeat:no-repeat;
	}
	
#right_side{
	width:254px;
	float:left;
	position:relative;
	background-image:url(img/nav.jpg);
	background-repeat:no-repeat;
	}
	
#nav{
	width:254px;
	height:161px;
	float:left;
	position:relative;
	background-image:url(img/navbox_1.jpg);
	background-repeat:no-repeat;
	}
	
#nav p{
	margin-top:8px;
	margin-left:35px;
	list-style-image:url(img/list1.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#655430;
	font-size:14px;
	}
	
#nav p a:link{
	color:#7E693C;
	text-decoration:none;
	letter-spacing:2px;
	font-weight:bold;
	}
	
#nav p a:hover{
	color:#522C7D;
	text-decoration:underline;
	}
	
#affiliates, #fanlistings{
	width:254px;
	height:161px;
	float:left;
	position:relative;
	background-image:url(img/navbox_2.jpg);
	background-repeat:no-repeat;
	}
	
#affiliates p{
	margin-left:30px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#655430;
	font-size:10px;
	}
	
#affiliates p a:link{
	color:#7E693C;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
	}
	
#affiliates p a:hover{
	color:#522C7D;
	text-decoration:underline;
	margin-bottom:10px;
	}
	
#flowers{
	width:254px;
	height:125px;
	float:left;
	position:relative;
	background-image:url(img/flower_bottom.jpg);
	background-repeat:no-repeat;
	}
	
	
/* CLASSES */

.award{
	margin-left:auto;
	margin-right:auto;
	border:0px;
	}

.cap{
	margin:5px 3px 5px 3px;
	background:#A2884F;
	padding:3px;
	border:1px #65476C solid;
	width:149px;
	height:113px;
	}

.clear{
	clear:both;
	}
	
.fan{
	margin-left:28px;
	margin-bottom:5px;
	border:0px;
	}
	
.header{
	margin-top:17px;
	margin-left:35px;
	}
	
.icon{
	margin:5px 5px 5px 5px;
	background:#A2884F;
	padding:3px;
	border:2px #65476C solid;
	width:100px;
	height:100px;
	}
	
.inline{
	margin:6px 10px 4px 15px;
	background:#A2884F;
	padding:7px;
	border:2px #65476C solid;
	float:left;
	}
	
.quote{
	position:relative;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding-top:22px;
	padding-left:12px;
	padding-bottom:5px;
	background-image:url(img/quote_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#E1CFE5;
	border:1px solid #C3A74D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#614D4D;
	}
	
.scan{
	margin:5px 10px 5px 10px;
	background:#523176;
	padding:3px;
	border:0px;
	}
	
	
a.screen, a.screen:visited { 
	position:relative; 
	z-index:1;
	}
	
a.screen b {
	position:absolute;
	visibility:hidden;		/* hide the image */
	width:200px;			/* give it a width */
	height:0; 				/* no height to solve an Opera bug that makes it selectable when hidden */
	border:1px solid #000; 	/* add a border */
	left:80px; 				/* position:the image */
	top:-160px;
	}
	
a.screen:hover {
	text-decoration:none; 
	border:0; 				/* needed for this to work in IE */ 
	z-index:1000;
	}
	
a.screen:hover b {
	visibility:visible; 	/* make the image visible */
	height:150px; 			/* now give it a height */
	cursor:pointer; 		/* for IE */
	z-index:500; 
	}
	
a.screen:hover b img {
	border:0; 				/* remove the link border */
	}