/* 
 *
 * Cascading Style Sheet with Centred Navigation in Red
 *
 */

.red  {color: #e00; font-weight: 900;}
.blue {color: #00c;}
.bold {font-weight: 900; font-size: larger;}


html {padding: 0;}

BODY    {
	border: 1px solid #800000;
	margin: 1em auto; /* auto makes the box centred! */
	padding: 4px;
	background:    #FEF8E4;
	color:         #000;
	width: 750px;
	}

P {
	font-family: sans-serif, Verdana, Lucida, Geneva, Helvetica, Arial;
	font-size:     small;
	padding: 5px ;	
}

img {
	border: 0;
}

.imgR {
	float: right;
	padding: 0px;
	padding-left: 8px;
}

.imgL {
	float: left;
	padding: 0px;
	padding-right: 8px;
}

.hidden	{
			display: none;
}

ul {
	list-style-type: none;
	padding-left: 2em;

}

li {
	text-align: left;
	font-family: sans-serif;
	font-size: small;
	padding-left: 0; 
	margin-bottom: 1em;
}

/* Styles for specific DIV IDs */
#cornerImage {
	/* position:absolute; */
	float: right;
	right:0px; 	top:0px;
	/* height: 190px; width: 190px; */
	height: 132px; width: 150px; 
	z-index: 9;
	/* background: url("lib/diag.gif"); */
} 	

#banner {
	border: 1px solid #FFA201; 
	margin: 4px;
	padding: 2px;
	height: 155px;
	background: url(lib/cdfb-header3.jpg) no-repeat left;
	/* The following properties are only needed if we're doing */
	/* the banner in text, rather than using an IMG. 
	 * overflow: hidden;
	 * background-color: #FCF1BE;
	 * text-align: centre;
	 * font-family: 'Century Gothic', serif;
	 * letter-spacing: -0.16ex;
	 * font-size: 40pt;
	 * font-weight: 900; */
}

#footer {
	bottom: 0px; left: 0px; right: 0px;
	clear: both;
	padding: 5px; 
	/* padding-right: 100px; /* to allow space for the c4d logo */
	margin: 4px;
	text-align: center;
	font-size:  small;
	border: 1px solid #FFA201;
	background-color: #FCF1BE;
}



#content {
	/* position: relative; */
	margin-left: 5px; /* ***** 130px to make NAV column appear to continue down */
	margin-right: 5px;
	padding: 5px;
	text-align: justify;
	border: 1px solid #FFA201;
	/* border: 0; */

}


/* The following styles affect the navigation bar */


#button {
	
	float: left; /* allows text to flow around the float */
	clear: none; /* none means allow float on both sides */
	/* width: 12em; */
	/* padding: 0 0 1em 0; */
	/* margin-bottom: 10px; */
	padding-top: 135px; /* HOW DO WE MAKE THIS ATTACH TO BOTTOM ?*/
	margin-left: 4px;
	/* margin-right: 4px; */

	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	  	  
	font-size: small;
	font-weight: bold;
	/* background-color: #90bade; */
	color: #333;
}

#button ul {

	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#button li {
	display: inline;
	/* border-bottom: 1px solid #90bade;    /* #FF9001 */
	/* margin: 0; */
}

/* BLUE (left, mid, right) #1958b7 #2175bc #508fc4 */
/* ORANGE                  #FFB001 #FF9001 #FF7001 */

#button li a {
	
	padding: 2px 5px 6px 5px;
	border-left: 3px solid #d00; /* #1958b7; */
	border-right: 3px solid #d00; /* #508fc4; */
	background-color: transparent; /* #2175bc; */
	color: #000;
	text-decoration: none;
	width: 100%;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	border-left: 3px solid #f02; /* #1c64d1; */
	border-right: 3px solid #f02; /* #5ba3e0; */
	background-color: #a00; /* #2586d7; */
	color: #fff;
	}

/* The following styles are for general UL LI lists. */	

#list li {
	font-family: sans-serif;
	font-size: small;
	list-style-type: none;
	padding-left: 0; 
	padding-bottom: 1ex;
	}


.diary {
	list-style-type: disc;
	}


.Lcol {
	float: left; width: 420px;
	padding: 0; margin: 2px;
	padding-right: 20px;
	border: 0px solid #999;
}
.Rcol {
	float: right;  width: 400px;
	padding: 0; margin: 2px;
	padding-left: 20px;
	border: 0px solid #999;
}

div.credits {position:relative;}
div.credits  span {position:absolute;left: 110px; top:33%}