@charset "iso-8859-1";
/* defaults */
body {
  	min-width: 800px;
  	max-width: 1200px;
	background:#FFFBE1;
	font-family: Verdana, Ariel, helvetica, 'trebuchet ms', sans-serif;
	font-size: small;
	margin: 0;
	
}
a:link {color: #009900; text-decoration: underline} 	/* unvisited link */
a:visited {color: #009900; text-decoration: underline}  /* visited link */
a:hover {color: #33cc00; font-weight: bold;}   /* mouse over link */
a:active {color: #009900;}   /* selected link */	


/* a table is used to split page top to bottom
   the following describe the columns */
td.nav {
	vertical-align: top;
}
td.main {
	vertical-align: top;
}
td.content {
    vertical-align: top;
    padding-left: 20px;
	padding-right: 20px;
}
/* header stuff */
#toprow {
/* 2012-10-31 Currently not visible anywhere - overriden in other CSS and in some .tpl files */
/*	background-color: #005500; */
    background-color: #008800;
	margin-bottom: 0px;
	    }
#banner {
	color: #FFFF66;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	font-size: 3.8em;
	clear:both;
	margin: 0px;
	padding: 0;
	text-align: center;
	line-height: 140%;
	background-image: url(../images/header-dbl.jpg);
	background-repeat: no-repeat;
	min-height: 80px;
}
#banner p {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
#banner em {
	color: orange;
}
/* title bar at top of content area */
#pagetitle {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	width:auto;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 2.0em;
	color: #FFFFDD;
	border-top: 4px solid #008800;
}
#pagetitle span {
	border-bottom: 1px solid #008800;
}
/* title bar at top of content area */
#pagetitlemod {
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px; 
	width:auto;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 2.0em;
	background-color: #44AA00;
	color: #FFFFDD;
/*	border-top: 4px solid #008800; */
}
/* content area */
#content {
	color:#444444;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
	line-height: 140%;
}
#content-onecol {
	color:#444444;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
	line-height: 140%;
}
#content-left {
	color:#444444;
	width: 30%;
	float:left;
	padding-right: 2px;
}
#content-right {
	color:#444444;
	width: 68%;
	float:left;
	padding-left: 2px;
}
#rightpic {
	float:right;
}
#rightpic img {
	width: 130px;
}		
#subtitle {
	 background-color: #44AA00;
	 color: #FFFF66;
	 margin-left: 3px;
	 margin-right: 3px;
	 padding-top: 3px;
	 padding-bottom: 3px;
	 text-align: center;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	font-size: 1.5em;
}
#content em {
	font-size:1.1em;
	line-height: 120%;
}

#content ul {
	list-style-type: square;
}
#content h1 {
	font-size:1.3em;
	font-weight: bold;
	color: #009b30;
}
#content h2 {
	font-size:1.1em;
	font-style: italic;
	color: #009b30;
}
#content h3 {
	line-height: 1.2;
	font-size: 1.2em; 
	font-weight: bold; 
	text-decoration: underline; 
	color: #00138c; 
	margin-bottom: 0.4em
	}
#eventitem {
	margin: 2px;
	padding: 2px;
/*	background-color: #F7E97F; */
	background-color: #FFF7BF;
	margin-bottom: 4px;
	border-bottom: 2px solid #44AA00;
}
#newsitem {
	margin: 2px;
	padding: 2px;
	border-bottom: 2px solid #44AA00;
}
#newsitem h1 {
	color: #009b30;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
#newsitem img {
	float: right;
	}
#eventitem h1 {
	color: #009b30;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
td.highlight {
	color: #FFFF66;
	font-weight: bold;
}
/* general navigation buttons */
#button {
	background-color: #005500;
	padding-top: 20px;
	padding-bottom: 50px;
	/* line-height: 100%; */
}
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#button li {
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #008800;
}
#button li a {
	display: block;
	padding: 5px;
	background-color: #005500;
	color: #EEEE44;
	text-decoration: none;
	font-size: 1.3em;
}
#button li a:hover {
	background-color: #006600;
	color: #FFFF66;
}
#button li a.selected {
	color: orange;
}

#hot-button {
	text-align: center;
	padding-bottom: 10px;
}

#hot-button a {
	padding: 5px;
	background-color: #FF6633;
	color: white !important;
	text-decoration: none;
	border: solid 2px #CCCCCC;
	font-size: 1.2em;
	font-weight: bold;
}	

#hot-button a:hover {
	background-color: #009900;
	color: white !important;
}	

/* this is just for the "Join Us!" button */
.cssnav
{
	clear: both;
 	height: 20px;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background-color: 005F00;
	background-image: url(../images/btn_green_small.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 10px;
	padding-bottom: 12px;
}

.cssnav a
{
	display: block;
	color: #000000;
	font-size: 11px;
	display: block;
	float: left;
	text-decoration: none;
}

.cssnav img
{
	border: 0;
	padding: 0;
	margin: 0;
}

* html a:hover
{
	visibility:visible
}

.cssnav a:hover img
{
	visibility:hidden
}

.cssnav span
{
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	font-style: normal;
	position: absolute;
	left: 45px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.cssnav#challenge span
{
	color: yellow;
	font-weight: bold;
	font-size: 1.5em;
	font-style: normal;
	position: absolute;
	left: 20px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
/* this is a test for putting the buttons in the title bar */
.barnav
{
	clear: both;
 	height: 20px;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	background-color: 005F00;
	background-image: url(../images/btn_green_small.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 3px;
	padding-bottom: 12px;
}

.barnav a
{
	display: block;
	color: #000000;
	font-size: 11px;
	display: block;
	float: left;
	text-decoration: none;
}

.barnav img
{
	border: 0;
	padding: 0;
	margin: 0;
}

* html a:hover
{
	visibility:visible
}

.barnav a:hover img
{
	visibility:hidden
}

.barnav span
{
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	position: absolute;
	left: 45px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border-bottom: none;
}
.barnav#challenge span
{
	color: yellow;
	font-weight: bold;
	font-size: 1.5em;
	text-align: right;
	position: absolute;
	left: 20px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border-bottom: none;
}

/* footer stuff */
#footer {
	clear:both;
	font-size: .8em;
	font-weight: normal;
	font-face: Verdana, Ariel, Helvetica, sans-serif;
	color: #00AA00;
	padding-left: 5px;
}
#footer a {
	color: #00AA00;
}
span.y {
color:#ffff00;
}
span.yo {
color:#ffd400;
}
span.o {
color:#ffaa00;
}
p.thick {
font-weight:500;
}
li.thick {
font-weight:600;
}
p.bt {
font-size:1.1em;
}
/* Text color variants */
.c    {
    color: #237AB2;
	}
b.c {
    color: #237AB2;
	}
.bc {
    color: #237AB2;
    font-weight: bold;
	}

.g   {
     color:#009b30;
     }
b.g {
    color: #009b30;
	}
.bg {
    color: #009b30;
    font-weight: bold;
	}
.db   {
     color:#00138c;
     }
b.db {
    color: #00138c;
	}
.bdb {
    color: #00138c;
    font-weight: bold;
	}