body { background-color: #031B30; color: #333; margin: 0; }

body, p, li, td, input, textarea, select { FONT-FAMILY: verdana, arial, helvetica, sans-serif; font-size: 9pt;}

h1 		{ font-size: 12pt; color: #963E59; }
h2 		{ font-size: 10pt; color: #64C295; }
td 		{ vertical-align: top; }
img 	{ border: none; }
legend 	{ font-weight: bolder; }
hr 		{ background-color: #9ACDDF; color: #9ACDDF; width: 100%; height: 1px; border: 0;  margin: 0 0 20px 0; }
label	{ font-weight: bolder; }

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

/* ----- main divisions ----- */

#wrap 						{ 
								background		: #C4EAED url(images/background.jpg) top left repeat-y; /* #215A8F */
								margin			: 0 auto; 
								padding			: 15px 6px;
								width			: 968px; 
							}

#menu 						{
								color			: black; 
								float			: left; 
								width			: 195px; 
							}
							
#content					{ 
								background		: white;
								float			: left;
								min-height		: 700px; 
								padding			: 15px;
								width			: 740px; 
								-moz-border-radius-topleft			: 10px;
								-webkit-border-top-left-radius		: 10px;
								-moz-border-radius-bottomright		: 10px;
								-webkit-border-bottom-right-radius	: 10px;
							}

#sidebar					{ 	
								color			: white;
								float			: left; 
								margin-left		: 6px;
								min-height		: 600px;
								width			: 178px; 
							}
							
#upcoming-events			{ background-color: #963E59; padding: 10px; }
#upcoming-events a			{ color: white; }

#categories					{ background-color: #963E59; padding: 10px; }
#categories a				{ color: white; text-decoration: none; }
#categories a:hover			{ text-decoration: underline; }
#categories ul				{ list-style-type: none; margin: 0; padding: 0;  }
#categories li				{ padding-bottom: 4px; }

#home #content,
#health #content,
#links #content
							{ width: 550px; }

#address					{ text-align: center; color: black; font-size: 85%; margin-top: 5px; }
#address a					{ color: black; }

#quote
{
	min-height: 350px;
	padding: 150px 10px 0 30px;
	background: url(images/side-bar.gif) top left no-repeat;
	font-style: italic; font-size: 90%;
}

/* ---------- menu ------------- */

#nav						{
								color			: white;
								list-style-type	: none;
								margin			: 0;
								padding			: 0;
								width			: 189px; 
							}
            				
#nav li 					{ 
								margin			: 0 0 6px 0; 
								padding			: 0; 
							}
							
#nav li a				{ 
								background-image: url(images/menu.gif); 
								display			: block; 
								height			: 26px; 
								text-indent		: -99999px;
								width			: 189px; 
							}
							
a.home 						{ background-position:   0px    0px; }
a.home:hover				{ background-position: 189px    0px; }
                    	                                  
a.about 					{ background-position:   0px  -26px; }
a.about:hover				{ background-position: 189px  -26px; }
                    	                                  
a.schedule	 				{ background-position:   0px  -52px; }
a.schedule:hover			{ background-position: 189px  -52px; }
                    	                                  
a.health 					{ background-position:   0px  -78px; }
a.health:hover				{ background-position: 189px  -78px; }
                                                          
a.testimonials 				{ background-position:   0px  -104px; }
a.testimonials:hover		{ background-position: 189px  -104px; }
      
a.store 					{ background-position:   0px -130px; }
a.store:hover				{ background-position: 189px -130px; }

a.links 					{ background-position:   0px -156px; }
a.links:hover				{ background-position: 189px -156px; }
      
a.contact 					{ background-position:   0px -182px; }
a.contact:hover				{ background-position: 189px -182px; }

a.login 					{ background-position:   0px -208px; }
a.login:hover				{ background-position: 189px -208px; }

a.profile 					{ background-position:   0px -234px; }
a.profile:hover				{ background-position: 189px -234px; }

a.admin 					{ background-position:   0px -260px; }
a.admin:hover				{ background-position: 189px -260px; }

a.logout 					{ background-position:   0px -286px; }
a.logout:hover				{ background-position: 189px -286px; }

a.photo-gallery 			{ background-position:   0px -312px; }
a.photo-gallery:hover		{ background-position: 189px -312px; }

#home 						.home,
#about	 					.about,
#schedule	 				.schedule,
#health						.health,
#testimonials				.testimonials,
#store						.store,
#links						.links,
#contact	 				.contact,
#login						.login,
#profile					.profile,
#admin 						.admin,
#users						.admin,
#locations					.admin,
#questionnaire				.admin,
#surveys					.admin,
#quotes						.admin,
#pastdue					.admin,
#wrongpass					.admin,
#hear-about-report			.admin,
#reports					.admin,
#mailinglists				.admin,
#messages					.admin,
#project-tasks				.admin,
#photo-gallery				.photo-gallery
							{ background-image: url(images/menu-current.gif); }

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

#nav li ul li				{ 
								margin			: 0; 
								padding			: 0; 
							}
							
#nav li ul li a				{ 
								background-image: none;
								color			: black; /* #963E59; */
								font-size		: 8pt;
								height			: auto; 
								margin			: 0;
								padding			: 4px 0; 
								text-align		: right;
								text-decoration	: none; 
								text-indent		: 0px;
								width			: 171px; 
							}
							
#nav li ul li a:hover 		{ 
								color: #731F3A; 
							}

.submenu-home, 
.submenu-schedule, 
.submenu-health,
.submenu-store,
.submenu-links,
.submenu-profile,
.submenu-admin,
.submenu-profile
							{ display: none; }

#home								.submenu-home,
#faq								.submenu-home,
#newsletters						.submenu-home,
#schedule							.submenu-schedule,
#instructors						.submenu-schedule,
#pricing							.submenu-schedule,
#health								.submenu-health,
#store								.submenu-store,
#viewcart							.submenu-store,
#orders								.submenu-store,
#productinfo						.submenu-store,
#links								.submenu-links,
#links-web							.submenu-links,
#links-books						.submenu-links,
#links-video						.submenu-links,
#links-audio						.submenu-links,
#profile							.submenu-profile,
#profile-payments					.submenu-profile,
#profile-attendance					.submenu-profile,
#profile-change-password			.submenu-profile,
#admin								.submenu-admin,
#users								.submenu-admin,
#classes							.submenu-admin,
#workshops							.submenu-admin,
#locations							.submenu-admin,
#questionnaire						.submenu-admin,
#quotes								.submenu-admin,
#pastdue							.submenu-admin,
#wrongpass							.submenu-admin,
#heard-about-report					.submenu-admin,
#reports							.submenu-admin,
#messages							.submenu-admin,
#mailinglists						.submenu-admin

							{ display: block; }
							
#faq						.faq,
#newsletters				.newsletters,
#instructors				.instructors,
#classes					.classes,
#workshops					.workshops,
#pricing					.pricing,
#viewcart					.viewcart,
#orders						.orders,
#profile-payments			.profile-payments,
#profile-attendance			.profile-attendance,
#profile-change-password	.profile-change-password,
#users						.users,
#locations					.locations,
#quotes						.quotes,
#questionnaire				.questionnaire,
#pastdue					.pastdue,
#wrongpass					.wrongpass,
#heard-about-report			.heard-about-report,
#mailinglists				.mailinglists,
#messages					.messages,
#reports					.reports

							{ color: #731F3A; }
							
/* ----- misc ------ */

.bold				{ font-weight: bolder; }

.link 				{ color: #731F3A; }

.instructor			{ 
						float: left;
						width: 125px;
						height: 165px;
						margin: 0 10px 15px 0;
					}
					
.instructor a		{ color: #731F3A; text-decoration: none; }
.instructor a:hover	{ text-decoration: underline; }
.instructor img		{ margin-bottom: 5px; }
					
tr.header,
td.header			{ background-color: #731F3A; color: white; vertical-align: bottom; }
tr.header a,
td.header a			{ color: white; }			

/*-------- tooltip for schedule ------- */

.info				{
						padding: 3px;
    					position:relative; /*this is the key*/
    					z-index:24;
    					color: black;
    				}

.info span			{ display: none; }

.info:hover span	{ 	/*the span will display just on :hover state*/
    					display: block;
    					position: absolute;
    					top: 2em; left: 2em; width: 15em;
    					border:1px solid #0cf;
    					background-color:#cff; color:#000;
    					text-align: center;
    				}


#schedule-container		{ width: 611px; height: 368px; display: block; background: url(images/background-schedule.gif) 0px 21px no-repeat; }

.dow-header				{ float: left; width: 80px; background-color: white; padding: 3px 0; margin-right: 3px; background-color: #731F3A; color: white; text-align: center; }

.dow					{ position: relative; float: left; width: 80px; height: 336px; margin: 3px 3px 0 0; }

.scheduled-class		{ float: left; position: absolute; left: 0px; width: 78px; background-color: #aabbcc; border: 1px solid black; display: block; overflow: hidden; font-size: 80%; }

.popup-header 			{ padding: 3px; text-align: center; font-size: large; background-color: #731F3A; color: white; font-weight: bolder; }

table.schedule-details tr td { font-size: 10px; }

.small					{ font-size: 9px; }

.welcome				{ 
							background	: url(images/welcome.gif) top left no-repeat;
							color		: #ac2929; 
							font-weight	: bolder; 
							font-size	: 180%; 
							height		: 21px;
							margin		: 0 0 0 -7px; 
							padding		: 0; 
							text-indent	: -99999px; 
							width		: 561px;
						}

.reg					{ background-color: white; }
.alt					{ background-color: #efefef; }

.empty-date				{ background-color: white;   border: 1px solid white; padding: 1px; }
.filled-date			{ background-color: #FFD51E; border: 1px solid gray;  padding: 1px; }

.class-listing 			{ color: black; font-size: 9px; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; }
.class-listing:hover	{ text-decoration: underline; }
.class-listing .time	{ font-style: italic; color: #F3733B; font-family: verdana, arial, helvetica, sans-serif; }

.workshop-listing 		{ color: black; font-size: 9px; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-weight: bolder; }
.workshop-listing:hover	{ text-decoration: underline; }
.workshop-listing .time	{ font-style: italic; color: green; font-family: verdana, arial, helvetica, sans-serif; }

.article-title			{ color: #663399; font-weight: bold; font-size: 12pt; }
.article-author			{ font-size: smaller; }

.code42 				{ display: none; }
.error					{ color: red; }
.black					{ color: black; }

#style-color-box { width: 18px; height: 18px; border: 1px solid gray; float: left; margin-left: 5px;}

ul#thumbnails	{ width: 350px; list-style-type	: none; }

ul#thumbnails li { float: left; margin: 0; padding-right: 5px; }

.price			{ font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; }

ul.doubled li 	{ margin-bottom: 4px; }
ul.doubled li a { color: black; }

.info			{ color: green; }

.good			{ color: green; }
.warning		{ color: gold; }
.bad			{ color: red; }

.day-header		{ background-color: #731F3A; color: white; padding: 3px; }

.upcoming-events	{ 
						background	: url(images/upcoming-events.gif) top left no-repeat;
						font-size	: 12pt; 
						font-weight	: bolder; 
						height		: 70px;
						text-indent	: -99999px; 
						width		: 178px;
					}

.class-name,
.workshop-name,					
.location,
.instructor-name
				{ font-size: 10pt; font-weight: bolder; color: #265370; }
				
.tag-cloud a		{ color: black; text-decoration: none; }
.tag-cloud a:hover	{ color: #731F3A; }

.word 				{
						font-family		: Tahoma;
						padding			: 4px 4px 4px 4px;
						letter-spacing	: 1px;
					}
					
span.size1 			{
						color: #000;
						font-size: 2.4em;
					}
					
span.size2 			{
						color: #333;
						font-size:2.2em;
					}
span.size3 			{
						color: #666;
						font-size: 2.0em;
					}
span.size4 			{
						color: #999;
						font-size: 1.0em;
					}
span.size5 			{
						color: #aaa;
						font-size: 1.6em;
					}
span.size6 			{
						color: #bbb;
						font-size: 1.4em;
					}
span.size7 			{
						color: #ccc;
						font-size: 1.2em;
					}
span.size8 			{
						color: #ddd;
						font-size: .8em;
					}					
					
a.add						{ 
								background		: url(/images/add.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								margin			: 0 4px 4px 0;
								min-height		: 13px; 
								padding-left	: 15px; 
								text-decoration	: none; 
							}
						
a.add:hover				{ text-decoration: underline; }
                        							
a.edit						{ 
								background		: url(/images/edit.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								margin			: 0 4px 4px 0;
								min-height		: 16px; 
								padding-left	: 16px; 
								text-decoration	: none; 
							}
						
a.edit:hover				{ text-decoration: underline; }

a.remove					{ 
								background		: url(/images/delete.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								margin			: 0 4px 4px 0;
								min-height		: 16px; 
								padding-left	: 17px; 
								text-decoration	: none; 
							}
							
a.remove:hover				{ text-decoration: underline; }

a.link						{ color: black; text-decoration: none; }
a.link:hover				{ text-decoration: underline; }
					
#content li					{ margin-bottom: 4px; }

.gallery-title				{ font-weight: bolder; }
ul#photos					{ width: 660px; margin: 0 auto; list-style-type: none; }
#photos li					{ float: left; display: block; width: 200px; height: 200px; margin: 0 15px 15px 0; padding: 0; }
#photo-count				{ float: left; }

.footer						{ color: black; font-size: 8pt; margin-right: 8px; }
.footer a					{ color: black; }

.today						{ background-color: #E9C660; } /* #255B93; */