*{
	
	padding: 0;
	margin: 0;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height: 22px;
	}
				
				
				
	body{
		text-align: center;
		background-color: #999966;
		font-family: Arial, sans-serif;
		font-size: 10pt;
	}
	
	#container{
	  margin: 0 auto;
	  width: 800px;
	  text-align: left;
	}
	
	.headerTitle{
		width: 368px;
		height: 32px;
		background-image: url('images/design/title.jpg');
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.header{
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		background-image: url('images/design/bookback.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		height: 214px;
	}
	
	.header2{
		border-left: 1px solid #000;
		background-color: #000;
		background-image: url('images/design/headbot.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		height: 17px;
		text-align: right;
	}
	
	.headgirl{
		background-image: url('images/design/bookgirl.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		height: 214px;	
		width: 300px;
		float: left;
	}
	
	.topLinks{
		padding-top: 1px;
		float: left;
		width: 488px;
		text-align: right;
		height: 20px;
	}
	
	.topLinksPadded{
		padding-left: 258px;
	}
	
	.main{
		width: 790px;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		background-color: #fff;
	}
	
	.mainRight{
		width: 10px;
		background-image: url('images/design/shade.jpg');
		background-repeat: repeat-y;
		background-position: top left;
		height: 100%;
	}
	
	table{
		border-spacing: 0;
		border-collapse: collapse;
		font-size: 10pt;
		font-family: Arial, sans-serif;
	}
	
	.content{
		background-color: #fff;
		padding: 10px 10px 50px 10px;
		float: left;
		width: 580px;
		padding-top: 20px;
	}
	
	.content2{
		background-color: #fff;
		padding: 10px 10px 50px 10px;
		float: left;
		width: 768px;
		padding-top: 20px;
	}
	
	.navigation{
		/*border-right: 1px solid #000;*/
		background-color: #fff;
		width: 188px;
		float: left;
		padding-top: 20px;
	}
	
	.footer1{
		float: left;
		background-image: url('images/design/leftFooter.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		margin-left: -1px;
		width: 26px;
		height: 29px;
	}
	
	.footer2{
		float: left;
		background-image: url('images/design/footerBot.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		width: 743px;	
		height: 29px;
		font-size: 8pt;
	}
	
	.footer3{
		float: left;
		background-image: url('images/design/rightFooter.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		margin-left: -1px;
		width: 30px;
		height: 29px;
	}
	
	.footerRight{text-align: right; float: left; width: 371px; font-size: 8pt;}
	.footerLeft{text-align: left; float: left; width: 371px; font-size: 8pt;}
	
	div.portalLogin{text-align: right}

	.hideIt{display: none;}
	.viewIt{display: block;}
	
	a.topLink:link, a.topLink:active, a.topLink:visited, a.topLink:hover{
		display: block;
		float: left;
		color: #fff;
		background-color: #003300;
		text-align: center;
		padding-top: 5px;
		text-decoration: none;
		height: 21px;
		float: left;
	}
	
	a.topLink:hover{
		color: orange;
	}
	
	.topLinkL{	
		background-image: url('images/design/leftTopNav.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		width: 14px;
		height: 26px;
		float: left;
	}
	
	.topLinkR{	
		background-image: url('images/design/rightTopNav.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		width: 14px;
		height: 26px;
		float: left;
		padding-right: 1px;
	}
	
	table td{vertical-align: top}
	
	
body.mceContentBody{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


div.announceUrgent{color: red; padding: 10px; padding-top: 10px;}
div.announce{padding: 10px; padding-top: 10px;}
div.announceArticle{padding-left: 10px;}
div.announceHead{font-size: 10pt; font-weight: bold}
div.announcePosted{font-size: 8pt; font-style: italic; text-align: right}


div.generalHead, div.consoleHeading, div.newsGeneralHead, div.eventsGeneralHead{
	font-size: 12pt; 
	color: #000;
	font-weight: bold;
	background-image: url('images/design/greenBorder.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	/*border-bottom: 8px solid #003300;*/
	padding-bottom: 8px;
	width: 440px;
}

div.newsGeneralHead{
	height: 21px;
	float: left;
	padding-top: 43px;
}

div.subNavWrapper{
	padding: 3px;
	padding-left: 20px;
	padding-bottom: 20px;
}


table.consoleForm{width: 100%}
table.consoleForm td{padding: 3px; text-align: left}
table.consoleForm td.label{text-align: right; width: 200px;}
table.consoleForm td.submitField{text-align: center}

table.list{width: 100%; border: 1px solid #336666}
table.list td{padding: 3px; text-align: left}
table.list td.listHeading, table.list tr.trHeading{
	background-color: #003300;
	color: #fff;
}

.error{color: red}
.success{color: green}

img{border: 1px solid #666}

div.menuHead{
	padding-top: 5px;
	font-weight: bold;
	font-size: 10pt;
	color: #003300;
}
div.menuContent{
	padding-left: 15px;
}

a:link, a:active, a:visited{
	text-decoration: none;
	color: #0066CC;
}

a:hover{
	color: #FF6600;
	text-decoration: none;
}

a.subNav:link, a.subNav:active, a.subNav:visited{
	text-decoration: none;
	color: #666; /*#FF6600;*/
}

a.subNav:hover{
	color: #003300;
	text-decoration: none;
}

a.main:link, a.main:active, a.main:visited{
	text-decoration: none;
	color: #663300;
	width: 790px;
	border: 0;
	background-color: transparent;
}


a.main:hover{
	color: #003300;
	text-decoration: none;
}

a.editPhotos:link, a.editPhotos:active, a.editPhotos:visited{
	text-decoration: none;
	color: #0066CC;
}

a.editPhotos:hover{
	color: #FF6600;
	text-decoration: none;
}

.subHead{
	font-weight: bold;
	color: #003300;
}

.consoleForm .subHead{
	font-size: 10pt;
	color: #660000;
	font-weight: bold;
}

.eventDateHeader{
	font-weight: bold;
	background-color: #003300;
	color: #fff;
}

.bold{
	font-weight: bold;
}

#currentDatesHead{
	border: 1px solid #333;
	border-bottom: 0px;
}

#currentDatesHead .subHead{
	background-color: #003300;
	color: #fff;
}

#currentDates{
	border: 1px solid #333;
	border-top: 0px;
	border-bottom: 0px;
}

#currentDatesList{
	border: 1px solid #333;
	border-top: 0px;
}

#newDates{border: 1px solid #333;
	border-top: 0px;
	border-bottom: 0px;
}

.eventSubmitFields{
	border: 1px solid #333;
	border-top: 0px;
	text-align: center;
	padding: 20px;
}

.eventWrapper{width: 550px; text-align: center}

.eventName{background-color: #003300;
			color: #fff;
			width: 530px;
			font-weight: bold;
			border: 1px solid #666;
			border-bottom: 0;
			font-family: Arial;
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;}
			
		.eventDescription{background-color: #fff;
			color: #000;
			padding: 10px;
			font-size: 10pt;
			width: 530px;
			border-top: 0;
			border-right: 1px solid #666;
			border-left: 1px solid #666;	
			border-bottom: 0;
			font-family: Arial;
			text-align: left}
			
		table.eventDescription td{padding: 10px;}
			
		.eventDates{
			text-align: right;
			font-style: italic;
			font-family: Arial;
			padding: 10px;
			font-size: 10pt;
			width: 530px;
			border: 1px solid #666;
			border-top: 0;
		}
		
		div.eventImgInDesc1{
			padding: 10px; 
			float: right; 
			width: 100px}
			
		div.eventPhotoLibLeft, div.eventPhotoLibCenter, div.eventPhotoLibRight{
			padding: 10px; 
			width: 142px;	
			text-align: center;
		}
		
		div.eventPhotoLibLeft{
			float: left;
			clear: right;
		}
		div.eventPhotoLibCenter{float: left}
		div.eventPhotoLibRight{float: left}
		
		div.newsSpotlight{float: left;}
		div.newsSpotlightInfoHead{padding-left: 10px; padding-bottom: 10px; padding-top: 10px;}
		div.newsSpotlightInfoText{padding-left: 35px;}
		.newsSpotlight a.newsReadMore{color: #990000; text-decoration: none; font-size: 8pt;}
		.newsSpotlight a.newsReadMore:hover{color: #000;}
		.newsSpotlightHead, .announcementWrapperHead{color: #660000; text-align: left; font-weight: bold; width: 300px; padding-left: 10px; border-bottom: 2px solid #333}
		
		.announcementWrapper{clear: right}
		
		
		
		
		div.readReceipt{
			padding-left: 25px;
		}
		
		div.rrs{
			padding-left: 25px;
		}
		
		br.floatBreak{clear: both;}
		
		div.acceptBox{
			padding: 3px;
			text-align: right;
			color: #000}
		
		a.nav{
			display: block;
			width: 160px;
			color: #000;
			padding: 3px;
			padding-left: 10px;
			text-decoration: none;
		}
		
		a.nav:hover{
			background-color: #660000;
			color: #fff;
		}
		
		div.headline, div.productName{
			font-size: 12pt;
			font-weight: bold;
			color: #003300;
			padding-top: 3px;
			padding-bottom: 3px;
			clear: both;
		}
		span.author{
			font-style: italic;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		
		div.newsImageFirst, .eventsImageFirst{
			float: left;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		div.author{
			color: #666;
			font-style: italic;
			font-size: 8pt;
		}
		
		div.article{
			padding-left: 25px;
			padding-right: 75px;
			padding-bottom: 25px;
			padding-top: 3px;
		}
		
		div.posted{
			padding-top: 3px;
			padding-bottom: 3px;
			color: #666;
			font-style: italic;
			font-size: 8pt;
		}
			
		
		a.headerLink:link, a.headerLink:active, a.headerLink:visited{
			font-size: 12pt;
			font-weight: bold;
			color: #663300;
			text-decoration: none;
		}
		
		a.headerLink:hover{
			color: #ff6600;
			text-decoration: none;
		}
		
		.photoCaption{
			font-size: 8pt;
		}
		
.welcomeTitle{
	color: #660000;
	font-weight: bold;
}

.welcomeText, .varText{
	padding: 20px;
	padding-top: 10px;
}

.welcomeTextImage{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

a.login{color: #666; font-size: 8pt; text-decoration: none}
a.login:hover{text-decoration: underline}

a.browserDL{color: #fff; font-size: 8pt; text-decoration: none}
a.browserDL:hover{text-decoration: underline}

td.photoAttached{
width: 200px;
text-align: center;
padding-left: 5px;
}

div.navigationImageLinks{
	text-align: center;
}

div.deptLink{
	padding-top: 10px;
	padding-left: 25px;	
}

div.deptText{
	padding-top: 10px;
	padding-left: 25px;
}

.even{
	background-color: #fff;
}
.odd{
	background-color: #ccc;
}

.policyCat{
	font-weight: bold;
	padding: 10px;
}

.policyText{
	padding: 5px;
	padding-left: 25px;
}

.policyText ul{
	padding-left: 10px;
}

.policyText ul li{padding-bottom: 5px;}

div.navigation div.menuHead{
	color: #660000;
	border-bottom: 2px solid #333;
	padding-left: 10px;
	padding-top: 0px;
}

div.navigation div.menuContent{
	padding-bottom: 10px;
	padding-top: 5px;
}

.announcementWrapperHead a:link, 
.announcementWrapperHead a:active, 
.announcementWrapperHead a:visited{
	color: #660000;
} 
.announcementWrapperHead a:hover{
	color: #ccc;
}


.failed, .error{
	display: block;
	background-color: #FF6666;
	color: #fff;
	padding: 3px;
	text-align: left;
}

.success{
	display: block;
	background-color: green;
	text-align: left;
	color: #fff;
	padding: 3px;
}

div.staffAutoFill{
	border: 1px solid #003300;
	border-top: 0;
	padding: 10px;
	clear: both;
}

ul.tab{
	width: 780px;
	border-bottom: 1px solid #003300;
	height: 28px;
}

ul.tab li{
	float: left;
	list-style-type: none;
	height: 28px;
	padding-right: 1px;
}


span.tab, a.tab:link, a.tab:active, a.tab:visited, a.tab:hover{
	display: block;
	height: 23px;
	float: left;
	background-color: #003300;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
}

a.tab:hover{
	color: #fff;
	text-decoration: underline;
}

span.tabLeft{
	display: block;
	background-image: url('images/design/leftTab.gif');
	width: 11px;
	height: 28px;
	background-repeat: no-repeat;
	float: left;
}

span.tabRight{
	display: block;
	background-image: url('images/design/rightTab.gif');
	width: 11px;
	height: 28px;
	background-repeat: no-repeat;
	float: left;
}


br.clear{
	clear: both;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/design/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


.greenBar{
	background-color: #003300;
	background-image: url('images/design/greenBorder.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	/*border-bottom: 8px solid #003300;*/
	height: 8px;
}

.navBlock{
	text-align: right;
	padding: 5px;
	padding-bottom: 10px;
	
}

div.eventsGeneralHead{
	padding-top: 58px;
	width: 400px;
	float: left;
	height: 20px;
}

.eventBackground{
	background-image: url('images/design/girlBook.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 125px;
	height: 91px;
	float: left;
}
.newsBackground{
	background-image: url('images/design/news.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 81px;
	height: 72px;
	float: left;
}

.navHeader{
	color: #000;
	font-weight: bold;
}
	
ul{
	padding-left: 40px;
}

ul.padded li{padding-bottom: 10px;}

.centerJustified{
	text-align: center;
}

.leftPadded{
	padding-left: 20px;
}

.bottomPadded{
	padding-bottom: 10px;
}

.topPadded{
	padding-top: 10px;
}

.countGood{color: green}
.countBad{color: red}

.strong{font-weight: bold}

div.quote{
	display: table-cell;
	text-align: center;
	width: 480px;
	font-size: 14pt;
	font-weight: bold;
	vertical-align: middle;
	height: 185px;
	padding-right: 10px;
}

.quoteText{
	font-style: italic;
	font-size: 14pt;
}

.peopleWrap{
	padding-right: 75px;
	padding-left: 25px;
	padding-top: 10px;
	clear: both;
}

.peopleCatName{
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px;
}

.peopleImage{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.peopleName{
	font-weight: bold;
}

.peoplePosition{
	font-style: italic;
}

.peopleDesc{
	padding-top: 10px;
	padding-bottom: 10px;
}

.eventPageText{
	padding: 10px;
	clear: both;
}

.eventPagePhoto0{
	padding-right: 10px;
	float: left;
	padding-bottom: 10px;
}


.eventPagePhoto1{
	padding-left: 10px;
	float: right;
	padding-bottom: 10px;
}

.albumBlock0{
	clear: both;
	float: left;
	width: 250px;
	text-align: center;
	padding-top: 10px;
}

.albumBlock1{
	width: 250px;
	float: left;
	text-align: center;
	padding-top: 10px;
}

.noBorder{border: 0px;}

/*8-18-09 ncl *******************************************************************************************/

.ccsuccess{color: green}
.ccerrors{color: red}

a#donate {

	display:inline-block;
	width : 122px;
	height : 35px; 
	background: url('images/DonateOnlineButtonOff.jpg') no-repeat;
}
a#donate:hover{
	background-image: url('images/DonateOnlineButtonOn.jpg');
}

#paypalnote {font-size:8px;line-height:10px;}

#paypalnote:hover {font-size:12px;line-height:16px;}