body
	{
	margin: 0;
	padding: 0;
	background-color: #D7D1CA;
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	line-height: 18px;
	color:#333;
	}
	
ul { list-style-type: none; }

img
	{
	border: 0;
	}
	
img, input, select, label
	{
	vertical-align: middle;
	}
	
select
	{
	background-color: #ece6de;
	color: #333;
	font-family: verdana, arial, sans-serif;
	font-size:9px; 
	border-right: 0px solid #A19D9A;
	border-top: 0px solid #A19D9A ;
	border-left: 0px solid #A19D9A ;
	border-bottom: 0px solid #A19D9A; 
	width:210px;
	margin: 3px 0;
	} 


h1, h2, h3, h4, h5, h6
	{
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	}

dl, dt, dd
	{
	margin: 0;
	padding: 0;
	}
	
form
	{
	margin: 0;
	padding: 0;
	}

fieldset 
	{ 
 	padding: 0; margin: 0; border: 0;
	}
	
a {text-decoration:none; border-bottom: 1px solid #A3AA8D;}
a:link {color:#017395;}
a:visited {color:#017395;}
a:active {color:#cb6e00;}
a:hover {color:#000; border-bottom: 1px solid #000;}

input, textarea
	{
	margin: 0;	
	border: 1px solid #ccc;
	color: #000;
	font-size:  11px;
	font-weight: normal;
	padding: 2px;
	}
	
input.top
	{
	background-color: #B4B6A0;
	color: #000;
	width: 100px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	}
						
.uberclear
	{
	float: none;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0;
	font-size: 0;
	}
	* html .uberclear
	{
	height: 0;
	}

	
	
.wrapper
	{
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: transparent;
	}
	
	.mainContain
		{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
		}
		
		.header
			{
			height: 108px;
			position: relative;
			}
			
			.header h1
				{
				position: absolute;
				left: 0px;
				top: 6px;
				background-image: url("images/logo.gif") ;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: transparent;
				width: 775px;
				height: 102px;
				}
				
				.header h1 a
					{
					display: block;
					width: 287px;
					height: 66px;
					text-indent: -999em;
					text-decoration: none;
					border: 0;
					overflow: hidden;
					}
					
					h1 a:hover
						{
						text-decoration: none;
						background-color: transparent; 
						border: 0;
						}
					
			.appointments .header h1
				{
				position: absolute;
				left: 22px;
				top: 18px;
				background-image: url("images/logo_appointments.gif") ;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: transparent;
				width: 415px;
				height: 90px;
				}
				
				.appointments .header h1 a
					{
					display: block;
					width: 415px;
					height: 90px;
					text-indent: -999em;
					text-decoration: none;
					border: 0;
					overflow: hidden;
					}
					
			.header .topNav
				{
				position: absolute;
				left: 528px;
				top: 23px;
				width: 225px;
				height: 70px;
				text-align: right;
				font-size: 10px;
				letter-spacing: 1px;
				}
				
				.header .topNav a {text-decoration:none; text-transform: uppercase; border:0;}
				.header .topNav a:link {color:#ff7200;  border:0;}
				.header .topNav a:visited {color:#ff7200;  border:0;}
				.header .topNav a:active {color:#ff7200;  border:0;}
				.header .topNav a:hover {color:#fff;  border:0;}
				
				.header .topNav input
					{
					border: 0;
					}
					
				.header .topNav input.top
					{
					font-size: 10px;
					border: 0;
					}
				
	.navigation
		{
			height: 27px;
			background-color: transparent;
		}
		
		.navigation ul
			{
				margin: 0;
				padding: 0;
				height: 27px;
				list-style: none;
			}
			
		.navigation ul li
			{
				display: inline;
				float: left;
				height: 27px;
				margin: 0;
				padding: 0;
				background-color: transparent;
			}
			
			.navigation ul li a
				{
					float: left;
					overflow: hidden;
					height: 27px;
					text-indent: -999em;
					background-repeat: no-repeat;
					background-position: 0 0;
					background-color: #fff;
					border: 0;
				}
				
			.navigation ul li.navOne
				{
					width: 90px;
				}
				
				.navigation ul li.navOne a
					{
						width: 90px;
						background-image: url("images/nav1.gif") ;
					}
					
			.navigation ul li.navTwo
				{
					width: 101px;
				}
				
				.navigation ul li.navTwo a
					{
						width: 101px;
						background-image: url("images/nav2.gif") ;
					}
			
			.navigation ul li.navThree
				{
					width: 117px;
				}
				
				.navigation ul li.navThree a
					{
						width: 117px;
						background-image: url("images/nav3.gif") ;
					}
			
			.navigation ul li.navFour
				{
					width: 81px;
				}
			
				.navigation ul li.navFour a
					{
						width: 81px;
						background-image: url("images/nav4.gif") ;
					}
			
			.navigation ul li.navFive
				{
					width: 135px;
					background-image: none ;
				}
				
				.navigation ul li.navFive a
					{
						width: 135px;
						background-image: url("images/nav5.gif") ;
					}
			
			.navigation ul li.navSix
				{
					width: 102px;
					background-image: none ;
				}
				
				.navigation ul li.navSix a
					{
						width: 102px;
						background-image: url("images/nav6.gif") ;
					}
					
					
			.navigation ul li.navSeven
				{
					width: 149px;
					background-image: none ;
				}
				
				.navigation ul li.navSeven a
					{
						width: 149px;
						background-image: url("images/nav7.gif") ;
					}
					
					
			
				
				.navigation ul li a {text-decoration:none;
					border: 0;}
				.navigation ul li a:hover {background-position: 0 -27px; border:0;}
				
				 
				.home .navigation ul li.navOne a,
				.products .navigation ul li.navTwo a, 
				.treatments .navigation ul li.navThree a,  
				.news .navigation ul li.navFour a,  
				.specialOffers .navigation ul li.navFive a,  
				.bookings .navigation ul li.navSix a,
				.beautyTraining .navigation ul li.navSeven a
				{background-position: 0 -54px; 
				border: 0;}	
	
	
/* FOOTER
----------------------------------------------------*/
	
.footer
	{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.footer a 
		{
		text-decoration:none;
		font-weight: bold;
		text-transform: uppercase;
		border: 0;
		}
	.footer a:link {color: #b1a9ab;}
	.footer a:visited {color:#b1a9ab;}
	.footer a:active {color:#b1a9ab;}
	.footer a:hover {color:#000; border:0;}
	
	.bottomNav
		{
		border-bottom: 1px solid #9D8A79;
		border-top: 1px solid #9D8A79;
		text-align: center;
		padding: 17px 0 12px 0;
		font-size: 10px;
		letter-spacing: 1px;
		}
	
	body.secondary .bottomNav
		{
		border-bottom: 1px solid #9D8A79;
		border-top: 0;
		text-align: center;
		padding: 17px 0 12px 0;
		font-size: 10px;
		letter-spacing: 1px;
		}
	
	
		.bottomNav a
			{
			margin: 0 15px 0 15px;
			}
		
	.bottominfo
		{
		margin: 1px 0 0 0;
		padding: 20px 0 20px 0;
		border-top: 1px solid #9D8A79;
		color: #837D75;
		font-size: 11px;
		}
		
		.bottominfo .cellOne
			{
			float: left;
			width: 515px;
			}

		.bottominfo .cellOne a
			{
			font-size: 10px;
			letter-spacing: 1px;
			font-weight:normal;
			margin-right: 20px;
			}
		
		
				.bottominfo .cellTwo
			{
			float: right;
			width: 150px;
			text-align: right;
			font-size: 10px;
			line-height: 14px;
			text-transform: uppercase;
			}
			
			.bottominfo .cellTwo img
				{
				float: right;
				margin: 0 0 0 10px;
				}
			
			

/* HOME
----------------------------------------------------*/

body.home
	{
	background-color: #e8e4e3;
	background-image: url("images/bg_home.jpg");
	background-repeat: repeat-x;
	}

.home .wrapper
	{
	background-color: transparent;
	}

	.home .mainContain .content .cellOne
		{
		width: 800px;
		height: 324px;
		position: relative;
		}

	.home .mainContain .content .cellTwo
		{
		float: left;
		color: #000;
		width: 273px;
		background-image: url("images/bg_homeCellTwo.jpg?5732874032");
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: transparent;
		padding: 17px 35px 0px 35px;
		voice-family: "\"}\"";
		voice-family: inherit;
	
		width: 203px;
		}
		/* Begin hiding from Mac IE */
		/* \*/
		html>body.home .mainContain .content .cellTwo
		{
			width: 203px;
		}
		/* End hiding from Mac IE */

		.home .mainContain .content .cellTwo h2
			{
			background-image: url("images/title_quickpricelist.gif") ;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-color: transparent;
			width: 200px;
			height: 9px;
			text-indent: -999em;
			margin: 0 0 15px 0;
			}
		
		.home .mainContain .content .cellTwo img
			{
			float: left;
			margin: 0 5px 5px 0;
			}
		
	.home .mainContain .content .cellThree
		{
		float: left;
		width: 257px;
		color: #000;
		padding: 17px 0px 0 25px;
		voice-family: "\"}\"";
		voice-family: inherit;
	
		width: 238px;
		}
		/* Begin hiding from Mac IE */
		/* \*/
		html>body.home .mainContain .content .cellThree
		{
			width: 250px;
		}
		/* End hiding from Mac IE */

		.home .mainContain .content .cellThree h2
			{
			background-image: url("images/title_upcomingEvents.gif") ;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-color: transparent;
			width: 149px;
			height: 9px;
			text-indent: -999em;
			margin: 0 0 15px 0;
			}
			
		.home .mainContain .content .cellThree dl
			{
			margin: 0 0 20px 0;
			}
		
		.home .mainContain .content .cellThree dt
			{
			font-size: 10px;
			text-transform: uppercase;
			font-family: arial, verdana, san-serif;
			}
		
		.home .mainContain .content .cellThree dd span
			{
			font-size: 11px;
			}
			
			
	.home .mainContain .content .cellFour
		{
		float: left;
		width: 250px;
		color: #000;
		padding: 17px 30px 0 30px;
		voice-family: "\"}\"";
		voice-family: inherit;
	
		width: 190px;
		}
		/* Begin hiding from Mac IE */
		/* \*/
		html>body.home .mainContain .content .cellFour
		{
			width: 190px;
		}
		/* End hiding from Mac IE */

		.home .mainContain .content .cellFour h2
			{
			background-image: url("images/title_latestNews.gif") ;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-color: transparent;
			width: 149px;
			height: 9px;
			text-indent: -999em;
			margin: 0 0 15px 0;
			}
			
		.home .mainContain .content .cellFour dl
			{
			margin: 0 0 20px 0;
			}
		
		.home .mainContain .content .cellFour dt
			{
			}
		
		.home .mainContain .content .cellFour dd
			{
			font-size: 11px;
			}
			
		.home .mainContain .content .cellFour img.news_icon {
			float:left;
			padding:1px;
			border:1px solid #D3C7BE; 
			margin:0 6px 0 0;
		}
			
/* SECONDARY
----------------------------------------------------*/

body.secondary
	{
	background-color: #f9f8f3;
	}
	
	.secondary .wrapper
		{
		border-bottom: 2px solid #B09F8F;
		background-image: url("images/bg_secondary.jpg") ;
		background-color: #fff;
		}
	
	.secondary .wrapper .mainContain .content
		{
		background-image: url("images/bg_secondaryContent.jpg") ;
		background-repeat: repeat-y;
		background-position: 0 0;
		background-color: transparent;
		}
	
	.secondary .wrapper .content .cellOne
		{
		float: left;
		width: 236px;
		}
	
		.secondary .wrapper .content .cellOne h1
			{
			width: 236px;
			height: 58px;
			background-repeat: repeat-y;
			background-position: 0 0;
			background-color: transparent;
			text-indent: -999em;
			}
			
		.secondary .wrapper .content .cellOne h1.appointments {
			width: 236px;
			height: 58px;
			background-repeat: repeat-y;
			background-position: 0 0;
			background-color: #E8E2DB;
			text-align:center;
			font-size: 20px;
			line-height:58px;
			color:#364106;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			text-indent: 0;
		}			
	
		.secondary .wrapper .content .cellOne .subnav
			{
			width: 230px;
			margin: 7px 0 0 5px;
			padding: 0;
			list-style: none;
			}
	
			.secondary .wrapper .content .cellOne .subnav li
				{
				border-bottom: 1px solid #fff;
				font-size:13px;
				background-color: transparent; 
				margin: 0;
				padding: 0;
				}
	
				.secondary .wrapper .content .cellOne .subnav li a
					{
					text-decoration: none;
					background-color: transparent; 
					display: block;
					padding: 6px 6px 6px 18px;
					}
				.secondary .wrapper .content .cellOne .subnav li a:link 
					{
					color:#663300; 
					background-color: transparent;
					}
				.secondary .wrapper .content .cellOne .subnav li a:visited 
					{
					color:#663300; 
					background-color: transparent;
					}
				.secondary .wrapper .content .cellOne .subnav li a:active 
					{
					color:#fff; 
					background-color: #584f54;
					}
				.secondary .wrapper .content .cellOne .subnav li a:hover 
					{
					color:#fff; 
					background-color: #584f54;
					border-bottom: 1px solid #EBECD6;
					}
	
				.secondary .wrapper .content .cellOne .subnav li.on a,
				.secondary .wrapper .content .cellOne .subnav li.on a:link,
				.secondary .wrapper .content .cellOne .subnav li.on a:visited,
				.secondary .wrapper .content .cellOne .subnav li.on a:active,
				.secondary .wrapper .content .cellOne .subnav li.on a:hover
					{
					color: black;
					background-color: #fff;
					}

					.secondary .wrapper .content .cellOne .subnav li ul
						{
						list-style: none;
						padding: 0;
						margin: 0;
						}
					
					.secondary .wrapper .mainContain .content .cellOne .subnav li ul li
						{
						padding-left: 23px;
						background-image: url("images/arrow.gif") ;
						background-repeat: no-repeat;
						background-position: 23px 15px;
						background-color: transparent;
						border: 0;
						border-bottom:1px solid #fff; /* added to fix extra spaces in secondary menus in side nav in IE*/
						}
	
					.secondary .wrapper .content .cellOne .subnav li ul li a
							{
							border: 0;
							color: #666;
							}
							

	
					.secondary .wrapper .content .cellOne .subnav li.on ul li a,
					.secondary .wrapper .content .cellOne .subnav li.on ul li a:link,
					.secondary .wrapper .content .cellOne .subnav li.on ul li a:visited,
					.secondary .wrapper .content .cellOne .subnav li.on ul li a:active,
					.secondary .wrapper .content .cellOne .subnav li ul li a:link,
					.secondary .wrapper .content .cellOne .subnav li ul li a:visited,
					.secondary .wrapper .content .cellOne .subnav li ul li a:active,
					.secondary .wrapper .content .cellOne .subnav li ul li a:hover
							{
							color: #666;
							border: 0;
							background-color: transparent;
							}
				
		
		.secondary .wrapper .content .cellTwo 
			{
			float: left;
			width: 539px;	
			padding: 40px 22px 0 32px;
			voice-family: "\"}\"";
			voice-family: inherit;
			
			width: 485px;
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body.secondary .wrapper .content .cellTwo 
			{
			width: 485px;
			}
			/* End hiding from Mac IE */
				
					
		.secondary .wrapper .content .cellTwo h1
			{
			color: #000;
			font-size: 20px;
			font-weight: normal;
			color: #441b00;
			}
					
					
		.secondary .wrapper .content .cellTwo h2
			{
			color: #4F2201;
			font-size: 13px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 2px;
			}
					
					
		.secondary .wrapper .content .cellTwo h3
			{
			color: #333;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			}

		.secondary .wrapper .content .cellTwo h5
			{
			color: #000;
			font-size: 17px;
			font-weight: normal;
			color: #333;
			}			
		
			.secondary .wrapper .content .cellTwo p
			{
			color: #333;
			font-size: 12px;
			font-weight: normal;
			line-height: 22px;
			}
			
		.secondary .wrapper .content .cellTwo .imageOne
			{
			float: right;
			margin: 10px 0 15px 15px;
			}
		
/* ABOUT THE CLINIC
----------------------------------------------------*/
	
		.aboutTheClinic .wrapper .content .cellOne h1
			{
			background-image: url("images/title_AboutUs.gif");
			}
		.aboutTheClinic ul.events,
		.aboutTheClinic div.event_details, 
		.aboutTheClinic div.small_calendar
			{
			margin: 0; padding:0; font-family: verdana; font-size: 12px; 
			}

		
/* PRODUCT LIST
----------------------------------------------------*/
	
		.products .wrapper .content .cellOne h1
			{
			background-image: url("images/title_OurProducts.gif");
			}
			
		
/* TREATMENTS
----------------------------------------------------*/
	
		.treatments .wrapper .content .cellOne h1
			{
			background-image: url("images/title_OurTreatments.gif");
			}
		
/* NEWS
----------------------------------------------------*/
	
		.news .wrapper .content .cellOne h1
			{
			background-image: url("images/title_News.gif");
			}
		
/* SPECIAL OFFERS
----------------------------------------------------*/
	
		.specialOffers .wrapper .content .cellOne h1
			{
			background-image: url("images/title_SpecialOffers.gif");
			}
			
/* BOOKINGS
----------------------------------------------------*/

	
		.bookings .wrapper .content .cellOne h1
			{
			background-image: url("images/title_Bookings.gif");
			}
			
/* BEAUTY TRAINING
----------------------------------------------------*/

	
		.beautyTraining .wrapper .content .cellOne h1
			{
			background-image: url("images/title_BeautyTraining.gif");
			}
			
/* SEARCH
----------------------------------------------------*/
	
		.search .wrapper .content .cellOne h1
			{
			background-image: url("images/title_secondarySearch.gif");
			}
		
/* SITEMAP
----------------------------------------------------*/
	
		.sitemap .wrapper .content .cellOne h1
			{
			background-image: url("images/title_secondarySitemap.gif");
			}
			

/* Jobs at The Skincare Clinic
----------------------------------------------------*/
	
		.jobs .wrapper .content .cellOne h1
			{
			background-image: url("images/title_JobOpportunities.gif");
			}		

/* Contact Info
----------------------------------------------------*/
	
		.contact .wrapper .content .cellOne h1
			{
			background-image: url("images/title_ContactUs.gif");
			}				
			
			
			
			
/* Book an Appointment Clinic Button on home page */
/* added 08/07/09 */

a#bookAppointment { 
	display: block; 
	width:181px; 
	height: 24px;
	text-indent: -999em;  
	background-image: url("images/book_an_appointment.gif"); 
	overflow: hidden;
	border:0;
	margin-bottom: 5px;
}

/* Lecture Podcasts button on home page */
/* added 02/19/09 */



/* extra.css */

.secondary .wrapper .content .cellTwo .red { color:#990000; }

h2 small { font-size: 10px; font-style: italic; text-transform: lowercase; }
a.brown { color: #4F2201; }

.underline { border-bottom: 1px solid #E3E3E3; }

hr.divider { height: 1px; border:0; border-bottom: 1px solid #A3AA8D; margin-bottom:5px;}

h1 span.heading_details { color: #777; font-size:18px; font-style:italic; }
h4 span.heading_details { color: #888; font-size:11px; font-style:italic;  }

li.doc { background: url(images/icons/doc.gif) no-repeat center left; padding-left: 20px;}
li.pdf { background: url(images/icons/pdf.gif) no-repeat center left; padding-left: 20px;}
li.zip { background: url(images/icons/zip.gif) no-repeat center left; padding-left: 20px;}
li.xls { background: url(images/icons/xls.gif) no-repeat center left; padding-left: 20px;}
li.ppt { background: url(images/icons/ppt.gif) no-repeat center left; padding-left: 20px;}
li.lock { background: url(images/icons/lock.gif) no-repeat center left; padding-left: 20px;}
li.link { background: url(images/icons/link.gif) no-repeat center left; padding-left: 20px;}
li.globe { background: url(images/icons/globe.gif) no-repeat center left; padding-left: 20px;}

ul.square { list-style-type: square; }

.indent { margin-left: 10px; }

.secondary .wrapper .content .cellTwo div#photo_right, 
.secondary .wrapper .content .cellTwo div#photo_left { border: 1px solid #ccc; padding: 3px; }
.secondary .wrapper .content .cellTwo div#photo_right p,
.secondary .wrapper .content .cellTwo div#photo_left p { text-align: left; font-size: 11px; line-height: 12px;}
.secondary .wrapper .content .cellTwo div#photo_right { float:right; margin: 15px 0 15px 15px; }
.secondary .wrapper .content .cellTwo div#photo_left { float:left; margin: 15px 15px 15px 0; }

/* replace div id's with classes below */

.secondary .wrapper .content .cellTwo div.photo_right, 
.secondary .wrapper .content .cellTwo div.photo_left, 
.secondary .wrapper .content .cellTwo div.photo_center { border: 1px solid #ccc; padding: 3px; }

.secondary .wrapper .content .cellTwo div.photo_right p, 
.secondary .wrapper .content .cellTwo div.photo_left p,
.secondary .wrapper .content .cellTwo div.photo_center p { text-align: left; font-size: 11px; line-height: 16px; color:#555;}

.secondary .wrapper .content .cellTwo div.photo_right { float:right; margin: 15px 0 15px 15px; }
.secondary .wrapper .content .cellTwo div.photo_left { float:left; margin: 15px 15px 15px 0; }
.secondary .wrapper .content .cellTwo div.photo_center { margin: 15px auto; }

.secondary .wrapper .content .cellTwo img.news_icon { 
	height: 50px;
	float:left;
	padding:1px;
	border:1px solid #D3C7BE; 
	margin:12px 6px 0 0;
}

div.left { float: left; }
div.right { float: right; }
a img.photo { border-bottom:0; }
img.photo { border: 1px solid #ccc; padding: 3px; margin: 15px; }
.left { float: left; }
.right { float: right; }
a.no-underline { border-bottom: 0; text-decoration: none; }
a.no-underline:hover { border-bottom: 0; text-decoration: none; }

ul.extraline li, ol.extraline li { margin-bottom: 10px; }

/* magazine */

div.magazine-preview {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 240px;
	min-height: 150px;
	position: relative;
}

div.magazine-preview img {
	float: left; 
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}


/* undeclared/declared advising lists */
table.listing { width: 500px; }
table.listing td { border-bottom:1px solid #ccc; padding-bottom: 10px;}
table.listing td.name { width: 150px; }
table.listing td.link {}
table.listing td.info { width: 175px; }

/* list of people -- e.g. contacts page */
ul.people { 
	margin:0; padding:0; 
	}
ul.people li { 
	position:relative; 
	border-bottom: 1px solid #E3E3E3; 
	}
ul.people li em { 
	margin-left: 5px;
	}
ul.people li span {
	position: absolute;
	right: 0;
	top: 2px;
	}
ul.people li span a { 
	margin-left: 15px; 
	}
	
/* list of people -- e.g. contacts page */
.secondary .wrapper .content .cellTwo ul.people2 { 
	margin:0; padding:0; 
	}
.secondary .wrapper .content .cellTwo ul.people2 li { 
	position:relative; 
	border-bottom: 1px solid #E3E3E3;
	height: 92px;
	width: 242px;
	float: left;
	font-size: 11px;
	}
.secondary .wrapper .content .cellTwo ul.people2 li h3 {
	margin:0;
}
.secondary .wrapper .content .cellTwo ul.people2 li em {
	font-size: 12px;
}

.secondary .wrapper .content .cellTwo ul.people2 li img {
	border: 1px solid #ccc;
	padding: 1px;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

.secondary .wrapper .content .cellTwo ul.people2 li a {
	margin-left: 10px;
}


/* small calendar for College Calendar */
div#small_calendar * { font-family: georgia; margin:0; padding:0; }
div#small_calendar { 
	/*position: fixed; */
	margin-left: 5px; 
	text-align: center;  
	font-size: .9em; 
	width: 210px;  
	color: #000000;
	background-color: #ffffff; 
	}
div#small_calendar div.dates {
	border: 1px solid #B6B7B2; 
	border-top: 0; 
	width: 210px;
	}
div#small_calendar p { 
	width:210px; 
	border: 1px solid #915109;  
	background: #915109 url(images/images/bg_bar.jpg) repeat-x bottom left; 
	color: #ffffff; 
	padding: 5px 0; 
	font-size: 15px;  
	}
div#small_calendar p a { 
	color: #ffffff; 
	border-bottom: 0;
	}	
div#small_calendar p a:hover{ 
	color: #333333;
	background-color: #EFD9C8; 
	}
div#small_calendar ul { 
	clear: both; 
	list-style-type: none; 
	}
div#small_calendar ul.heading { 
	padding-top: 2px; 
	font-weight: bold; 
	color: #4B531A;
	font-size: 14px; 
	}
div#small_calendar li { 
	width: 30px; 
	height: 20px; 
	display: block; 
	float: left; 
	border-bottom: 1px solid #EFEFEF;
	}
div#small_calendar li.other { color: #aaaaaa; }
div#small_calendar li a {
	display: block; 
	width: 18px; 
	margin: 0 5px; 
	color: #ff8300;
	border-bottom:0;
	}
div#small_calendar li a:hover { 
	border: 1px solid #4B531A; 
	color: #4B531A;
	}
	
	
div.department_list { clear:both; }
div.department_list h1 { margin-bottom: 10px; }
div.department_list h3 { margin-top: 30px; }
div.department_list div.item { font-size: .95em; border-top: 1px solid #ccc; clear:both; display: block;    }
div.department_list div.name { /*background-color: #FFBF9A;*/  width: 230px; display:block; float:left; margin-bottom: 10px;}
div.department_list div.position { /*background-color:#9AE5FF;*/ width: 160px; display:block; float: left; text-align: right;  }
div.department_list div.photo { float: left; width:85px; margin: 4px 0; }
div.department_list span.other { font-size: .95em; color: #777; }
div.department_list a { font-size: .90em; }
div.department_list img.photo { border: 1px solid #ccc; padding:1px; margin: 0; width:60px; }


/* advising calendar for advisor appointments */

div#advising_calendar * { font-family: georgia; margin:0; padding:0; }
div#advising_calendar { 
	text-align: left;  
	width: 500px;  
	background-color: #ffffff; 
	}
div#advising_calendar dl dt {
	clear:both;
	font-size:11px;
	font-weight:bold;
	margin-top: 20px;
}
div#advising_calendar dl dd { 
	display:block;
	padding-left: 80px;
	font-size: 11px; 	
	color: #000000;	
	border-bottom: 1px solid #ddd;
	}
div#advising_calendar .filled {
	color: #777;
	}
	
/* --- advising: advisor page grid of appointments --- */	

table.advising_grid * { margin:0; padding: 0; }
table.advising_grid { 
	text-align:center;
	font-size:11px;
	width:486px; 
	margin: 20px 0;
	}
table.advising_grid th {
	background: #97530A url("images/images/bg_bar.jpg") bottom left repeat-x;
	font-weight:normal;
	font-size: 12px;
	color: #f1f1f1;
	}
	
table.advising_grid td {
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	}
	
table.advising_grid td.day {
	width: 90px;
	text-align: center;
	vertical-align: middle;
	}

table.advising_grid td.times {
	border-right: 1px solid #ddd;
	background-color: #E7E2DB;
color:#333;
	}
	
table.advising_grid td span.student {
	color: #666;
	margin: 1px;
	}
table.advising_grid td span.expired {
	color: #bbb;
	margin: 1px;
	}	
	
/* advising small calendar - div.advising_small_calendar */
.secondary .wrapper .content .cellTwo div.advising_small_calendar * { font-family: georgia; margin:0; padding:0; }
.secondary .wrapper .content .cellTwo div.advising_small_calendar { 
	text-align: center;  
	font-size: .9em; 
	width: 210px;  
	color: #000000;
	background-color: #ffffff; 
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar div.dates {
	border: 1px solid #B6B7B2; 
	border-top: 0; 
	width: 210px;
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar p { 
	width:210px; 
	border: 1px solid #515719;  
	background: #515719 url("images/bg_bar_green.jpg") repeat-x bottom left; 
	color: #ffffff; 
	padding: 5px 0; 
	font-size: 15px;  
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar ul { 
	clear: both; 
	list-style-type: none; 
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar ul.heading { 
	padding-top: 2px; 
	font-weight: bold; 
	color: #4B531A;
	font-size: 14px; 
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar li { 
	width: 30px; 
	height: 20px; 
	display: block; 
	float: left; 
	border-bottom: 1px solid #EFEFEF;
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar li.highlight { background-color:#FFFFBB; }	
.secondary .wrapper .content .cellTwo div.advising_small_calendar li.other { color: #aaaaaa; }
.secondary .wrapper .content .cellTwo div.advising_small_calendar li a {
	display: block; 
	width: 18px; 
	margin: 0 5px; 
	color: #ff8300;
	border: 1px solid #FFB566;
	background-color:#fff;
	text-decoration: none;
	font-weight: bold;
	}
.secondary .wrapper .content .cellTwo div.advising_small_calendar li a:hover { 
	border: 1px solid #4B531A; 
	color: #4B531A;
	}
	
	
/* appointments */

ul.appointments_schedule * { margin:0; padding: 0; }
ul.appointments_schedule {  padding: 0; list-style-type: none; }
ul.appointments_schedule li { border-bottom: 1px solid #DADAAF; margin-bottom: 3px;  background-color: #F6F6EA;}
ul.appointments_schedule li h5 { text-align: right; font-weight: normal;float: left; margin: 5px 0 5px 0;  width: 50px; }
ul.appointments_schedule li p { font-family: arial; font-size: 12px; margin: 0 0 5px 100px;  }

.appointments .message {
	font-size: 13px;
	background-color:#F8E2CE; 
	padding: 2px 8px;
	color:#990000;
}
	
/* --- advising: feedback form --- */

form.advising_feedback * { margin:0;padding:0; }
form.advising_feedback {
	}
	
form.advising_feedback legend {
	font-size:16px;
}

form.advising_feedback ol {
	list-style-type: none;
	clear:both;
}

form.advising_feedback ol li {
	vertical-align:top;
	clear:both;
	margin-bottom:10px;
}

form.advising_feedback label {
  display: block;
  vertical-align: top;
  text-align:left;
  width: 100px;
  float:left;
  font-size: 16px; 
  }	
 
form.advising_feedback input {
 	float:left;
	font-size:16px;
	padding:2px;
}
  
form.advising_feedback em {
  font-weight: normal;
  font-style: italic;
  color: #990000;
}  

form.advising_feedback span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
}

/* --- advising: reserve appointment form --- */

form.advising_reserve * { margin:0;padding:0; }
form.advising_reserve {
	}
	
form.advising_reserve legend {
	font-size:16px;
}

form.advising_reserve ol {
	list-style-type: none;
	clear:both;
}

form.advising_reserve ol li {
	vertical-align:top;
	clear:both;
	margin-bottom:10px;
}

form.advising_reserve label {
  display: block;
  vertical-align: top;
  text-align:left;
  width: 100px;
  float:left;
  font-size: 16px; 
  }	
 
form.advising_reserve input {
 	float:left;
	font-size:16px;
	padding:2px;
}
  
form.advising_reserve em {
  font-weight: normal;
  font-style: italic;
  color: #990000;
}  

form.advising_reserve span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
}

/* --- advising: edit schedule --- */

form.advising_edit * { margin:0;padding:0; }
form.advising_edit {
	}
	
form.advising_edit legend {
	font-size:16px;
}

form.advising_edit ol {
	list-style-type: none;
	clear:both;
}

form.advising_edit ol li {
	vertical-align:top;
	clear:both;
	margin-bottom:10px;
}

form.advising_edit label {
  display: block;
  vertical-align: top;
  text-align:left;
  font-size: 16px; 
  margin-bottom: 4px;
  }	
 
form.advising_edit input, form.advising_edit textarea {
	font-size:13px;
	padding:2px;
	margin-left:8px;
	margin-bottom: 10px;
}
  
form.advising_edit em {
  font-weight: normal;
  font-style: italic;
  color: #990000;
}  

form.advising_edit span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
}

form.advising_edit select {
	width: auto;
}




/* -- news -- */

dl.news {
	margin: 10px 0 0 0;
}
	
dl.news dt {
	margin: 5px 0 5px 5px;
}
	
dl.news dt .date {
}
	
dl.news dt .title {
	font-weight: bold;
}
	
dl.news dd {
	margin: 5px 0 5px 15px;
}


/* slideshow */

.slideshow {
	width: 775px;
	height: 324px;
	position: relative;
}
	.slideshow img {
		position: absolute;
		top:0;
		left:0;
		z-index: 0;
	}
	.slideshow img.current {
		z-index:1;
	}
	.slideshow div {
		width:32px;
		height: 17px;
	}		
	.slideshow a {
		position: absolute;
		top: 278px;			
		display: block;
		cursor: pointer;
		overflow:hidden;
		font-size: 150px;
		z-index: 2;
		width:32px;
		height: 17px;
		text-decoration: none;
		border:0;
	}
	

#dpCalendar {
  display: none;          /* Important, do not change */
  position: absolute;        /* Important, do not change */
  background-color: #eeeeee;
  color: #eeeeee;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid #5b5a46;
  background-color: #e7e6e4;
  color: #bbbca2;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #d8d7cd;
  color: #5b5a46;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #d8d7cd;
  color: #5b5a46;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #d8d7cd;
  color: #5b5a46;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border: 1px solid white;
  background-color: #ffffff;
  color: #5b5a46;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: #eaf900;
  color: #5b5a46;
  text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: transparent;
  color: #a5a28f;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #cccccc;
  color: #5b5a46;
  border: 0px solid #eeeeee;
  text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color: #000000;
}  

#nav_prev {	left: 79px;	}
#nav_0 { left: 113px; }
#nav_1 { left: 151px; }
#nav_2 { left: 189px; }
#nav_3 { left: 227px; }
#nav_4 { left: 265px; }	
#nav_next {	left: 299px; }