/* Willowbean Screen Stylesheet August 22, 2009 */

html { margin: 0px; padding: 0px; }

body {
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}

a { text-decoration: none; font-weight: bold; }
a:link { color: #0f9a01;  }
a:visited { color: #0f9a01; } 
a:active { color: #0f9a01; } 
a:hover { color: #ad2da0; }

img { border: none; }

.date { color: #b0b0b0; }
.sup { font-size: 60%; vertical-align: super; }
.image-left { float: left; margin: 10px 10px 10px 0px; }
.image-right { float: right; margin: 10px 10px 10px 10px; }
.table-right { float: right; margin: 10px 5px 10px 10px; }

/*===*/

#container {
	text-align: left;
	width: 760px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #040f15;
	}

/*===*/

#header {
	height: 180px;
	line-height: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	color: #79B30B;
	}


/*===*/

#navigation {
	color: #fff;
	background-image: url("../img/navbg.jpg");
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-color: #db0bb8;
	border-top: 1px solid #db0bb8;
	border-bottom: 1px solid #db0bb8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#navigation li>ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#navigation .this { color: #fff; }
#navigation a:link  { text-decoration: none; color: #053500; }
#navigation a:visited { text-decoration: none; color: #053500; }
#navigation a:active { text-decoration: none; color: #053500; }
#navigation a:hover { text-decoration: none; color: #f3f8ec; }

/* lists nested under hovered list items */
li:hover ul, li.over ul {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* THE TOPMENU */

.topmenu {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 167px; /* approximate centre */
	}

.topmenutitle {
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.topmenuul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.topmenuli {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.topmenuli a {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	}

/*.topmenuli.middle a:before { content: "\2022  "; }
.topmenuli.middle a:after { content: " \2022"; }*/

/* THE SUBMENU */

.submenuul {
	list-style-type: none;
	position: absolute;
	display: none;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 5px solid #aaa;
	}

.submenuli {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	}

.submenuli a {
	display: block;
	text-decoration: none;
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px;
	}

.submenuli a:hover { background-color: #eee; }
/*.submenuli a:before { content: " ~ "; }*/

/*===*/

#wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* === */

#fullwidth {
	background-color: transparent;
	margin: 0px 0px 20px 10px;
	padding: 15px 15px 0px 15px;
	}

/* === */

#textbox {
	float: left;
	width: 300px;
	height: 300px;
	margin: 10px 20px 0px 0px;
	padding: 0px 10px 0px 15px;
	background-color: transparent;
	overflow: auto;
	}

#textbox p {
	color: #222;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	line-height: 1.1em;
	}

/*===*/

#imagebox {
	float: left;
	width: 415px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	}

/* === */

h1	{
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2em;
	line-height: 2em;
	font-weight: bold;
	display: none;
	font-family: Arial, Georgia, Times, sans-serif;
	}

h2	{
	color: #71be48;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	font-size: 1.9em;
	line-height: 1em;
	font-weight: bold;
	}

h3+p { margin: 15px 0px 0px 0px; }

h3	{
	color: #aac400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	}

h4	{
	color: #aac400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: normal;
	}

h5	{
	color: #aac400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	font-weight: normal;
	}

h6	{
	color: #aac400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	font-weight: normal;
	}

p {
	color: #fff;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	line-height: 1.1em;
	}

.grid {
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	}

.caption {
	color: #888;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.7em;
	line-height: 1.1em;
	text-align: center;
	}

.note {
	color: #888;
	font-size: 0.75em;
	line-height: 1.1em;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

ul, ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	}

li {
	color: #888;
	margin: 10px 0px 10px 0px;
	font-size: 0.8em;
	line-height: 1.1em;
	text-align: left;
	}

/* === */

#footer {
	clear: both;
	text-align: left;
	height: 120px;
	background-image: url("../img/fbg.jpg");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-color: #040f15;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 20px 0px;
	border-top: 1px dotted #222;
	}

#footer p {
	color: #888;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 20px;
	font-size: 0.7em;
	line-height: 1.2em;
	font-weight: normal;
	}

#footer p a { text-decoration: none; font-weight: normal; }
#footer p a:link  { color: #bbb; }
#footer p a:visited { color: #bbb; }
#footer p a:active { color: #bbb; }
#footer p a:hover { color: #71be48; }

	.left {
		float: left;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

	.right {
		float: right;
		text-align: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

/*===*/

hr { text-align: right; width: 100%; height: 1px; color: #ccc; border: none; margin: 20px 0px 20px 0px; padding: 0px; } /* For Internet Explorer */
html>body hr { margin: 20px 0px 20px 0px; padding: 0px; width: 100%; height: 1px; background-color: #fff; border: 1px dashed #ccc; } /* For Gecko-based browsers */
html>body hr { margin: 20px 0px 20px 0px; padding: 0px; width: 100%; height: 1px; background-color: #fff; border: 1px dashed #ccc; } /* For Opera and Gecko-based browsers */

/* CYCLE JQUERY IMAGES */

#cycler { margin: 0px auto 0px auto; border: 0px solid #f00; display: table; width: 670px;}

#cycler-one, #cycler-two, #cycler-three {
	float: left;
	width: 200px;
	height: 220px; /*was240*/
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #00f;
	display: table-cell;
	}
	
	.pics { margin: 10px 0px 10px 0px; }
	
	#cycler-one .nav, #cycler-two .nav, #cycler-three .nav { font-family: Georgia, Times, serif; text-align: center; }
	
		#cycler-one .nav a, #cycler-two .nav a, #cycler-three .nav a
		{ color: #fff; background-color: #aac400; padding: 1px 10px 1px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		
		#cycler-one .nav a:hover, #cycler-two .nav a:hover, #cycler-three .nav a:hover { color: #111; background-color: #fff; }
		
		#cycler-one .output-one p, #cycler-two .output-two p, #cycler-three .output-three p
		{ color: #888; font-size: 0.7em; text-align: center; margin: 10px 0px 0px 0px; text-transform: none; }

pre { text-align: left; display: none; }
code { background-color: #ffc; }
pre code { background-color: #fff; }

/*===*/

/*#bow {
	position: relative;
	top: -170px;
	left: 480px;
	width: 760px;
	height: 150px;
	z-index: 100;
	background-image: url("../img/bow.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	}*/

.hello { clear: both; margin: 15px 0px 15px 0px; text-align: center; color: #71be48; }

.links {
	text-align: center;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	.links p a { display: inline-block; text-decoration: none; margin: 0px 10px 0px 0px; padding: 5px 0px 5px 0px;
		width: 147px; height: 26px; background-color: #050f15 !important; background-image: url("../img/linkbg.jpg");
		background-position: 0% 0%; background-repeat: no-repeat; }
		
	.links p a:link  { color: #fef4fc; background-color: #eb41c9; }
	.links p a:visited { color: #fef4fc; background-color: #eb41c9; }
	.links p a:active { color: #fef4fc; background-color: #eb41c9; }
	
	.links p a:hover { color: #fff; background-image: url("../img/linkbgh.jpg"); background-position: 0% 0%; background-repeat: no-repeat; }