<!-- archbalt.org/coronado

/* RBS - 04/24/2007 - added .ncdvd for the registration form (line 219)

/* Make sure BK image gets in there */
.CS_Document {
	background-color:#ffffff;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	font-family:Verdana,Arial,sans-serif;
	font-size: x-small;	
}

BODY {
	background-color:#ffffff;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	font-family:Verdana,Arial,sans-serif;
	font-size: x-small;
	}
	
/* End make sure BK image gets in there */

.linkbar { text-align: center; }

.DropDown {text-align: center;}

.CellCentered {text-align: center;}

A
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #0033CC;
	text-decoration: underline;
}

A:visited
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #7483B9;
	text-decoration: underline;
}

.DataSheetLink
{
	font-family: Verdana, sans-serif;
	font-size: 11 px;
	line-height: 15 px;
	font-weight: normal;
	color: #0033CC;
	text-decoration: underline;
	padding: 3px;
}

.titleMain,
.mainPage
{
	font-family: Verdana, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.titleMainSmall
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #396C9f;
	text-decoration: none;
}

.titleMainSmall a
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #396C9f;
	text-decoration: none;
}

P
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

.Default,
.linkbar
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

.textMainTopCaption
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 20px;
}


.textMain
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


.buttonsRow A:link
{
	display:block;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin: 3px 0px 3px 0px;
	text-align: center;
}

.buttonsRow A:visited
{
	display:block;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin: 3px 0px 3px 0px;
	text-align: center;
}

.buttonsRow A:hover
{color: #003366;}



.buttonsRow
{
	vertical-align: top;
	text-align: center;
}

.buttonImage img
{
	margin: 3px 3px 3px 3px;
	border: 1px solid #c0c0c0;
}

.buttonImage a img
{
	margin: 3px 3px 3px 3px;
	border: 1px solid #c0c0c0;
}

.buttonImage a img:hover
{
	border: 1px solid #003366;
}

.buttonImage2 img
{
	border: 1px solid #c0c0c0;
}

.buttonImage2 a img
{
	border: 1px solid #c0c0c0;
}

.buttonImage2 a img:hover
{
	border: 1px solid #003366;
}

.newsMain{
width: 468px;
clear: left;
}

.newsMain .floatbox{
float: left;
width: 62px;
}

* html .newsMain p{ /* IE 3px jog hack*/
height: 1%;
}

.newsMain p{
margin-top: 0px;
padding-top: 4px;
margin-bottom: 0px;
margin-left: 72px;
border-top: 1px solid #cccccc;
}

.newsMain h2{
margin-top: 0px;
padding-top: 4px;
margin-bottom: 0px;
margin-left: 72px;
border-top: 0px;
}

.newsMain img{
margin-top: 0px;
margin-bottom: 10px;
}


.mainPage a
{
	text-decoration: none;
}

.mainPage a:hover
{
	color: #336699;
}

.mainPage1 a
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
}

.mainPage1 a
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: underline;
}

.mainSearch
{
	font-family: Verdana, sans-serif;
	font-size: 11 px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

input
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.error
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

textarea
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.Caption
{
	font-family: Verdana, sans-serif;
	font-size: 9 px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.smallText
{
	font-family: Verdana, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.Boldtext
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.Boldtext a
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: bold;
}

.BoldtextUL
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.BoldtextWhite
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.Italictext
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style : italic;
}

.Header
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #CC9933;
	text-decoration: none;
}

.Subtitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.Subtitle a
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.Subtitle a:hover {text-decoration: underline;}

.Subtitle2
{
	font-family: Verdana, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.Smalltitle
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.DefaultRed
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #8B0000;
	text-decoration: none;
}

.mainTitle
{
	font-family: AkzidenzGroteskRoman, Verdana, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #35468B;
	text-decoration: none;
	letter-spacing : 1px;
}

.galaText
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #f3f3f3;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

.list
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style : url(/images/bullet-list.gif);
}

.ncdvd
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #516f90;
	text-decoration: none;
}

UL
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style : url(/images/bullet-list.gif);
}

ul#easyscrollnav {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

ul#easyscrollnav li {
	margin: 0px 20px 0px 0px;
	list-style: none;
	display: inline;
	}

/*
LI
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style : url(/images/bullet-list.gif);
}
*/

.listSmall
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style : url(/images/bullet-list-small.gif);
}

.justifiedText
{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	font-family:Verdana,Arial,sans-serif;
	font-size: 11px;
	line-height : 15px;
	text-align : justify;
}

.listBackground
{
	color : #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	cursor: hand;
}

.list
{
	color : #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
}

.listAlternateBackground
{
	background : #F5F2EE;
	background-color : #F5F2EE;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	/*padding: 5px;*/
	cursor: hand;
}

.listAlternate
{
	background : #F5F2EE;
	background-color : #F5F2EE;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
}

.listHeaderBackground
{
	background : #EDE8E0;
	background-color : #EDE8E0;
	color : #EDE8E0;
	text-align : left;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
	padding: 5px;


}

.copyright
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.copyrightLink
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

.copyrightLink:Visited
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

.loginLink
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

.loginLink:Visited
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

.note
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.footnote
{
	font-family: Arial, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.alphaPipe
{
	font-family: Verdana, sans-serif;
	font-size: 8px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Calendar */
.calendarTable
{
	background-color : #000000;
	border : 0px;
	width: 480px;
}

.calendarHeader
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #B28325;
	text-align: center;
	width: 68px;
	height: 25 px;
}

.calendarItem
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.calendarItemLink
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	color: #3333CC;
	text-decoration: underline;
}

.calendarMonthHeader
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: right;
}

.calendarDate
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: right;
}

.calendarEmptyDays
{
	background-color: #FCF9F5;
	width: 68px;
	height: 75px;
}

.calendarToday
{
	background-color: #C3B3A1;
	width: 68px;
	height: 75px;
	vertical-align: top;
}

.calendarDays
{
	background-color: #F3EBE3;
	width: 68px;
	height: 75px;
	vertical-align: top;
}

/* Schools */
.schoolsName
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.schoolsDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.schoolsSubTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.schoolsInfo
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.schoolsStaff
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.schoolsLink
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #35468B;
	text-decoration: none;
}

.schoolsLink:Hover
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #35468B;
	text-decoration: underline;
}


/* Parish */
.parishName
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #CC9933;
	text-decoration: none;
}

.parishDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.parishSubTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.parishInfo
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.parishStaff
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.parishLink
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16 px;
	font-weight: normal;
	color: #35468B;
	text-decoration: none;
}

.parishLink:Hover
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16 px;
	font-weight: normal;
	color: #35468B;
	text-decoration: underline;
}

/* Bio */
.bioName
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: normal;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.bioTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.bioDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Article */
.articleTitle
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #35468B;
	text-decoration: none;
}

.articleSubTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.articleDate
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.articleArticle
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Job/Career */
.careerTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.careerDepartment
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.careerDivision
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.careerEmail
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


.careerDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Bulletin*/
.bulletinTitle
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #CC9933;
	text-decoration: none;
}

.bulletinDate
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.bulletinOffice
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.bulletinDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Homilies and Talks */
.homiliesTalksTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #8B0000;
	text-decoration: none;
}

.homiliesTalksLocation
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.homiliesTalksBishop
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.homiliesTalksDate
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.homiliesTalksDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Mass & Confession Display */
.massDaysofWeek 
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.massTimes
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Division */

.divisionName
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #35468B;
	text-decoration: none;
}

.divisionDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.divisionInfo
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.divisionStaff
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.divisionLink
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #35468B;
	text-decoration: none;
}

.divisionLink:Hover
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #35468B;
	text-decoration: underline;
}

/* Ask the Deacon */

.askTheDeaconQuestion
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style: italic;
}

.askTheDeaconQuestionResponse
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* CLA Parish Cases */
.CLAParish
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #35468B;
	text-decoration: none;
}

.CLADescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15 px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* Event */
.eventTitle
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

.eventDate
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.eventTime
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.eventLocation
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.eventDescription
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.eventContact
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.whiteBackground {
	background-color:#FFFFFF;
}

.callout {
	PADDING-TOP: 10px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	FLOAT: right;
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 200px;
	BACKGROUND-COLOR: #f3f3f3;
}

.callout-nofloat {
	PADDING-TOP: 10px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px 0px 10px 0px;
	BACKGROUND-COLOR: #f3f3f3;
}

.shade {
    background: #E6E8FA;
    }
        
.shade:hover {
    background: #ffffff;
    }
    
.float-right {
    float:right;
    margin: 0px 0px 10px 10px;
}
    
.float-left {
    float:left;
    margin: 0px 10px 10px 0px;
}

<!-- begin photo gallery -->
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>
<!-- end photo gallery -->
//-->