body { background-color: #050B69; color: #333; margin: 0; } /* #C8DFFA */

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

h1							{ color: #000295; font-size: 12pt; }
h2,
h2 a						{ font-size: 10pt; color: #029674; }
td 							{ vertical-align: top; }	
img							{ border: 0; }
label,
legend						{ font-weight: bolder; }
legend						{ color: #029674; }

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

#wrap 						{ 
								background		: #050B69 url(images/background.jpg) top left no-repeat;
								margin			: 0 auto; 
								padding			: 20px 0;
								width			: 970px; 
							}

#menu 						{
								xbackground		: #205CBF;
								color			: white; 
								float			: left; 
								width			: 200px; 
							}
							
#content					{ 
								background		: white url(images/background-content.jpg) top left repeat-x; 
								float			: left;
								min-height		: 600px; 
								padding			: 15px;
								width			: 501px; 
							}
							
#content img#photo			{ position: relative; top: -15px; left: -15px; }							

#calendar #content,
#photo-gallery #content,
#crop-image #content				
							{ width: 725px; }

#calendar #content img#photo,	
#photo-gallery #content img#photo,
#crop-image #content img#photo	
							{ display: none; }

#sidebar					{ 	
								background		: #00B189 url(images/background-sidebar.jpg) top left no-repeat;
								color			: white;
								float			: left; 
								margin-left		: 15px;
								min-height		: 600px;
								padding			: 15px;
								width			: 179px; 
							}
							
/* menu */

#nav						{
								color			: white;
								list-style-type	: none;
								margin			: 0;
								padding			: 0;
								width			: 200px; 
							}
            				
#nav li 					{ 
								margin			: 0 0 4px 0; 
								padding			: 0; 
							}
							
#nav li a				{ 
								background-image: url(images/menu.gif); 
								display			: block; 
								height			: 23px; 
								text-indent		: -99999px;
								width			: 200px; 
							}
							
a.home 						{ background-position:   0px    0px; }
a.home:hover				{ background-position: 200px    0px; }
                    	                                  
a.about-us 					{ background-position:   0px  -23px; }
a.about-us:hover			{ background-position: 200px  -23px; }
                    	                                  
a.calendar	 				{ background-position:   0px  -46px; }
a.calendar:hover			{ background-position: 200px  -46px; }
                    	                                  
a.training 					{ background-position:   0px  -69px; }
a.training:hover			{ background-position: 200px  -69px; }
                                                          
a.blog 						{ background-position:   0px  -92px; }
a.blog:hover				{ background-position: 200px  -92px; }
      
a.news 						{ background-position:   0px -115px; }
a.news:hover				{ background-position: 200px -115px; }

a.photo-gallery 			{ background-position:   0px -138px; }
a.photo-gallery:hover		{ background-position: 200px -138px; }
      
a.contact-us 				{ background-position:   0px -161px; }
a.contact-us:hover			{ background-position: 200px -161px; }

a.login 					{ background-position:   0px -184px; }
a.login:hover				{ background-position: 200px -184px; }

a.admin 					{ background-position:   0px -207px; }
a.admin:hover				{ background-position: 200px -207px; }

a.logout 					{ background-position:   0px -230px; }
a.logout:hover				{ background-position: 200px -230px; }
							
a.profile 					{ background-position:   0px -253px; }
a.profile:hover				{ background-position: 200px -253px; }
							
a.view-cart 				{ background-position:   0px -276px; }
a.view-cart:hover			{ background-position: 200px -276px; }
							

#home 								.home,
#about-us 							.about-us,
#meet-our-staff 					.about-us,
#manufacturers						.about-us,
#purchase-assurance-program 		.about-us,
#calendar	 						.calendar,
#ViewEvent							.calendar,
#training 							.training,
#learn-to-dive		            	.training,
#continuing-education				.training,
#naui-programs						.training,
#recreational-dive-courses			.training,
#specialty-training-programs		.training,
#technical-dive-courses				.training,
#leadership-courses					.training,
#psi-cylinder-inspection-courses	.training,
#courses							.training,
#news 								.news,
#newsletters						.news,
#photo-gallery 						.photo-gallery,
#contact-us 						.contact-us,
#maps-directions					.contact-us,
#admin 								.admin,
#users 								.admin,
#locations							.admin,
#activities							.admin,
#documents							.admin,
#banners							.admin,
#categories							.admin,
#messages							.admin,
#login								.login,
#profile							.profile,
#profile-events						.profile,
#profile-change-password			.profile,
#view-cart							.view-cart
									{ 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				{ 
								xbackground-color: #205CBF;
								background-image: none;
								color			: #8DCCEB;
								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: white; 
							}

.submenu-about-us, 
.submenu-training, 
.submenu-news,
.submenu-contact-us,
.submenu-admin,
.submenu-profile
							{ display: none; }

#about-us 							.submenu-about-us,
#meet-our-staff						.submenu-about-us,
#manufacturers						.submenu-about-us,
#purchase-assurance-program			.submenu-about-us,
#training							.submenu-training,
#learn-to-dive		            	.submenu-training,
#continuing-education				.submenu-training,
#naui-programs						.submenu-training,
#recreational-dive-courses			.submenu-training,
#specialty-training-programs		.submenu-training,
#technical-dive-courses				.submenu-training,
#leadership-courses					.submenu-training,
#psi-cylinder-inspection-courses	.submenu-training,
#courses							.submenu-training,
#news								.submenu-news,
#newsletters						.submenu-news,
#contact-us							.submenu-contact-us,
#maps-directions					.submenu-contact-us,
#admin								.submenu-admin,
#users								.submenu-admin,
#locations							.submenu-admin,
#activities							.submenu-admin,
#documents							.submenu-admin,
#banners							.submenu-admin,
#categories							.submenu-admin,
#messages							.submenu-admin,
#profile							.submenu-profile,
#profile-events						.submenu-profile,
#profile-change-password			.submenu-profile

							{ display: block; }
							
#meet-our-staff						.meet-our-staff,
#manufacturers						.manufacturers,
#purchase-assurance-program			.purchase-assurance-program,
#learn-to-dive		            	.learn-to-dive,
#continuing-education				.continuing-education,
#naui-programs						.naui-programs,
#recreational-dive-courses			.recreational-dive-courses,
#specialty-training-programs		.specialty-training-programs,
#technical-dive-courses				.technical-dive-courses,
#leadership-courses					.leadership-courses,
#psi-cylinder-inspection-courses	.psi-cylinder-inspection-courses,
#courses							.courses,
#newsletters						.newsletters,
#maps-directions					.maps-directions,
#users								.users,
#locations							.locations,
#activities							.activities,
#documents							.documents,
#banners							.banners,
#categories							.categories,
#messages							.messages,
#view-cart							.view-cart,
#profile-events						.profile-events

							{ color: white; }
							
							
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		: 15px; 
								padding-left	: 12px; 
								text-decoration	: none; 
							}
						
a.edit:hover				{ text-decoration: underline; }
                        	
a.roster				{ 
							background		: url(images/roster.gif) top left no-repeat; 
							color			: black;
							display			: inline-block;
							margin			: 0 4px 4px 0;
							min-height		: 16px; 
							padding-left	: 14px; 
							text-decoration	: none; 
						}
						
a.roster:hover			{ text-decoration: underline; }

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

a.remove					{ 
								background		: url(images/remove.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								padding-bottom	: 4px;
								min-height		: 14px; 
								padding-left	: 16px; 
								text-decoration	: none; 
							}
							
a.remove:hover				{ text-decoration: underline; }
							
#sidebar a					{ color: white; }

.upcoming-events			{ font-size: 12pt; color: white; font-weight: bolder; }
.visit-discover-diving		{ font-size: 10pt; color: white; font-weight: bolder; }

ul.store-hours				{ 
								list-style-type	: none;
								margin			: 0;
								padding			: 0;
							}
							
ul.store-hours li			{ margin-bottom: 4px; }

ul.store-hours span			{ display: inline-block;  width: 80px; }

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

tr.header					{ background-color: #205CBF; color: white; vertical-align: bottom; }

#content li					{ margin-bottom: 4px; }
#content a					{ color: #000295; }

.ui-tabs .ui-tabs-hide 		{ display: none; }

#overDiv					{ position:absolute; visibility:hidden; z-index:1000; }

a.event						{ text-decoration: none; font-size: 8pt; }
a.event:hover				{ text-decoration: underline; }

.all-day-event-name			{ font-weight: bolder; color: red; }
.reg-size					{ font-size: 9pt; }

#calendar .event-name		{ font-weight: bolder; }
#calendar .time				{ color: #029674; font-style: italic; }

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

.staff-member			{
							color		: #00B189;
							float		: left;
							font-size	: 8pt;
							height		: 170px; 
							padding		: 5px 10px 5px 10px; 
							width		: 140px;
						}
						
.staff-member img		{
							margin-bottom: 4px;
						}

.staff-member a			{ text-decoration: none; color: #00B189; }

a.filename				{ color: black; text-decoration: none; }
a.filename:hover		{ text-decoration: underline; }

.smaller td				{ font-size: 8pt; }

.info					{ color: green; }

.highlight				{ color: white; background-color: #029674; }

#profile legend			{  color: #029674; }

.error					{ color: red; }
.info					{ color: green; }