.content .featheader td,
.content .featheader th,
.content td.featheader,
.content th.featheader {
	background-position: 0 50%; 
	background-repeat: repeat;
	font-weight: bold;
	font-size: 14px;
	padding: 7px;
}
/* For use outside of table. */
.content .featheader {
  background-position: 0 50%; 
	background-repeat: repeat;
	font-weight: bold;
	font-size: 14px;
}
.content .featheader td a,
.content .featheader th a,
.content td.featheader a {
	text-decoration: underline;
}

.content .featheader td * {
	font-weight: bold;
}

.subheader td,
.subheader th {
	font-weight: bold;
	font-size: 12px;
}

.subheader td * {
	font-weight: bold;
	font-size: 12px;
}

/* Sets colors for active items and hovered active items.*/


.hover:hover {
	background: url(features/skins/images/trans5-black.png) 0 50% repeat;
	cursor: pointer;
	}
	
html * .hover:hover {
	background: none;
	font-weight: bold;
	}

	
/* Sets colors for UI elements that need to be called out ie calendar days, list items, etc. */

html * .highlighted {
	background: none;
	font-weight: bold;
	}

.highlighted {
	background: url(features/skins/images/trans5-black.png) 0 50% repeat;
	font-weight: bold;
	}


/* Sets colors for a button UI element. */


.button, input.button,
button.button {
	color: #333 !important;
	padding: 5px 10px 6px;
	cursor: pointer;
	border-style: solid;
	border-width: 0;
	border-color: inherit;
	font-size: 11px;
	white-space: nowrap;
	display: inline-block;
}

.button a,
.button,
a.button {
	color: #333 !important;
	padding: 5px 10px 6px;
	cursor: pointer;
	border-style: solid;
	font-weight: bold;
	border-width: 0;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #efefef url(features/skins/images/gradient_cccccc.png) 0 50% repeat;
	text-shadow: 0 1px 1px white;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	display: inline-block;
	text-decoration: none;
	clear: both;
	
}

.button a:hover, .button:hover,
input.button:hover,
button.button:hover,
a.button:hover {
	color: #333 !important;
	text-decoration: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(features/skins/images/gradient_cccccc.png) 0 50% repeat;
	text-shadow: 0 1px 1px white;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	display: inline-block;
}

button.cancel-button {
	background: #CCCCCC url(features/skins/images/gradient_cccccc.png) repeat scroll 0 50%;
	cursor: pointer !important;
	padding: 5px 10px 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	text-decoration: none;
	color: #666 !Important;
	font-size: 11px;
	*margin: 0 7px;
}

.button-disabled {
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px 6px;
	border-width: 1px;
	border-style: solid;
	background: #efefef;
	margin: 0 0 7px 0;
}

button.cancel-button:hover {
	color: #666 !Important;
}

.add-message {
	display: block; 
	width: 150px; 
	font-size: 12px !important;
	text-align: center;
}

.button-disabled {
	color: #555 !important;
	padding: 7px;
	border-style: solid;
	border-width: 1px;
	background: #ccc url(features/skins/images/gradient_cccccc.png) 0 50% repeat;
	text-shadow: 0 1px 1px white;
}

.clear-both {
	clear: both;
}

.user_message {
	margin: 0 0 15px 0;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	line-height: 24px;
}

.user_message .highlighted {
	color: #d00 !important;
	background: #fcc;
	padding: 5px;
	webkit-border-radius: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
}

.user_message .heading {
  color: #d00;
}

.user_message ul {
	margin: 15px;
	padding: 15px;
	border: 3px solid #d00 !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.user_message ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.content {
	text-align: left;
	padding-bottom: 20px;
}

.screen {
	background: url(features/skins/images/trans5-black.png) 0 0 repeat;
}

.noborder {
	border: none !important;
}

.left {
	text-align: left !Important;
}

p.large {
	font-size: 14px !important;
}

.small {
	font-size: 11px !Important;
}

/* Branding */

.branding-left, .branding-right, .branding-center {
	padding: 10px 20px 5px 20px;
	font-size: 8pt;

}

.branding-left {text-align: left;}
.branding-right {text-align: right;}
.branding-center {text-align: center;}

.branding-left a.branding-button {margin-right: auto;}
.branding-right a.branding-button {margin-left: auto;}
.branding-center a.branding-button {margin-left: auto; margin-right: auto;}

.branding-contained .branding-left, .branding-contained .branding-right, .branding-contained .branding-center {
	padding: 5px;
}

a.branding-button:link, a.branding-button:visited {
	display:block;
}


div.footertext {
	text-align:center;
	font-size: 0.8em;
}

/* styles for blog display */


.admin-info {
	font-style: italic;
	padding: 1em;
}

.smiles-css img {
	float: left;
	border: 0;
	margin: 1px;
}

.captcha {
	margin-top: 1em;
}

img.page-button {
	border: 0;
}

li.page-button {
	list-style-type: none;
	padding: .5em .25em;
}

/* DON'T USE ME!!! I cause "x items remaining" bug in IE! */
/*
img, div { behavior: url('http://www.waynepotash.com/common/js/iepngfix.htc') }
*/

/*
************ MENU **************
*/

/* required so that the menu js can figure out it's position relative to the container */
#container {
	 position: relative;
}

/*** ESSENTIAL STYLES ***/


.navMenu li:hover,
.navMenu a:focus, 
.navMenu a:hover, 
.navMenu a:active {
	outline: 0;
}

.navMenu, 
.navMenu * {
	margin:	0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

/* add our padding for the top level navigation items */
.navMenu img {
	margin: 0 5px;
}

.navMenu li {
	position: relative;
}

.navMenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.navMenu li ul {
	clear: both;
	position: absolute;
	top: -999em;
	width: auto;
	visibility: hidden;
}


.navMenu li ul li {
	text-align: center;
	font-size: 11px;
	display: block;
	white-space: nowrap;

}

html>body .navMenu li ul li { *line-height: 1; /* fix gaps in IE 7 */ }

.navMenu li ul li a {
	padding: .5em 1em .5em 1em;
	text-decoration: none;
	display: block;
}

.navMenu li ul li a:hover {
	color:  white;
}

.navMenu a {
	display:		block;
	/*position:		relative;*/
}

.navMenu li ul {
	z-index:	101;
}

.navMenu li li { 
	background-image: none !important;
	height: auto;
}

/*** 
	adding the class navMenuHorizontal in addition to navMenu creates an all-horizontal nav-bar menu
	which is centered
***/
.navMenuHorizontal {
	text-align: center;
}

.navMenuHorizontal li {
	display: inline;
	width: auto;
	height: auto;
	zoom: 1; /* fixes issue in IE with menu items being too wide when items have submenu on extremities (far left or far right menu items) */
}

.navMenuHorizontal li a.top {
	zoom: 1; /* fixes issue in IE with menu buttons moving see #1117671 */
}

.navMenuHorizontal li a {
	display: inline;
}

/*** adding the class navMenuVertical in addition to navMenu creates an all-vertical nav-bar menu ***/
.navMenuVertical {
}

.navMenuVertical li img {
	margin: 0; /* no margin for the vertical menus */
}

.navMenuVertical li {
	display: inline;
	height: auto;
	/* force the top level navigation to be full width so each entry is on it's own row */
	width: 100%;
}

.navMenuVertical li ul li {
	width: auto;
}


/* Sets colors for UI or text elements that are notices to user ie. status messages, dates, etc. */

.notice {
background-color: #eaea6b;
padding: 7px;
color: black !important;
}

.error {
background-color: #F00;
color: #FFF;
}

.errorField {
padding: 3px;
}

label.errorField {
background-color: none;
color: #d00 !important;
}

.errorFieldMessage {
	color: #d00;
	font-size: 0.92em;
	margin: 7px 0 5px 0;
	font-weight: bold;
}

.requiredFieldMarker {
  color: #d00;
}
p.requiredField {
  background: #fdd;
  padding: 5px;
  color: #d00 !important;
  margin-bottom: 10px !important;
}

/* Members Registration */

table.members-registration input {
	font-size: 100%;
	margin: 5px 0;
}

table.members-registration td {
	padding: 0 0 15px 0;
}

/* Members Login */

table.members-login input {
	font-size: 100%;
	margin: 5px 0;
}

table.members-login td {
	padding: 0 0 15px 0;
}

/* Members */

table.edit-member {
	width: 100%;
	margin: 15px 0 0 0;
}

table.edit-member td {
	width: 50%;
}

table.edit-member .header {
	text-align: center !important;
}

table.edit-member table.photo td {
	text-align: center !important;
}

table.edit-member table {
	width: 100%;
}

table.edit-member table td {
	padding: 7px 0 7px 7px;
}

table.edit-member table th {
	padding: 7px;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	vertical-align: middle;
	text-align: right;
}

table.edit-member table th,
table.edit-member table td {
	padding: 7px;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	vertical-align: middle;
}
	
table.members .header {
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 7px 7px;
	text-align: center;
}
	
table.members th {
	padding: 7px;
	text-align: right;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	vertical-align: middle;
}
	
table.members td {
	padding: 7px;
	vertical-align: top;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 50%;
	text-align: left;
}

table.members td img {
	vertical-align:middle;
}

table.members {
	width: 75%;
	padding: 7px;
	margin: 15px 0 15px 0;
}

/* Text. */

.text {
	margin: 0;
}

.text img { 
margin: .9em;
}

/* YouTube. */

.youtube-video {
	margin: 15px 0 15px 0;
}

/* Twitter */

#twitter_div ul {
	margin: 0;
	padding: 0;
}

#twitter_div ul li {
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 7px 0 0 0;
}

#twitter_div ul li a {
	text-decoration: none;
}

#twitter_div ul li a {
	margin: 2px 0 0 0;
	font-size: 75% !important;
	white-space: nowrap;
}

#twitter_div ul li span a {
	display: inline;
	font-size: 100% !important;
}

#twitter_div .twitter_id img {
	float: left;
	margin: 0 10px 0 0;
}

#twitter_div .twitter_id {
	font-size: 125%;
	font-weight: bold;
	line-height: 24px;
}
#twitter_div .twitter_id a {
	text-decoration:none;
}

/* Headers. */

.footertext { 
	padding: 5px;
}