/**             This is the Css for Fallstock, by Frozen.
Look for common elements at the top, and independant 
elements near the bottom. If you have any questions, be 
sure to email me at kmcannon (at) telus (dot) net  **/

/**                                                               COMMON ELEMENTS                           **/
abbr {
	cursor:help;
}	

a {
	color:#734F11;
}

a:hover {
	color:#B27A17;
	text-decoration:none;
}

h1 {
	margin:0 0 0 10px;
	padding:10px 45px;
	background:url(leaf.gif) no-repeat left;
	font-size:1.7em;
}

ul {
	list-style:none;
	padding-left:10px;
}	

li {
	background:url(bullet.gif) no-repeat 0 50%;
	padding-left:30px;
	height:1.9em;
	line-height:1.9em;
}

p {
	margin-top:0;
	padding:0 5px;
	text-indent:2em;
}	

table {
	width:100%;
	border:1px solid #ccc;
}	

th {
	background:#e5e5e5;
}	
/**                                                                             Red leaf header                       **/
h1.red {
	background:url(leaf2.gif) no-repeat left;
}
/**                                                                            Brown leaf header                    **/
h1.brown {
	background:url(leaf3.gif) no-repeat left;
}	
/**                                               BODY                **/
body {
	margin:0;
	padding:0;
	font-family:"Lucida Sans Unicode", Verdana, Sans-Serif;
	font-size:76%;
	background:#000;
	text-align:center;
}
/**                                            MAIN CONTAINER                  **/
#container {
	margin:0 auto;
	text-align:left;
	width:765px;
	background:#fff;
	position:relative;
}
/**                                                  HEADER                       **/
#header {
	height:120px;
	background:url(head.jpg);
}	

#header h1 {
	position:absolute;
	top:25px;
	left:262px;
	background:none;
	font-weight:normal;
	font-size:2.5em;
}	

#header span {
	font-size:0.5em;
}	
/**                                            CREATES FAUX COLUMNS                   **/	
#content {
	background:url(back.gif);
	float:left;
	width:765px;
}
/**                                         LEFT COLUMN                         **/
#left {
	width:490px;
	padding-left:10px;
	float:left;
}	
/**                                            RIGHT COLUMN                 **/
#right {
	float:left;
	width:245px;
	margin-left:15px;
}	

#right h1 {
	background:none;
	font-size:1.5em;
	font-weight:normal;
	padding:5px 0 0 15px;
}	
/**                                          FOR ANYTHING WITH GRADIENT BACKGROUND              **/
#right span {
	margin:10px 15px;
	padding:5px 7px;
	background:url(nav.gif) repeat-x 0 50%;
	border-bottom:1px solid #BDA988;
	border-right:1px solid #BDA988;
	display:block;
}
/**                                           RIGHT-HAND NAVIGATION                         **/
#nav {
	padding:0;
	margin:10px 17px;
	list-style:none;
	width:209px;
	background:url(nav.gif) 0 50%;
	border-bottom:1px solid #BDA988;
	border-right:1px solid #BDA988;
}
	
#nav li {
	line-height:2.3em;
	height:2.3em;
	padding-left:0;
	background:url(bullet.gif) no-repeat 25% 50%;
}

#nav li a {
	color:#000;
	text-decoration:none;
	text-align:center;
	display:block;
	width:209px;
}	

#nav li a:hover {
	background:#E0D1B4;
}	
/**                                         FOOTER                            **/
#footer {
	background:#555;
	text-align:center;
	color:#ccc;
}

#footer a {
	color:#ccc;
}	