/* MAIN STYLESHEET */

/* Created by Ken Cox for RT&E */

/* COLOR PALETTE
** #3366ff - St. Francis logo blue
** #d7ebf8 - light blue
**
** GENERIC
** #27408f - dark blue
** #5c85ff - medium blue
** #c2d1ff - light blue
** 
 */

/* ---------------- RESETS---------------- */

/* zero everything out */
* { margin: 0; padding: 0; }
table {  border-collapse: collapse;  border-spacing: 0; } 
td, th { vertical-align: top; }
fieldset,img { border: 0; } 
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before, q:after { content:''; } 
abbr,acronym { border: 0; } 
a img { border: none; border-width: 0;}
/*sup, sub{line-height: 1px;}*/



/* ---------------- GLOBAL ---------------------- */

body {
	
	background-color: #91C2DE;

	/* global typography */
	font-family: arial, verdana, helvetica, sans-serif;
	color: #666;
	font-size: .75em;
	text-align: center;
}

/* ---------------- LINKS ---------------- */

a {
	color: #777;
}

a:hover {
	color: #3366ff;
}

/* ---------------- STRUCTURE ---------------- */

/* two containers were needed to accomplish the drop-shadow */
#outer_container{
	width: 925px; /* OUTER WIDTH (page +29) */
	margin: 0px auto;
	text-align: left;
	background: #91C2DE url('/resource/image/stfrancis/page_bg.gif') top center repeat-y;
	overflow: auto;
}

#container {
	width: 896px; /* PAGE WIDTH */
	margin: 0px auto;
	background-color: #fff;
	overflow: auto;
	position: relative;
	margin-bottom: 3px;
}

#masthead {
	overflow: auto;
	background-color: #fff;
}

/* ---------------- TOP NAV ---------------- */

/* utility links */
#utility_links {
	float: left;
	margin: 4px 0 6px 62px;
}

	#utility_links li {
		float: left;
	}

/* login links */	
#login_links {
	position: absolute;
	top: 4px;
	right: 62px;
	background-color: #fff;
}

	#login_links ul {
		float: left;
	}

	#login_links h6 {
		float: left;
		font-size: .8em;
		text-transform: uppercase;
		margin-right: 10px;
	}

	#login_links li{
		float: left;
	}

/* common to utility & login links */
	#utility_links li a, #utility_links li a:visited,
	#login_links li a, #login_links li a:visited{
		display: block;
		text-transform: uppercase;
		color: #777;
		text-decoration: none;
		border-right: 1px solid #777;
		margin-right: 10px;
		padding-right: 10px;
		font-size: .8em;
	}
	
	#utility_links .last a, #utility_links .last a:visited,
	 #login_links .last a, #login_links .last a:visited{
		margin-right: 0;
		border: none;
		padding-right: 0;
	}
	
	#utility_links li a:hover,
	#login_links li a:hover{
		color: #36f;
	}
	
/* ----------------- First Level Nav --------------- */

#first_nav {
	clear: both;
	margin-left: 62px;
}
	
	#first_nav li {
		float: left;
		margin-right: 1px;
	}
	
	#first_nav a, #first_nav a:visited {
		display: block;
		height: 19px;
		text-indent: -9999em;
		overflow: hidden;
	}
	/* Uses CSS sprites */
	#first_nav1 a, #first_nav1 a:visited{width: 128px; background: transparent url('/resource/image/stfrancis/top_nav_sprites.gif') 0 0 ;}
	#first_nav1 a:hover, #first_nav #first_nav1 a.active {background-position: 0 -19px;}
	
	#first_nav2 a, #first_nav2 a:visited{width: 128px; background: transparent url('/resource/image/stfrancis/top_nav_sprites.gif') -128px 0 ;}
	#first_nav2 a:hover, #first_nav #first_nav2 a.active {background-position: -128px -19px;}
	
	#first_nav3 a, #first_nav3 a:visited{width: 128px; background: transparent url('/resource/image/stfrancis/top_nav_sprites.gif') -256px 0 ;}
	#first_nav3 a:hover, #first_nav #first_nav3 a.active {background-position: -256px -19px;}
	
	#first_nav4 a, #first_nav4 a:visited{width: 128px; background: transparent url('/resource/image/stfrancis/top_nav_sprites.gif') -383px 0 ;}
	#first_nav4 a:hover, #first_nav #first_nav4 a.active {background-position: -383px -19px;}
	
	#first_nav5 a, #first_nav5 a:visited{width: 128px; background: transparent url('/resource/image/stfrancis/top_nav_sprites.gif') -511px 0 ;}
	#first_nav5 a:hover, #first_nav #first_nav5 a.active {background-position: -511px -19px;}
	
	#first_nav6 a, #first_nav6 a:visited{width: 128px; background: transparent url('/resource/image/stfrancis/top_nav_sprites.gif') -639px 0 ;}
	#first_nav6 a:hover, #first_nav #first_nav6 a.active {background-position: -639px -19px;}
	

/* ---------------- FIRST COLUMN ---------------- */

#first_column {
	width: 194px;
	float: left;
	margin-left: 3px;
	text-align: center;
}

	/* logo */
	#first_column h1 {
		width: 194px;
		height: 124px;
		background-color: #fff;
		text-align: left;
	}
	
		#first_column h1 a, #first_column h1 a:visited{
			display: block;
			width: 100%;
			height: 100%;
			background: transparent url('/resource/image/stfrancis/logo.gif') 0 0 no-repeat;
			text-indent: -9999em;
		}

/* SECOND LEVEL NAV */

	/* 2nd nav title */
	#first_column h2 {
		background: #a8a8a8 url('/resource/image/stfrancis/2nd_nav_title_bg.gif') 0 0 repeat-x;
		text-align: left;
		color: #fff;
		padding: 3px 0px 3px 17px;
		border: 1px solid #6f6f6f;
		border-bottom: none;
		font-size: 1.1em;
	}
	
		#first_column h2 a, #first_column h2 a:visited{
			text-decoration: none;
			color: #fff;
		}
		
		#first_column h2 a:hover{
			color: #36f;
		}
	
	#first_column ul{
		text-align: left;
		border-bottom: 1px solid #a8a8a8;
		background-color: #fff;
	}
	
	#first_column li{
		padding: 1px 0;
		border-left: 1px solid #a8a8a8;
		border-right: 1px solid #a8a8a8;
	}
	
	#first_column li a, #first_column li a:visited{
		display: block;
		font-weight: bold;
		font-size: .9em;
		color: #525252;
		padding: 2px 0px 1px 17px;
		text-decoration: none;
		
	}
	
	/* 2nd & 3rd nav hover */
	#first_column li a:hover{
		color: #3366ff;
	}
	
	/* 2nd nav active state ("active" class is applied to <a>) */
	#first_column a.active{
		background: #b9b9b9 url('/resource/image/stfrancis/nav_active_bg.gif') 0 0 no-repeat;
	}
	
	/* 3rd level nav */
	#first_column ul ul{
		margin: 0 0 0 3px;
		border: none;
	}
	
		#first_column ul li ul li{
			border: none;
			border-left: 1px solid #a8a8a8;
			background: #fff url('/resource/image/stfrancis/3rd_nav_bg.gif') 0 0 repeat-y;
		}
		
		#first_column li ul li a, #first_column li li a:visited{
			padding: 2px 0px 2px 18px;
			font-weight: normal;
		}
		
		/* 3rd nav active state ("active" class is applied to <a>) */
		#first_column li ul li a.active{
			background-image: none;
			background: #87aeff url('/resource/image/stfrancis/3rd_nav_active_bg.gif') 0 0 no-repeat;
		}

	/* 4th level nav */
	#first_column ul li ul li ul{
		margin: 0 0 0 15px;
		border: none;
		border-bottom: 1px solid #87aeff;
	}
	
		#first_column ul li ul li ul li{
			border: none;
			background-color: #eee;
			background-image: none;
			background: #fff url('/resource/image/stfrancis/4th_nav_bg.gif') 0 0 repeat-y;
			border-left: 3px solid #87aeff;
		}
		
		#first_column li ul li ul li a, #first_column li ul li ul li a:visited{
			padding: 2px 0px 2px 9px;
			font-weight: normal;
			
		}
		
		/* 3rd nav active state ("active" class is applied to <a>) */
		#first_column li ul li ul li a.active{
			background-image: none;
			background: #87aeff url('/resource/image/stfrancis/4th_nav_active_bg.gif') 0 0 no-repeat;
		}


	/* FIRST COLUMN CONTENT */

	#first_column .first_box_plain{
		padding: 12px;
		
	}

	#first_column img{
		margin-top: 25px;
	}

	#first_column p{
		margin: 6px 0 6px 0;
		text-align: left;
	}
	
	#first_column h4{
		margin: 0 0 12px 0;
		font-size: 1.1em;
		font-weight: bold;
		text-align: left;
	}
	
	#first_column h4 em{
		display: block;
		font-weight: normal;
		font-size: .9em;
	}
	
	#first_column h5{
		font-size: 1em;
		color: #36f;
		font-weight: bold;
		text-align: left;
	}
	
	/* SEARCH */
	
	#search {
		padding: 8px 10px;
		background-color: #d8d8d8;
		border-bottom: 3px solid #fff;
		text-align: left;
	}
	
	#search p{
		color: #000;
		font-size: .8em;
		margin: 0 0 2px 0;
	}
	
	#search_field{
		width: 125px;
		background-color: #fff;
		border: 1px solid #787878;
		padding: 2px;
	}
	
	#search_submit{
		margin-left: 3px;
	}
	
	
/* ---------------- Search Results Hack -------------- */

.sidebarLast{
	min-height: 300px;
}
* html .sidebarLast{
	height: 300px;
}
	
	
/* ---------------- LANDING INTRO AREA ---------------- */

#landing_intro {
	float: left;
	margin: 0 0 3px 3px;
	width: 693px;
}

	#landing_intro h2{
		width: 696px;
		height: 124px;
		text-indent: -9999em;
	}
	
	#landing_intro p{
		width: 214px;
		padding: 7px 12px;
		color: #fff;
		float: left;
		line-height: 1.7em;
	}
	
	#landing_intro div{
		float: left;
		margin-left: 3px;
		width: 452px;
	}
	
	#landing_intro h3{
		height: 221px;
		text-indent: -9999em;
		border-bottom: 3px solid #fff;
		margin-bottom: -3px; /* white rule offset patch */
	}
		
	/* intro text links */
	#landing_intro a, #landing_intro a:visited{
		color: #fff;
	}
	
		#landing_intro a:hover{
			color: #000;
		}
	
	/* overflow box */
	
	#landing_intro div p{
		color: #888;
		width: auto;
		font-size: .9em;
		padding: 10px;
	}
	
	#landing_intro div a, #landing_intro div a:visited{
		color: #888;
	}
	
		#landing_intro div a:hover{
			color: #000;
		}
	
	
/* ---------------- ALT LANDING INTRO AREA ---------------- */

#alt_landing_intro {
	float: left;
	margin: 0 0 3px 3px;
	width: 693px;
}

	#alt_landing_intro h2{
		width: 453px;
		height: 124px;
		float: left;
		text-indent: -9999em;
	}


	#alt_landing_intro img{
		margin-left: 3px;
		float: left; /* had to float this due to IE7 */
		width: 238px; /*272 */
		height: 345px;
		margin-top: -124px; /* workaround for the offset the float introduced */
	}

	#alt_landing_intro p{
		width: 428px;
		padding: 7px 12px;
		color: #000;
		float: left;
		line-height: 1.7em;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#alt_landing_intro span{
		color: #fff;
	}

	#alt_landing_intro p strong{
		display: block;
		margin: .5em 0;
		font-weight: normal;
		font: normal 2em/.9em Georgia, Times, Serif;
		color: #fff;
	}

	
	/* position this odd little box absolutely */
	#media_contact{
		border: 1px solid #ee9340;
		position: absolute;
		top: 80px;
		right: 60px;
		padding: 5px 10px;
		background: #fdc17b url('/resource/image/stfrancis/box_bg.gif') 0 0 repeat-x;
	}

/* ---------------- SECTION & SUBPAGE INTRO AREA ---------------- */

#content_intro {
	float: left;
	margin: 0 0 3px 3px;
	width: 693px;
}

	#content_intro h2{
		width: 418px;
		height: 40px;
		float: left;
		/* color is set by skin */
		font-size: 42px;
		font-family: Georgia, Times, Serif;
		background-color: #fff;
		padding: 36px 0 0 10px;
		
	}
	
	#content_intro h3{
		width: 418px;
		height: 40px;
		float: left;
		color: #a8a8a8;
		background-color: #fff;
		font-size: 18px;
		padding-left: 10px;
	}
	
		#content_intro h3 span{
			color: #9BB4FF;
		}
	
	
	#content_intro img{
		margin-left: 3px;
		float: left; /* had to float this due to IE7 */
		width: 272px;
		height: 334px;
		margin-top: -124px; /* workaround for the offset the float introduced */
		border-bottom: 3px solid #fff;
		margin-bottom: -3px; /* white rule offset patch */
	}
	
	#content_intro p{
		width: 394px;
		padding: 7px 12px;
		color: #fff;
		float: left;
		line-height: 1.7em;
		font-size: 1.1em;
	}
	
	#content_intro p strong{
		display: block;
		text-transform: uppercase;
		font-weight: normal;
	}

	
/* ---------------- SECOND COLUMN ---------------- */
/* most of the text content is contained in this column */
#second_column{
	margin: 3px 0 0 3px;
	float: left;
	width: 571px;
}

	#second_column h1{
		font-weight: bold;
		color: #36f;
		font-size: 1.4em;
		margin: 1em 12px .5em 12px;
	}

		#second_column h1 strong{
			color: #666;
		}
		
	#second_column h2{
		font-weight: bold;
		font-size: 1.4em;
		margin: 1em 12px .5em 12px;
	}

		#second_column h2 strong{
				color: #36f;
		}

	#second_column h3{
		font: normal 1.4em/1em Georgia, Times, Serif;
		font-weight: bold;
		color: #3366ff;
		margin: 1em 12px 0 12px;
		clear: right;
	}
	
		.underline {
			border-bottom: 1px solid #3366ff;
		}
	
	#second_column h4{
		font: normal 1.2em/.9em Georgia, Times, Serif;
		font-weight: bold;
		margin: 1em 12px .5em 12px;
	}
	
	#second_column h5{
		font-weight: bold;
		color: #36f;
		margin: 1em 12px .5em 12px;
	}
	
	#second_column h6{
		font-weight: bold;
		margin: 1em 12px .5em 12px;
	}

	#second_column p{
		margin: .5em 12px 1.5em 12px;
		line-height: 1.5em;
	}
	
	#second_column pre{
		margin: .5em 12px 1.5em 12px;
		line-height: 1.5em;
		font-size: 1.2em;
		padding: 12px;
		background-color: #eee;
	}
	
	
	#second_column ul{
		margin: 1em 12px 1em 24px;
		list-style: disc;
	}
	
		#second_column li{
			margin-left: 18px;
		}
		
			#second_column ul ul{
				margin: 0;
				list-style: circle;
			}
			
				#second_column ul ul li{
					margin: .5em 1.5em;
				}
			
				#second_column ul ul ul{
					margin: 0;
					list-style: square;
				}
	
	#second_column ol{
		margin: 1em 12px 1em 24px;
		list-style-type: decimal;
	}
	
		#second_column ol li{
			margin: .5em 1.5em;
		}
	
		#second_column ol ol{
			margin: 0;
			list-style-type: upper-alpha;
		}
		
			#second_column ol ol ol{
				margin: 0;
				list-style-type: upper-roman;
			}
			
				#second_column ol ol ol ol{
					margin: 0;
					list-style-type: lower-alpha;
				}
				
					#second_column ol ol ol ol ol{
						margin: 0;
						list-style-type: lower-roman;
					}
	
	#second_column dl{
		margin: .5em 12px 1em 12px;
	}
	
		#second_column dt{
			color: #36f;
			font-weight: bold;
			line-height: 1.5em;
			margin-bottom: .5em;
		}
		
			#second_column dt strong{
				font-size: 2em;
			}
		
		#second_column dd{
			 line-height: 1.5em;
		}
		
			#second_column dd strong{
				font-size: 2em;
			}
	
	
	#second_column blockquote{
		margin: 1em 12px .5em 12px;
		font-style: italic;
	}

	
/* forms */
	#second_column form{
		margin-left: 12px;
	}
	
	#second_column fieldset{
		border: 1px solid #999;
		padding: 0 12px 12px 12px;
		clear: both;
	}
	
	#second_column legend{
		margin-left: 1em;
		font-weight: bold;
		padding: .5em;
		
	}
	
	#second_column label{
		float: left;
		width: 10em;
		text-align: right;
		margin-right: .5em;
		clear: both;
		margin-top: 1em;
	}
	
	#second_column input{
		margin-top: 1em;
		float: left;
	}

	#second_column .text_field{
		width: 300px;
		border: 1px solid #8a8a8a;
		padding: .25em .5em;
		float: left;
		margin-top: 1em;
	}
	
	#second_column .text_field:focus{
		
		border: 1px solid #36f;
		background-color: #d7ebf8;
	}
	
	#second_column form p{
		float: left;
		clear: both;
		font-size: .9em;
		margin: 0 0 0 12em;
		width: 300px;
	}
	
	.form_submit{
		margin: 2em 1em 0 11em;
		float: left;
		clear: both;
	}
	
	.form_reset{
		margin: 2em 1em 0 1em;
		float: left;
	}
	
	.required{color: #f00;}

	/* for flopped position (input, then a wide label) set container div to .flop */
		#second_column .flop label{
			width: 300px;
			text-align: left;
			clear: none;
			margin-left: 1em;
		}
		
		#second_column .flop input{
			margin-left: 9em;
		}

	/* TABLES WITHIN THE CONTENT */

	#second_column table{
		border: 1px solid #abf;
		margin: 0 0 12px 12px;
	}
	
		#second_column table.full_width{
			width: 95%;
		}
	
	#second_column caption{
		background-color: #7D9AFF;
		color: #fff;
		padding: 6px 12px;
		font-family: Georgia, Times, Serif;
		border: 1px solid #abf;
		font-size: 1.5em;
		margin-left: -1px;
	}
	
	#second_column thead th{ /* headings within the table header */
		background-color: #abf;
		padding: 6px;
		color: #fff;
		font-weight: bold;
	}
	
	#second_column tbody th{ /* headings within the table body */
		background-color: #dfdfdf;
		padding: 6px;
		border: 1px solid #abf;
	}
	
	#second_column tbody td{ /* data within the table body */
		padding: 6px;
		border: 1px solid #abf;
	}
	
	#second_column tfoot td{ /* data within the table footer */
		background-color: #abf;
		padding: 6px 12px;
		border: 1px solid #abf;
		color: #fff;
	}

	/* IFRAMES */
	
	iframe{
		border-width: 0;
	}

/* ---------------- THIRD COLUMN ---------------- */

#third_column{
	margin-left: 3px;
	float: left;
	width: 119px;
}

/* ---------------- FOOTER ---------------- */

#footer{
	width: 925px; /* OUTER WIDTH (page +29) */
	margin: 0px auto;
	position: relative;
	text-align: center;
	background: #91C2DE url('/resource/image/stfrancis/page_bg_bottom.gif') top center no-repeat;
	overflow: auto;
	padding: 10px 0;
}

	#footer a, #footer a:visited{
		color: #fff;
		text-decoration: none;
		font-size: .9em;
		padding: 0 8px;
	}

	#footer a:hover{
		text-decoration: underline;
	}

/* ---------------- COMMON CLASSES ---------------- */
	
.button{
	border-bottom: 3px solid #fff;
	display: block;
}

	.button img, #first_column .button img{
		margin: 0;
	}

.signoff{
	margin-left: 5px;
}


.float_right {
	float: right;
	margin-left: 12px;
	clear: both;
}

.float_left {
	float: left;
	margin-left: 12px;
	clear: both;
}

/* list_style0 - plain bulleted lists */
#second_column .list_style0{
	margin: 1.5em 12px;
	list-style: disc;
}

	#second_column .list_style0 li{
		margin-bottom: .5em;
		line-height: 1.5em;
	}

/* search results */

#second_column .search_results strong{
		color: #3366ff; /* used to highlight search results */
}	

/* list_style1 index pages with title, description and table with phone & hours*/
#second_column .list_style1{
	margin: 1.5em 12px;
	list-style: none;
	margin-left: 0;
}

	#second_column .list_style1 li{
		border-top: 1px solid #3366ff;
		background: #fff url('/resource/image/stfrancis/list_style1_bg.gif') 0 0 repeat-x;
	}
	
	#second_column .list_style1 dl{
		margin: 14px 7px;
		
	}
	
	#second_column .list_style1 dt{
		color: #3366ff;
		font: normal 1.5em/.9em Georgia, Times, Serif;
		float: left;
		width: 160px;
		line-height: 1.1em; /* keeps IE from cutting off descenders */
	}
	
		#second_column .list_style1 dt img{
			display: block;
			margin-top: .3em;
		}
	
		/*
		#second_column .list_style1 dt span{
			display: block;
			font-size: .7em;
			font-family: arial, verdana, helvetica, sans-serif;
			color: #666;
		}
		*/
	
	#second_column .list_style1 dd{
		margin-left: 160px;
		padding-left: 10px;
		border-left: 1px solid #b7b7b7;
	}
	
		#second_column .list_style1 dd strong{
			font-size: 1em;
		}
		
		#second_column .list_style1 dd li{
			border: none;
			background-image: none;
			background-color: none;
		}
	
	#second_column .list_style1 table{
		margin-bottom: 12px;
		font-size: .9em;
		clear: both; /* for safari */
		border: none;
	}
	
	#second_column .list_style1 th{
		width: 118px;
		border: 1px solid #b7b7b7;
		border-bottom: none;
		padding: 5px 8px 0px 8px;
		background-color: transparent;
	}
	
	#second_column .list_style1 td{
		padding: 5px 8px 0px 8px;
		border: none;
	}

		#second_column .list_style1 .grid td{
			padding-bottom: 5px;
			border-bottom: 1px solid #b7b7b7;
		}
		
		#second_column .list_style1 .grid th{
			font-weight: bold;
			border: none;
			background-color: #ccc;
			padding-bottom: 3px;
		}


/* list_style2 -  index page without photos */
#second_column .list_style2{
	margin: 1.5em 12px;
	list-style: none;
	margin-left: 0;
}

	#second_column .list_style2 li{
		
	}

	#second_column .list_style2 dl{
		margin: 14px 7px;
		line-height: 1.5em;
	}

	#second_column .list_style2 dt{
		font-weight: bold;
	}

	#second_column .list_style2 dd{
		font-style: italic;
	}


/* list_style3  - index pages with photos */
#second_column .list_style3{
	margin-left: 12px;
	border-bottom: 1px solid #3366ff;
	list-style: none;
	margin-left: 0;
}

	#second_column .list_style3 li{
		border-top: 1px solid #3366ff;
		background: #fff url('/resource/image/stfrancis/list_style1_bg.gif') 0 0 repeat-x;
		margin-bottom: .5em;
		overflow: auto;
	}
	
	#second_column .list_style3 .photo{
		float: left;
		width: 148px;
		border: 1px solid #ccc;
		margin-top: .5em;
	}
	
	#second_column .list_style3 li p{
		
		margin: .5em 6px .5em 161px;
		line-height: 1em;
	}
	
	#second_column .list_style3 li p strong{
		
		font-size: .9em;
	}
	
	#second_column .list_style3 h5{
		margin-left: 161px;
		font-family: Georgia, Times, Serif;
		font-size: 1.3em;
		color: #36f;
		
	}

/* list_style4 - listings with right floated variable width images like CHRC */ 

	#second_column .list_style4{
		border-top: 1px solid #3366ff;
		background: #fff url('/resource/image/stfrancis/list_style1_bg.gif') 0 0 repeat-x;
		margin-bottom: .5em;
		overflow: auto;
		list-style: none;
		margin-left: 12px;
		margin-top: 0;
	}
	
		#second_column .list_style4 li{
			margin-top: .5em;
			line-height: 1.5em;
			margin-left: 6px;
			
		}
		
		#second_column .list_style4 li img{
			float: right;
			margin: .5em 0 12px 12px;
			clear: both;
		}
		
		#second_column .list_style4 h5{
			font-weight: bold;
			font-size: 1.3em;
			color: #666;
		}
	
/* link boxes */
a.box, a:visited.box{
	border: 1px solid #99b2ff;
	padding: 7px;
	color: #707070;
	font-weight: bold;
	font-style: italic;
	background-color: #d3edff;
	text-decoration: none;
	margin: 0 5px 0 0;
	display: inline-block;
}

	a:hover.box{
		background-color: #A0CBE9;
	}

/* EVERYTHING ELSE */

	.superscript {
		font-size: 50%;
		vertical-align: super;
	}

	.blue {
		color: #3366ff; /* because sometimes you just feel a little blue */
	}

/* first column sidebox - such as bios in sidebar */

	#first_column .first_column_sidebox{
		text-align: left;
		border: none;
		background-color: transparent;
		font-size: .9em;
		margin: 15px 6px 6px 6px;

	}

	#first_column .first_column_sidebox h5 {
		
		color: #36f;
		padding: 3px 0px 3px 3px;
		border-bottom: none;
		font-size: 1.2em;
		border: none;
		font-weight: bold;
	}
	
	#first_column .first_column_sidebox ul{
		text-align: left;
		border: none;
		background-color: transparent;
		
	}
	
	#first_column .first_column_sidebox ul li{
		padding: 6px 0;
		border: none;
		background-color: transparent;
		overflow: auto;
	}
	
	#first_column .first_column_sidebox p{
		margin: 0 0 0 74px;
	}
	
	#first_column .first_column_sidebox img{
		float: left;
		margin: 0;
		padding: 0;
		clear: left;
	}
	
	#first_column .first_column_sidebox ul li a, #first_column .first_column_sidebox ul li a:visited{
		display: inline;
		font-weight: normal;
		color: #36f;
		padding: 0px;
		text-decoration: underline;
	}

/* ambassador photos - img floated right using .float_right just before a list_style4 ul */

	#second_column .ambassador_photo{
		margin-left: 0;
		border-top: 1px solid #3366ff;
	}
	
/* ---------------- SKINS ---------------- */

/* ID of <body> is used to select appropriate skin */
/* values are: light blue, dark blue, light green, dark green, gray, orange, purple */

/* LIGHT BLUE SKIN */
#light_blue #container {background: #fff url('/resource/image/stfrancis/bg_repeating_generalblue.gif') 0 0 repeat-y;}
#light_blue #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_generalblue_landing.png') 0 0 repeat-y;}
#light_blue #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_generalblue_content.gif') 0 0 repeat-y;}
#light_blue #content_intro h2{color: #7bbde8;} /* headlines */

/* DARK BLUE SKIN */
#dark_blue #container {background: #fff url('/resource/image/stfrancis/bg_repeating_blue.gif') 0 0 repeat-y;}
#dark_blue #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_blue_landing.png') 0 0 repeat-y;}
#dark_blue #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_blue_content.gif') 0 0 repeat-y;}
#dark_blue #content_intro h2{color: #5c85ff;} /* headlines */

/* LIGHT GREEN SKIN */
#light_green #container {background: #fff url('/resource/image/stfrancis/bg_repeating_lightgreen.gif') 0 0 repeat-y;}
#light_green #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_lightgreen_landing.png') 0 0 repeat-y;}
#light_green #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_lightgreen_content.gif') 0 0 repeat-y;}
#light_green #content_intro h2{color: #a9caab;} /* headlines */

/* DARK GREEN SKIN */
#dark_green #container {background: #fff url('/resource/image/stfrancis/bg_repeating_darkgreen.gif') 0 0 repeat-y;}
#dark_green #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_darkgreen_landing.png') 0 0 repeat-y;}
#dark_green #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_darkgreen_content.gif') 0 0 repeat-y;}
#dark_green #content_intro h2{color: #6e958b;} /* headlines */

/* GRAY SKIN */
#gray #container {background: #fff url('/resource/image/stfrancis/bg_repeating_gray.gif') 0 0 repeat-y;}
#gray #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_gray_landing.png') 0 0 repeat-y;}
#gray #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_gray_content.gif') 0 0 repeat-y;}
#gray #content_intro h2{color: #a7bbd5;} /* headlines */

/* ORANGE SKIN */
#orange #container {background: #fff url('/resource/image/stfrancis/bg_repeating_orange.gif') 0 0 repeat-y;}
#orange #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_orange_landing.png') 0 0 repeat-y;}
#orange #alt_landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_orange_alternate.png') 0 0 repeat-y;}/* ALT VERSION */
#orange #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_orange_content.gif') 0 0 repeat-y;}
#orange #content_intro p strong{color: #000; font-weight: bold;}
#orange #content_intro h2{color: #fdae52;} /* headlines */

/* PURPLE SKIN */
#purple #container {background: #fff url('/resource/image/stfrancis/bg_repeating_purple.gif') 0 0 repeat-y;}
#purple #landing_intro {background: #b9b9b9 url('/resource/image/stfrancis/bg_repeating_purple_landing.png') 0 0 repeat-y;}
#purple #content_intro {background: #fff url('/resource/image/stfrancis/bg_repeating_purple_content.gif') 0 0 repeat-y;}
#purple #content_intro h2{color: #acb2db;} /* headlines */

/* ---------------- BROWSER BUG FIXES ---------------- */

/* double margin bug in IE6 */
* html #first_column {display: inline;}
* html #utility_links {display: inline;}

/* IE6 goes bezerk with the absolutely positioned box, so we go to plan "B" */
* html #login_links {position: relative; margin-top: 4px;}
* html #utility_links {margin-right: 20px;}

/* keep IE6 from randomly ignoring background fills */
* html #masthead{border: 1px solid #fff;}
* html #first_nav{height: 1%;}	
	
/* IE7 messes up the first list item without this */
.list_style1 li{height: 1%;}

/* IE6 is doubling some margins somewhere, so we just make the column 2 less wide */
* html #second_column{width: 560px;}

/* double margin bug in IE6 */
* html .list_style2 dl{height: 1%;}
* html #first_column .first_column_sidebox ul li,
#second_column .list_style3 li
{
	height: 1%;
}
* html #second_column form p{
	margin-left: 6em;
	width: 300px;
}

/* IE 6 cropping off descenders on multi-line text */
* html #second_column .list_style1 dd
{
	height: 1%;
}

* html #first_column .first_box_plain {
	height: 1%;
}

/* fix mysterious cumulative negative left margin added to the navigation in IE6 */
* html #first_column li{
	margin: 0;
	padding: 0;
}


/**********MAO 10.09.08; Added this style for form validation***************/
/**************validation styles(from ajax)*************/
.validation-advice {
   margin:0;
   padding: 0.5em;
   padding-right:0;
   background-color: #FF3300;
   color: #fff;
   font-weight: bold;
}