body { background-color: #97A0B8; color: #333; margin: 0; }

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

h1							{ color: #911A52; font-size: 12pt; }
h2,
h2 a						{ font-size: 10pt; color: #004A8D; }
td 							{ vertical-align: top; }	
img							{ border: 0; }
label						{ font-weight: bolder; }

div.clear					{ margin: 0; padding: 0; clear: both; }
                        	
#wrap 						{ 
								background		: white url(images/background-wrap.jpg) top left repeat-y;
								margin			: 0px auto; 
								width			: 970px; 
							}
							
#home #wrap 				{ 
								background		: white url(images/background-wrap-home.jpg) top left repeat-y;
							}
							
#header						{ 
								background-color	: #323651; 
								height				: 94px; 
								margin				: 0px; 
								padding				: 0px;
								width				: 970px; 
							}

#tagline					{ 
								background	: url(images/tagline.gif);
								height		: 28px;
								text-indent	: -99999px;
								width		: 970px;
							}
							
#container					{ 
								width			: 970px; 
							}
            				
#menu 						{
								background-color	: #5A5E80;
								color				: white; 
								float				: left; 
								margin				: 8px 0 8px 10px;
								width				: 154px; 
							}
							
#content					{ 
								float			: left; 
								padding			: 15px 115px 15px 15px;
								width			: 438px; 
								min-height		: 556px;
							}
							
#sidebar					{ 
								float	: left;
								height	: 556px;							
								width	: 238px;
							}
							
#home    					#container 	{ background: url(images/background-content-home.jpg) top right no-repeat; }

#about 	 					#container,
#education 					#container,
#work-history				#container,
#bar-admissions				#container,
#teaching					#container,
#professional-associations	#container
 									   	{ background: url(images/background-content-about.jpg) top right no-repeat; }
 									   	
#at-work 					#container, 
#our-services				#container,
#clients					#container 
										{ background: url(images/background-content-at-work.jpg) top right no-repeat; }
										
#in-the-community 			#container 	{ background: url(images/background-content-in-the-community.jpg) top right no-repeat; }

#news-resources 			#container,
#links						#container
									 	{ background: url(images/background-content-news-resources.jpg) top right no-repeat; }

#files #content { width: 550px; }
#files #sidebar	{ display: none; }


#nav						{
								color			: white;
								list-style-type	: none;
								margin			: 15px 0 0 0;
								padding			: 0;
								width			: 154px; 
							}
            				
#nav  li 					{ 
								margin			: 0 0 7px 0; 
								padding			: 0; 
							}
							
#nav li a					{ 
								background-image: url(images/menu.gif); 
								display			: block; 
								height			: 23px; 
								text-indent		: -99999px;
								width			: 154px; 
							}

/* next 2 css definitions added to make submenus come out properly */							

#nav li li					{							
								margin			: 0; 
								padding			: 0; 
							}
														
#nav  li li a				{ 
								background-image: url(images/spacer.gif); 
								text-indent: 0px;
								height: auto;
							}
							
a.home 						{ background-position:   0px   0px; }
a.home:hover				{ background-position: 154px   0px; }
                    	
a.about 					{ background-position:   0px -23px; }
a.about:hover				{ background-position: 154px -23px; }
                    	
a.at-work	 				{ background-position:   0px -46px; }
a.at-work:hover				{ background-position: 154px -46px; }
                    	
a.in-the-community 			{ background-position:   0px -69px; }
a.in-the-community:hover	{ background-position: 154px -69px; }
                    	
a.news-resources 			{ background-position:   0px -92px; }
a.news-resources:hover		{ background-position: 154px -92px; }

a.contact 					{ background-position:   0px -115px; }
a.contact:hover				{ background-position: 154px -115px; }

a.files 					{ background-position:   0px -138px; }
a.files:hover				{ background-position: 154px -138px; }

a.users 					{ background-position:   0px -161px; }
a.users:hover				{ background-position: 154px -161px; }

a.logout 					{ background-position:   0px -184px; }
a.logout:hover				{ background-position: 154px -184px; }

a.change-password 			{ background-position:   0px -207px; }
a.change-password:hover		{ background-position: 154px -207px; }


/* sets current page button to "current" color */
#home 							.home,
#about	 						.about,
#education        				.about,
#work-history             		.about,
#bar-admissions             	.about,
#teaching                		.about,
#professional-associations		.about,
#at-work						.at-work,
#our-services					.at-work,
#clients						.at-work,
#in-the-community				.in-the-community,
#news-resources					.news-resources,
#contact	 					.contact,
#change-password				.change-password,
#files							.files,
#users							.users,
#logout							.logout
							{ background-image: url(images/menu-current.gif); }

a.client-access				{ 
								background		: url(images/button-client-access.gif) top left no-repeat;
								display			: block;
								float			: right;
								height			: 28px;
								margin			: 8px 9px 0 0;
								text-indent		: -99999px;
								width			: 108px;
							}									

a.client-access:hover		{ background-position: 0px -28px; }

#skillsoft					{ padding-left: 8px; }
.contact-info				{ padding:8px; font-size: 7pt; }
.contact-info strong		{ font-size: 10pt; }
.contact-info ul			{ margin: 0; padding: 0; list-style-type: none; }
.contact-info li			{ clear: left; }
.contact-info label			{ display: block; width: 60px; float: left; padding-bottom: 4px; font-size: 8pt; }
.contact-info span			{ float: left;  font-size: 8pt; }
                        	
.contact-info a				{ color: white; text-decoration: none; font-size: 8pt; }
.contact-info a:hover		{ text-decoration: underline; }

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

.sub-links				{ color: #5A5E80; font-size: 8pt; }
.sub-links a			{ color: #5A5E80; text-decoration: none; }
.sub-links a: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.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; }
						
#content strong			{ color: #004A8D; }

a.news-title			{ text-decoration: none; color: #004A8D; font-weight: bolder; }
a.news-title:hover		{ text-decoration: underline; }

tr.header				{ background-color: #004A8D; color: white; font-size: 10pt; }

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

a.newsletter			{ font-size: 10pt; color: #004A8D; text-decoration: none; }
a.newsletter:hover		{ text-decoration: underline; }

#styled-form 
						{  
							background-color: #9D426D; 
							color: white; 
							padding: 10px; 
						}
						
#styled-form label		{ font-weight: smaller; }						

a.see-more				{ text-decoration: none; color: #911A52; font-style: italic; }
a.see-more:hover		{ text-decoration: underline; }


.newsblock				{ background-color: #E8EFF3; padding: 5px 10px 10px 10px; }

.newsblock h2			{ font-size: 11pt; color: #004A8D; }

#newsroom-container #leftside 				{ float: left; width: 410px; }
#newsroom-container #rightside 				{ float: right; }
#newsroom-container #rightside .newsblock 	{ padding: 10px 20px; }