/* -------------------------------------------------------------- 
  	GENERAL CROSS-BROWSER RESET 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
	
/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

/* -------------------------------------------------------------- 
  	TYPOGRAPHIC DEFAULTS 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 0.5em; font-family: georgia, serif; }  
h3, h5, h6 { font-family: "helvetica neue", helvetica, arial, san-serif; }

h1 { font-size: 2.333em; color: #880000; margin-bottom: 0.5em; }
h2 { font-size: 2em; color: #744500; }
h3 { font-size: 1.5em; color: #9B4600; }
h4 { font-size: 1.333em; color: #744500; }
h5 { font-size: 1em; color: #9B4600; font-weight: bold; }
h6 { font-size: 1em; color: #574F40; font-weight: bold; }

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #1386BF; }
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #880000; }

h1 a.inherit, h1 a.inherit:link,
h2 a.inherit, h2 a.inherit:link,
h3 a.inherit, h3 a.inherit:link,
h4 a.inherit, h4 a.inherit:link,
h5 a.inherit, h5 a.inherit:link,
h6 a.inherit, h6 a.inherit:link { color: inherit; text-decoration: inherit; }
h1 a.inherit:hover,
h2 a.inherit:hover,
h3 a.inherit:hover,
h4 a.inherit:hover,
h5 a.inherit:hover,
h6 a.inherit:hover { text-decoration: underline; }



/* Text Elements
-------------------------------------------------------------- */

p 			{ margin: 0 0 0.75em; line-height: 1.5; font-size: 1.167em; }
.summary p 	{ font-size: 1.65em; line-height: 1.2; font-style: italic; color: #C09957; margin-bottom: 0.5em; word-spacing: 1px; }

a 			{ text-decoration: underline; }
a,a:link 	{ color: #1386BF; }
a:visited 	{ color: #8AC7E5;}
a:hover,
a:active,
a:focus 	{ color: #880000; }

blockquote  { margin: 1.5em; color: #AAA69E; font-style: italic; margin: 0; }
strong 		{ font-weight: bold; }
em  		{ font-style: italic; }
address 	{ font-style: normal; margin-bottom: .5em;}
cite 		{ color: #574F40; font-size: 0.857em; font-style: normal; }
small 		{ font-size: 0.643em; }

/* Following six styles generally do not need to be edited */

sup, 
sub	{ line-height: 0; }

dfn { font-style: italic; }
del { color:#666; }
pre { white-space: pre; }

pre,
code,
tt 	{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* HRs with background images
-------------------------------------------------------------- */
div.hr 		{ height: 3px; margin: 10px 0; background: #fff url() 0 0 repeat-x; }
div.hr hr 	{ display: none; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; padding-top: 0.75em; }
li ol li, 	
li ul li 	{ font-size: 1em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul ol li 	{ background: none; padding-left: 0; }

ul          { list-style-type: none; margin-left: 0; }
ol          { list-style-type: decimal; }
ul li		{ background: url(../images/design/list-bullet.gif) 0 8px no-repeat; padding-left: 10px; margin-bottom: 0.75em; font-size: 1.167em; line-height: 1.5; }						
ol li		{ margin-bottom: 0.75em; font-size: 1.167em; line-height: 1.5; }
li span 	{ font-weight: bold; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; border-right: none; }
th          { 
	background: #F2F1F0; 
	font-weight: bold; 
	color: #574F40; 
	text-align: center; 
	border-bottom: 1px solid #FFFFFF; 
	border-right: 1px solid #FFFFFF;
}

th,
td,
caption 	{ padding: 4px 10px 4px 5px; }

td			{ color: #746E61; background: #FCFAF7; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
tr.even td  { background: #F2F1F0; }
caption     { text-align: left; }

/* -------------------------------------------------------------- 
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
----------------------------------------------------------- */
body {
	margin: 0;
	color: #746E61;
	font: 62.5% arial, helvetica, sans-serif;
	text-align: center;
	background: #FFFFFF url(../images/design/body-inner-bg.jpg) 0 100px repeat-x;
}

#page {
	background: url(../images/design/page-inner-bg.jpg) 50% 100px no-repeat;
	position: relative;
	text-align: left;
	padding: 0;
	min-width: 960px;
	font-size: 1.2em; /* this, along with body font size of 62.5% renders type approximately 12px in size across all browsers */
}

#wrapper 	{ width: 980px; position: relative; min-height: 100%; margin: 0 auto; }
#header 	{ margin: 0 auto; width: 800px; position: relative; height: 129px; z-index: 100; }

#contentMain {
	width: 800px;
	margin: 0 auto;
	padding: 27px 0;
}

#footer 		{ 
	clear: left; 
	width: 800px; 
	margin: 0 auto 50px auto; 
	font: normal 0.833em arial, sans-serif; 
	color: #CDA280; 
	border-top: 1px solid #ECE0CC;
	padding-top: 1em; 
}
.footerleft 	{ float: left; display: block; }
.copyright 		{ margin-right: 75px; }
.footerRight 	{ float: right; text-align: right; }
.footerRight a 	{ color: #CDA280; }
	.footerRight a:hover { color: #1386BF; }
 
/* Page Specific Styles */

body.navigation #contentMain { background: url(../images/design/content-main-bg.jpg) 0 0 no-repeat; }
body.home 		{ background-image: url(../images/design/body-home-bg.jpg); }
body.home #page { background-image: url(../images/design/page-home-bg.jpg); }
body.home #contentMain { padding: 0; margin-bottom: 27px;  background: url(../images/homepage/contentmain-home-bg.gif) 225px 0 repeat-y; }

/* -------------------------------------------------------------- 
	PAGE STRUCTURE ELEMENTS
----------------------------------------------------------- */
    
#logo {
	height: 53px;
	display: block;
	position: relative;
	top: 18px; /* Alt style in ie6.css */
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
	background: url(../images/design/header-dashes.gif) 35px 100% no-repeat;;
	padding-bottom: 15px;
}
	#logo a {
		background: url(../images/design/logo.gif) 0 0 no-repeat;
		width: 414px;
		height: 53px;
		display: block;
		text-indent: -9999px;
	}
		
/* -------------------------------------------------------------- 
	NAVIGATION
----------------------------------------------------------- */

#mainMenu {
	position: absolute;
	list-style: none;
	width: 800px;
	height: 30px;
	bottom: 13px;
	left: 0;
	margin: 0;
}

	#mainMenu li {
		float: left;
		background: none;
		padding: 0;
	}
	
		#mainMenu a {
			background: url(../images/navigation/main-menu.gif) 0 0 no-repeat;
			display: block;
			height: 30px;
			text-indent: -9999px;	
		}
		
		#mainMenu li#about a 				{ width: 104px; background-position: 0 0; }
		#mainMenu li#student-resources a 	{ width: 209px; background-position: -104px 0; }
		#mainMenu li#clerkship-program a 	{ width: 208px; background-position: -313px 0; }
		#mainMenu li#calendar a				{ width: 125px; background-position: -521px 0; }
		#mainMenu li#get-involved a 		{ width: 154px; background-position: -646px 0; }
		
		#mainMenu li#about a:hover 				{ background-position: 0 -31px; }
		#mainMenu li#student-resources a:hover 	{ background-position: -104px -31px; }
		#mainMenu li#clerkship-program a:hover 	{ background-position: -313px -31px; }
		#mainMenu li#calendar a:hover 			{ background-position: -521px -31px; }
		#mainMenu li#get-involved a:hover 		{ background-position: -646px -31px; }
		
		#mainMenu li#about a.active 				{ background-position: 0 -62px; }
		#mainMenu li#student-resources a.active 	{ background-position: -104px -62px; }
		#mainMenu li#clerkship-program a.active 	{ background-position: -313px -62px; }
		#mainMenu li#calendar a.active 				{ background-position: -521px -62px; }
		#mainMenu li#get-involved a.active 			{ background-position: -646px -62px; }


/* -------------------------------------------------------------- 
	HOME PAGE STYLES
----------------------------------------------------------- */
.callout { background: url(../images/image-frames/testimonial-middle.gif) 50% 0 repeat-y; margin-bottom: 0.5em; width: 210px; }
	.callout a { display: block; background: url(../images/image-frames/testimonial-top.gif) 50% 0 no-repeat; padding-top: 5px; }
		.callout img { display: block; background: url(../images/image-frames/testimonial-bottom.gif) 50% 100% no-repeat; padding: 0 5px 8px 5px; }

#callouts { float: left; width: 227px; margin-right: 13px;  }
	#callouts h3 { font: normal 1.75em georgia, serif; padding-left: 10px; }
	
#mainContent { float: left; width: 296px; padding-right: 13px; margin-right: 13px; overflow: hidden; }
	#mainContent h1 { font-size: 2.083em; }

#upcomingEvents { float: left; width: 220px; padding-top: 10px; position: relative; }
	#upcomingEvents .rss { position: absolute; top: 15px; left: 150px; }
	#upcomingEvents a.seeAll { position: absolute; top: 13px; left: 165px; background: #9B4600; color: #FFFFFF; padding: 0.25em 4px; font-family: arial, sans-serif;  font-weight: bold; text-decoration: none; font-size: 0.667em; text-transform: uppercase; }
	#upcomingEvents ul li { float: left; margin-bottom: 0.75em; width: 100%; background: none; padding: 0; font-size: 0.929em; }
		#upcomingEvents ul li span { color: #AAA69E; float: left; margin-right: 10px; width: 48px; font: normal 0.833em "helvetica neue", helvetica, arial, sans-serif; }
		#upcomingEvents ul li a { font: normal 1em "helvetica neue", helvetica, arial, sans-serif; color: #746E61; float: left; width: 143px; }
				#upcomingEvents ul li a:hover {  color: #1386BF; }
			#upcomingEvents ul li p a {  text-transform: capitalize; color: #B47440; display: block; font-weight: bold; text-decoration: none; }

/* -------------------------------------------------------------- 
	TWO/THREE COLUMN STYLES
----------------------------------------------------------- */	
#sidebar 		{ float: left; width: 203px; }

#article 		{ float: left; width: 347px; overflow: hidden;  }
#articleInner 	{ padding: 0 20px; }

#aside			{ float: left; width: 249px; margin-top: 30px; border-left: 1px solid #ECE0CC; overflow: hidden; }
#asideInner 	{ padding: 0 12px; overflow: hidden; }
#asideContent 	{ padding-left: 15px; }
	#asideContent blockquote 	{  overflow: hidden; }
	#asideContent cite {display: block; margin-bottom: 2.5em;}
#listing		{ float: left; width: 597px; overflow: hidden; }
#listingInner	{ padding-left: 27px; }

#listingSummary { padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #EBDACC; }

.pageList {
	border-bottom: 1px dashed #EBDACC;
	float: left;
	margin-bottom: 1em;
	width: 409px;	
	padding: 0.5em 161px 1em 0;
}

	
.pageList img {
	background: url(../images/image-frames/list-image-frame.gif) 0 0 no-repeat;
	padding: 5px 8px 5px 5px;
	margin-right: -161px;
	display: inline; /* Fixes double margin bug in ie6 */
	float: right;
}
		
	.pageList  img.wellsFargo {
		background: url(../images/image-frames/list-image-frame-WF.gif) 0 0 no-repeat;
		padding: 5px 8px 5px 5px;
		margin-right: -161px;
		display: inline; /* Fixes double margin bug in ie6 */
		float: right;
	}

.pageListLast { border-bottom: 0; }

	.eventList { width: 639px; }
	.eventList .date { display: block; margin-bottom: 1em; }
	.eventList h2 { margin-bottom: 0; }

.news-info-area { margin-bottom: 0.5em; font-size: 1em; }
	.news-info-area .label { font-weight: bold; margin-right: 3px; }

/* -------------------------------------------------------------- 
	GET INVOLVED STYLES
----------------------------------------------------------- */	
#getInvolved 		{ float: left; width: 460px; overflow: hidden; }
#getInvolvedInner 	{ padding-right: 30px; }

#contactForm		{ float: left; width: 340px; margin-top: 30px; }
#contactForm form 	{ padding-left: 35px; }

#location 			{ padding-top: 0.75em; border-top: 1px dashed #ECE0CC; }

#location .adr,
#location .methods 		{ float: left; width: 200px; color: #746E61; font-size: 1.167em; } 
#location .tel,
#location .methods a	{ display: block; }
#location .type			{ font-weight: bold; margin-right: 10px; }

/* -------------------------------------------------------------- 
	STUDENT RESOURCES STYLES
----------------------------------------------------------- */
#testimonials 		{ float: left; width: 230px; margin-right: 28px; }
#resources 			{ float: left; width: 531px; border-left: 1px solid #ECE0CC;  }
#resourcesInner 	{ padding-left: 28px;  }

#testimonials .quote {background: url(../images/image-frames/testimonial-middle.gif) 50% 0 repeat-y; 
	padding: 0;
	width: 215px;}

#testimonials blockquote 		{ 
	
	margin-left: 3px;
}
#testimonials blockquote p 		{ 
	/*background: url(../images/image-frames/testimonial-top.gif) 50% 0 no-repeat;*/ 
	margin-bottom: 0;
	padding-top: 0.5em;
	padding: 1em 20px 15px 20px;
	color: #AAA69E;
	font: italic 1.167em georgia, serif; 
}
#testimonials cite	{ 
	margin-bottom: 1.5em;
	display: block; 
	background: url(../images/image-frames/testimonial-bottom.gif) 50% 100% no-repeat; 
	padding: 0 20px 1em 20px;
	color: #574F40;
	font-size: 1em;
}


#resourceList { background: #F2F1F0; border: 1px solid #F1E8D9; }
#resourceList h4 { 
	cursor: pointer;
	padding: 5px 10px; 
	background: #e7d8bf url(../images/accordian/accordian-header.gif) 0 0 repeat-x;
	font: bold 1em "helvetica neue", helvetica, arial, sans-serif; 
	outline: none;
	margin-bottom: 0;
}

#resourceList h4.ui-state-active { color: #FFFFFF; background: #9b4500 url(../images/accordian/accordian-active.gif) 0 0 repeat-x; position: relative; /* hasLayout fix */ }

.resourceContent { padding: 1em 15px; font-size: 0.857em; }

/* -------------------------------------------------------------- 
	CALENDAR STYLES
----------------------------------------------------------- */
#calendarItems			{ padding-bottom: 20px; padding-top: 10px; overflow: hidden; height: 200px; position: relative; }
#calendarItems table 	{ border-top: 1px solid #EBDACC; float: left;  border-left: 1px solid #EBDACC; width: 241px; margin-bottom: 0; margin-left: 20px; border-collapse: collapse;}
#calendarItems td 		{ 
	background: #FFFFFF; 
	border-bottom: 1px solid #EBDACC; 
	border-right: 1px solid #EBDACC; 
	text-align: right;
	padding: 0; 
	color: #A06500
}

#calendarItems td a,
#calendarItems td span { color: #A06500; text-decoration: none; padding: 1px 4px 10px 2px; display: block; }
#calendarItems td a:hover { background: #880000; color: #FFFFFF; }
#calendarItems td.active { background: #C39066; }
#calendarItems td.active a { color: #FFFFFF; }

#calendarItems th		{ 
	text-align: center;
	color: #A06500; 
	border-right: 1px solid #EBDACC; 
	padding: 7px 0;
	background: #f1e8d9 url(../images/calendar/calendar-th.gif) 0 0 repeat-x;
}

#calendarBottom 	{ border-top: 1px dashed #ECE0CC; padding-top: 1em; }
#calendarBottom h1 	{ float: left; width: 330px; }
#calendarBottom p 	{ float: right; width: 415px; }

/* JS Styles - The mark up below is created with js */
#items { 
	position: absolute;
	width: 2349px; 
	z-index: 10; 
	left: -783px; 
}

.calGroup { width: 783px; position: absolute; }
.calGroupPrevious { top: 0; left: 0; }
.calGroupCurrent { top: 0; left: 783px; }
.calGroupNext { top: 0; left: 1566px; }

.prevPage,
.nextPage { cursor: pointer; display: block; height: 19px; width: 19px; text-indent: -9999px; position: absolute; top: 15px; background: url(../images/btn/slider-controls.png) 0 0 no-repeat; z-index: 100; }

.prevPage { left: 25px; background-position: 0 0; }
.nextPage { right: 21px; background-position: -20px 0; }

.disabled { display: none; }

/* This is used because webkit based browsers have a weird spacing issue on the left side of calendar */
.calendarLeft { display: block; position: absolute; z-index: 100; width: 6px; height: 193px; left: 0; top: 9px; background: url(../images/calendar/calendar-left.gif) 0 0 no-repeat; }

/* Tool Tip Styles */

.toolTip { background: #FFFFFF; display: none; position: absolute; z-index: 400; width: 232px; border: 1px solid #D1C2AB; padding: 5px; text-align: left; font-size: 12px; }
	span.tip { position: absolute; top: 10px; left: -25px; display: block; height: 26px; width: 25px; background: url(../images/design/tooltip-corner.gif) 0 0 no-repeat; } 
	.toolTip ul { margin: 0; list-style: none; font-size: 0.917em; }
		.toolTip li { background: 0; padding: 0; margin-bottom: 5px; }
			.toolTip li h2 { margin-bottom: 0; line-height: 1; font-size: 0.833em; color: #4EA4CF; font-weight: bold; }
				.toolTip h2 a { color: #4EA4CF; font-size: 0.6em; }
			.toolTip li .date { display: block; color: #AAA69E; font: bold 0.833em  arial, sans-serif; margin-bottom: 0.75em; }
			.toolTip li p { font-size: 0.917em; line-height: 1.25; }

.reversed span.tip { left: auto; right: -25px; height: 26px; width: 25px; background: url(../images/design/tooltip-corner-reversed.gif) 0 0 no-repeat; }
/* -------------------------------------------------------------- 
	HOME PAGE STYLES
----------------------------------------------------------- */
#animation { height: 391px; position: relative; left: 0px; top: -29px; z-index: 10; }
	#animation blockquote { position: absolute; z-index: 100; width: 270px; top: 45px; right: 110px; text-align: right; }
		#animation blockquote p { font: normal 1.8em georgia, serif; line-height: 1.4; font-style: italic;  color: #FFFFFF; }
		#animation cite { font: normal 1.6em georgia, serif; color: #333333; position: absolute; top: 273px; right: 110px; text-align: right;  }
		#animation span { color: #333333; display: block; font-style: normal; font-size: 0.833em; position: absolute; top: 342px; right: 110px; text-align: right;}

/* Local Navigation
-------------------------------------------------------------- */

#localNav { margin-bottom: 1.5em; background: url(../images/navigation/local-ul-bg.png) 0 0 repeat-y; /* alt style in ie6.css */ }
#localNavInner { 
	padding-bottom: 32px;
	background: url(../images/navigation/local-nav-bottom.gif) 0 100% no-repeat; }

#localNav ul {
	margin: 0;
	padding: 0 10px;
	 
}
	#localNav li {
		background: none;
		margin-bottom: 1em;
		padding: 0;
		padding-top: 0.5em;
		/* Alt style in ie6.css */
	}
	
	#localNav li.active {
		background: url(../images/navigation/local-nav-active.gif) 0 0 repeat-x;
	}
	
		#localNav a {
			font: normal 1.286em "helvetica neue", helvetica, arial, sans-serif;
			color: #9B4600;
			padding: 0 5px;
			text-decoration: none;
			display: block;
		}
		
		#localNav a:hover { color: #744500; }
		
		#localNav li ul { padding: 0; padding-top: 0.5em; }
		
		#localNav li li { margin-bottom: 0.5em; padding-right: 5px; padding-left: 5px; }
		
			#localNav li li.last-child { margin-bottom: 0; }
		
		#localNav li li a { color: #A98C61; font: normal 1em arial; background: url(../images/navigation/brown-bullet.gif) 0 5px no-repeat; padding: 0; padding-left: 10px; }
		
		#localNav li li.active a { color: #744500;}

/* -------------------------------------------------------------- 
	IMAGE ELEMENTS
----------------------------------------------------------- */		
.imageContainer 			{ 
	background: url(../images/image-frames/image-frame-middle.gif) 0 0 repeat-y; 
	width: 225px; padding-top: 0; 
	margin-bottom: 0.75em; 
	margin-top: 0;
}
.imageContainerInner 		{ 
	background: url(../images/image-frames/image-frame-bottom.gif) 0 100% no-repeat; 
	padding-bottom: 13px; 
}
.imageContainerInner img	{ 
	background: url(../images/image-frames/image-frame-top.gif) 0 0 no-repeat; 
	padding: 5px 11px 0 5px;   
}
	#contactForm .imageContainer { background: url(../images/image-frames/image-frame-middle-lg.gif) 0 0 repeat-y; margin-left: 60px; width: 265px; padding-top: 0;  margin-bottom: 0.75em; margin-top: -6px;} 
	#contactForm .imageContainerInner { background: url(../images/image-frames/image-frame-bottom-lg.gif) 0 100% no-repeat; padding-bottom: 13px;  }
	#contactForm .imageContainerInner img { background: url(../images/image-frames/image-frame-top-lg.gif) 0 0 no-repeat; padding: 5px 11px 0 5px;  }

/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
form#contact { border-left: 1px solid #ECE0CC; }

fieldset {
	margin-bottom: 1.5em;
	padding: 1em 0;
	margin-bottom: 0.75em;
	border-bottom: 1px dashed #D7D3AE;
}

fieldset.last { border-bottom: 0; margin: 0; padding-bottom: 0; }

	legend { font-weight: bold; }
	
	.fieldArea { margin-bottom: 0.833em; }
	
	.fieldArea input,
	.fieldArea textarea { border: 1px solid #E0CCAB; color: #746E61; padding: 3px 0; }
	
	.standardForm input,
	.standardForm textarea { width: 212px; }
	
	label { 
		float: left; 
		margin-right: 10px; 
		font: bold 1em "helvetica neue", helvetica, arial;
		color: #800000;
		text-align: right;
	}
	
	.standardForm label { width: 75px; }
	
	input.submit {
		background: url(../images/btn/submit.gif) 0 0 no-repeat;
		height: 30px;
		width: 78px;
		border: 0;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
		cursor: pointer;
		float: left;
	}
	
	input.submit:hover { background-position: 0 -30px; }
	
	input.next { background: url(../images/btn/next.gif) 0 0 no-repeat; float: left; }
	
	.htmlSelectOneMenu select { width: 212px; } 
	
	span.message 	{ display: block; font-size: 0.833em; text-align: right; padding-top: 1px; padding-bottom: 2px; }
	span.error 		{ color: #DD0000; }
	.protect 		{ display: none; }
		
div#errors {
	background: #FFF5E6 url(../images/forms/error.gif) 10px 0.5em no-repeat;
	border: 1px solid #FFEBCC;
	color: #990000;
	font: normal 0.846em arial;
	margin: 0 0 1.5em 0;
	padding: 0.5em 10px 0.5em 50px;
}

div#errors h4 	{ color: #DD0000; font-weight: bold; }
div#errors ul 	{ margin-bottom: 0; }
div#errors li 	{ margin-bottom: 0.5em; font-size: 1.084em; }


/* -------------------------------------------------------------- 
	Clerkship Application
----------------------------------------------------------- */
#clerkshipApplication label { width: 130px; }
#clerkshipApplication span.message { 
	width: 352px
}
#clerkshipApplication p {
	 font-size: 12px;
}
#clerkshipApplication p.fieldDetails {
	 font-size: 10px;
	 display: block; margin-top: -8px; margin-bottom: 10px; margin-left: 140px;  padding-top: 0;
}


/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear {clear: both;}
.first { margin-left:0; padding-left:0; }
.last  { margin-right:0; padding-right:0; }
.top   { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

img.floatLeft { margin: 0 1.5em 1.5em 0; }
img.floatRight { margin: 0 0 1.5em 1.5em; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */ 
.group:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}