html {
	/* keep this a light color so black text is readable */
	/* this will show through the header section which is transparent */
	background: url(images/BigG-lighter.png) repeat;
}

body {
	/* here you can super enpose another transparent backgound and merge with the html background */
}

a, a:visited, a:hover, a:focus {
	/* set what color you want your links */
	background-color: transparent;
	color: white; 
}

/* input styles for buttons */
button,
input.button { 
	background: rgb(159,91,16);  
	border-color:#996633;
	color: white;
}

/* all other input types */
.button,
input.text,
select.select,
.textarea {
	border-color: black;
}

/* topline is the class used when logged in and it shows name and logout links */
.topline, .topline a, .bottomline, .bottomline a {
	color: black;
}

/* the header and it's corners should have the same colors */
.hd-top { display: block; }

#hd, 
.hd-top .corner *, 
.hd-bottom .corner * {
	background: #FFDE08;
	color: black;
}
.hd-bottom { display: block; margin-bottom: 0; }

/* the body and it's corners should have the same colors */
.bd-top { display: block; }

#bd, 
.bd-top .corner *, 
.bd-bottom .corner * {
	background: #244729;
	color: #FFDE08;
}
.bd-bottom, .bd-bottom .corner { display: none; margin-bottom: 0; }

/* The footer and it's corners should have the same colors */
.ft-top, .ft-top .corner { display: none; margin-top: 0;}

#ft, 
.ft-top .corner *, 
.ft-bottom .corner * {
	background: #244729;
	color: #FFDE08;
}

.ft-bottom { display: block; }

/* The menu and it's corners should have the same color */
.menu-top .corner { display: block; }

.menu-top .corner *, 
.menu-bottom .corner *,
.navigationmodule-yui-top-nav #yuimenubar.yuimenubar {
	background: rgb(159,91,16) /*#996633*/;
	font-size: 14px; 
	line-height:.8;
	*line-height:1;  /* for ie 6 and 7 */
} 
.menu-bottom .corner { display: block; }

/* the top menu item color when selected or hovering over */
.navigationmodule .yuimenubaritem-selected {
	background: rgb(134,149,64) /*#7e8f49*/;
}
/* the top menu item color when not selected and not hovering */
.navigationmodule #yuimenubar.yuimenubarnav .yuimenubaritemlabel{
	color: white;
}

/* the top menu item color when selected or hovered */
.navigationmodule #yuimenubar.yuimenubarnav .yuimenubaritemlabel-selected{
	color: white;
}

/* if you want to have a icon to show when a submenu is available, put it here */
/* you will also have to change the margins to leave room for it. I have removed it */
.navigationmodule #yuimenubar.yuimenubarnav .yuimenubaritemlabel-hassubmenu{
	/*1st level*/
	Xbackground:url(skin/menubaritem_submenuindicator.png) right center no-repeat;
}

/* the wrapping <div> around a drop menu */
.navigationmodule .yuimenu .bd{
	border-color:#62951c;
	background-color:#d7e8c4;
}

/* The submenu item, not a top level menu */
.navigationmodule .yuimenu .yuimenuitem{
	_border-bottom:solid 1px #d7e8c4; /* Gotta love some IE6! ...  or not.  Make this the same as the .bd of your menu */
}

/* The hovered state of the submenu item (not top menu) */
.navigationmodule .yuimenuitem-selected{
	background-color:#2c553d;
}

/* The submenu item (not top menu) when not selected */
.navigationmodule .yuimenuitemlabel{
	color: black;
}

/* The hovered state of the submenu (not top menu) when selected*/
.navigationmodule .yuimenuitemlabel-selected{
	color:white!important;
}

/* the color of a submenu that is not active and not selected??? */
.navigationmodule .yuimenubaritemlabel-disabled {
	color: red;
}

/* the icon to show the submenu has more submenus and it's not active */
.navigationmodule #yuimenubar.yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{
	background-image:url(skin/menubaritem_submenuindicator_disabled.png);
}

/* ??? */
.navigationmodule .yuimenu h6{
	border-color:#ccc;
	color:#a4a4a4;
}

/* when the entire menu cannot be displayed and scroll bars are visible */
.navigationmodule .yuimenu .yui-menu-body-scrolled{
	border-color:#ccc #808080;
}

/* scrollbars */
.navigationmodule .yuimenu .topscrollbar,
.navigationmodule .yuimenu .bottomscrollbar{
	border-color:black;
	background:white url(skin/sprite.png) no-repeat 0 0;
}

/* icon to use when item has a submenu */
.navigationmodule .yuimenuitem-hassubmenu{
	background-image:url(skin/menuitem_submenuindicator.png);
	background-position:right center;
	background-repeat:no-repeat;
}

/* I con't think eXp uses this */
.navigationmodule .yuimenuitem-checked{
	background-image:url(skin/menuitem_checkbox.png);
	background-position:left center;
	background-repeat:no-repeat;
}


.navigationmodule .yui-menu-shadow-visible{
	background-color:black;
}

.navigationmodule .yuimenuitemlabel-disabled{
	color:#A6A6A6;
}

.navigationmodule .yuimenuitem-hassubmenu-disabled{
	background-image:url(skin/menuitem_submenuindicator_disabled.png);
}

.navigationmodule .yuimenuitem-checked-disabled{
	background-image:url(skin/menuitem_checkbox_disabled.png);
}


.containermodule h1 {
	/* all modules have a title and this is the element assigned to them */
	background: #333333 url(images/title-bg.png);
}

/* for modules with bodies, bring the h1 back to normal */
.containermodule .bodycopy h1 {
	background-color: transparent;
	background-image: none;
}


.calendarmodule-default table#calendar th {
	border-color: black;
	background: rgb(159,91,16);
}

.calendarmodule-default table#calendar tr.currentweek {
	/*background: rgb(13,149,64);*/
}

.calendarmodule-default table#calendar td {
	border-color: black;
}

.calendarmodule-default table#calendar .notinmonth {
	background: rgb(134,120,64);
}

.calendarmodule-default table#calendar .oneday {
	background: rgb(134,160,64);
}

.calendarmodule-default table#calendar td ul li {
	color: black;
}

.calendarmodule-default table#calendar .notinmonth .number {
	background: rgb(134,130,40);
}

.calendarmodule-default table#calendar .oneday .number {
	background: rgb(134,130,40);
}

.calendarmodule-default table#calendar .oneday.currentday {
	background: rgb(159,91,16);
}
.calendarmodule-default table#calendar .oneday.currentday a {
	background: #244729;
	color: white;
}

.calendarmodule-default table#calendar .oneday .number a {
	color: black;
	background: rgb(134,130,40);
}

.calendarmodule-weekly #calendar .week {
	border-color: black;
	background: #244729;
}

.calendarmodule-weekly .oneday {
	border-color: black;
	background: rgb(134,130,40);
}
/* adminstration view */

.calendarmodule-administration #calendar {
	background: rgb(134,160,64);
}

.formmodule .checkboxlabel, .control .checkboxlabel {
	color: #FFDE08;		/* override forms.css */
}

.loginmodule-expanded form {
	background-color:none;
}

.page_moduletitle {
	/* since this title is not a h1 tag, duplicate h1 settins here */
	background: #333333 url(images/title-bg.png);
}

/* Right justify the search module */
.searchmodule-default {
	padding: 0;
	float: right;
}

/* below here in admin mode only, we need to override some of the colors on admin pages */
.yui-skin-sam, .manager-hierarchy {
	/* since we changed the color to white, yui has some light backgrounds */
	color: black;
}


.CollapsiblePanelOpen #blockheader {
	/* this is visible in admin mode only */
	background: yellow;
}

.CollapsiblePanelClosed #blockheader {
	/* this is visible in admin mode only */
	background: gray;
}