body { 
	margin: 0;
	padding: 0 0 1em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 71%;
	color: #000;
	background: #8BBD17;
	text-align: center
}

table {
	padding: 0;
	margin: 15px 0 15px 0
}

th {
	background-color: #EEF5DC;
	text-align: center
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #EDEDED;
	text-align: center
}

td.stage {
	width: 33%
}

img.logo {
	border: 0px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0
}

.left {
	border: 1px solid #EDEDED;
	padding: 3px;
	margin: 0 15px 0 0;
	float: left
}

a:link {
	color: #588526;
	text-decoration: none;
	border-bottom: 1px dotted
}

a:active {
	color: #62A11C;
	text-decoration: none;
	border-bottom: 1px dotted
}

a:visited {
	color: #588526;
	text-decoration: none;
	border-bottom: 1px dotted
}

a:hover {
	color: #62A11C;
	text-decoration: none;
	border-bottom: 1px dotted
}

/*---  LEFT SIDE BAR ---*/
#menu {
 width: 175px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 10px;
 text-align: right;
 color: #333;
 padding-bottom: 30px;
 border-right: 1px dotted #999;
}


/*---  MAIN PAGE CONTENT ---*/
#content {
 width: 420px;
 float: left;
 text-align: left;
 margin-left: 20px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 390px;
}
body>#content {
 width: 420px;
}


/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a { 
 color:       #000000;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px; 
}
.loginLinks a:link    { color:  #003399; font-weight: bold;}
.loginLinks a:visited { color:  #003399; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  #cccccc; font-weight: bold;} 


/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px dotted #999;
 margin-bottom: 15px; 
}


/*---  Used in Trackback and Pingback page.  ---*/

H2 {
	font-size: 150%;
	color: #588526;
	font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

#welcome h3.title {
	text-indent: -200em;
	width: 315px;
	height: 49px;
	margin: 0;
	padding: 0;
	background: url(../images/jm_media_hdr.gif) top left no-repeat
}

#sponsor h3.title {
	text-indent: -200em;
	width: 376px;
	height: 49px;
	margin: 0;
	padding: 0;
	background: url(../images/jm_sponsors_hdr.gif) top left no-repeat
}

#volunteer h3.title {
	text-indent: -200em;
	width: 421px;
	height: 49px;
	margin: 0;
	padding: 0;
	background: url(../images/jm_volunteer_hdr.gif) top left no-repeat
}

#media h3.title {
	text-indent: -200em;
	width: 392px;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(../images/jm_2004_hdr.gif) top left no-repeat
}

#eco h3.title {
	text-indent: -200em;
	width: 312px;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(../images/jm_eco_hdr.gif) top left no-repeat
}

#quicklinks h4 {
	text-indent: -200em;
	width: 74px;
	height: 12px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/jm_quick_links_hdr.gif) top left no-repeat
}

#registration h4 {
	text-indent: -200em;
	width: 99px;
	height: 13px;
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	background: url(../images/jm_registration_hdr_fr.gif) top left no-repeat
}

#volunteering h4 {
	text-indent: -200em;
	width: 99px;
	height: 13px;
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	background: url(../images/jm_volunteering_hdr_fr.gif) top left no-repeat
}

#news h4 {
	text-indent: -200em;
	width: 99px;
	height: 13px;
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	background: url(../images/jm_latestnews_hdr_fr.gif) top left no-repeat
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #FF0099;
	padding: 0;
	margin: 15px 0 0 0
}



/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #588526;
	padding: 0;
	margin: 15px 0 0 0
}

.inner_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #588526;
	font-weight: bold;
	font-stretch: expanded
}

/*---  Used in comment templates to format text used in the comment form. ---*/

h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%
}

.leftcol span.country, .midcol span.country, .rightcol span.country {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold
}

/*---  Weblog entry formatting.  ---*/

.weblog {
	margin: 0;
	padding-bottom: 15px
}

.spacer {
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #999999
}

/*---  Name of author in weblog entries ---*/

.author {
	text-align: right;
	color: #c1c1c1;
	font-weight: normal;
	font-size: 80%;
	margin: 0;
	padding: 15px 0 0 0;
	clear: both
}

/*---  Paragraph formatting in weblog entries ---*/

p {
	padding: 1.5em 0 0 0;
	margin: 0
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

/***** links under tabs *****/

#tabs ul a:link {
	color: #FF0099;
	text-decoration: none;
	border: none;
}

#tabs ul a:active {
	color: #FFBFF4;
	text-decoration: none;
	border: none;
}

#tabs ul a:visited {
	color: #FF0099;
	text-decoration: none;
	border: none;
}

#tabs ul a:hover {
	color: #FFBFF4;
	text-decoration: none;
	border: none;
}

ul span {
	text-indent: -200em
}

ul {
	padding: 0;
	margin: 15px 0 0 30px
}

br.clear {
	clear: both;
	margin: 0;
	padding: 0
}

dl.event {
	margin: 0 0 2em 0;
	padding: 0
}

.event dt {
	position: relative;
	left: 0;
	top: 1.1em;
	width: 10em;
	font-weight: bold;
}

.links dt {
	position: relative;
	left: 0;
	top: 1.1em;
	width: 20em;
	font-weight: bold;
}

.event dd {
	border-left: 1px solid #ededed;
	margin: 0 0 0 10em;
	padding: 0 0 0.5em 2em;
}

.links dd {
	border-left: 1px solid #ededed;
	margin: 0 0 0 18em;
	padding: 0 0 0.5em 2em;
}

.event dd:hover, .links dd:hover {
	background-color: #EEF5DC
}

.noborder a:link {
	text-decoration: none;
	border-bottom: none;
}
.noborder a:active {
	text-decoration: none;
	border-bottom: none;
}
.noborder a:hover {
	text-decoration: none;
	border-bottom: none;
}
.noborder a:visited {
	text-decoration: none;
	border-bottom: none;
}