/*** * Browser Defaults Reset * ***/
@import url("reset.css");

/*** * Form Styles * ***/
@import url("forms.css");

/*** * Style for Image Zoomer * ***/
@import url(/style/zoomimage.css);

/*** * Style for Dialogs * ***/
@import url(/style/jquery.dialog.css);

/* *** Universals *** */
html, body {
} 
 
body {
	background: #2C2119 url(/images/bgTile.png) repeat 50% top;
	font-family: Georgia, "Times New Roman", serif;
	color: #2d250e;
}

/*** * Main Structure * ***/
#centeringContainer {
	position: relative;
	width: 626px;
	margin: 0 auto;
	padding: 0 72px 0 72px;
	z-index: 2;
	background: url(/images/bgCenter.png) repeat-y center top;
	overflow: hidden;
}

#navContainer {
	position: relative;
	z-index: 10;
}

#nav {
	position: absolute;
	top: -342px;
	right: 10px;
	min-height: 38px; 
	width: 410px;
	display: block; 
	float: right;
	font-size: 0.7em;
	line-height: 1.4em;
	text-transform: uppercase;
	overflow: hidden;
}
	#nav li						{overflow: hidden; float: right;}
	#nav li.first a				{}
	#nav a						{display: block; padding: 0 10px; color: #2E2016; text-decoration: none;}
	#nav a:hover			{color:#ffffff; background: #5B6879;}
	#nav a span				{display: block; padding: 3px 0 3px 0; background: url(/images/navLiBg.png) repeat-x left bottom;}
	#nav a:hover span	{background: none;}

#mainContainer {
	margin: 20px 0 0 0;
	width: 624px;
	display: block;
	border: 1px solid #ffffff;
	background: #FFFCFA url(/images/mainImageBg.png) repeat-x 1px 335px;
	overflow: hidden;
}
	#mainContainer #mainImg	{position: relative; z-index: 1; border-bottom: 20px solid #F3EFED;}
	#mainContainer h1					{position: relative; z-index: 10; text-indent: -9999px;}
	#mainContainer h1 a  			{display: block; position: absolute; top: -334px; left: 20px; width: 189px; height: 77px; background: url(/images/logo2.png) no-repeat left top;}
	
#banner{
	position: relative;
	z-index: 10;
}
#banner #mainText {padding: 10px 0; position: absolute; bottom: 67px; width: 624px; border-top: 3px solid #2C3238; background: #5b6879; font-size: 1.05em; text-align: center; color: #ffffff;}
#banner #subText  {padding: 6px 0; position: absolute; bottom: 32px; width: 624px; background: #adb7c5; font-size: 0.9em; color: #2C3238; text-align: center;}

#content {
	position: relative;
	margin: 2px 0 0 0;
	padding: 0 20px 20px 20px;
	width: 584px;
	border-bottom: 8px solid #5B6879;
	background: #FFFCFA url(/images/contentBg.png) no-repeat right bottom;
	overflow: hidden;
}
	#content h2							{margin: 18px 0 0 0; font-size: 1.8em; font-weight: normal;}
	#content h3							{margin: 18px 0 0 0;}
	#content p							{margin: 16px 0 0 0; text-indent: 20px; font-size: 0.8em; line-height: 1.8em;}
	#content p img						{margin: 4px 10px 0 0; padding: 4px; float: left; border: 1px solid #E5DCCA;}
	#content a							{color: #5B6879; text-decoration: none; border-bottom: 1px dotted #5B6879;}
	#content a:hover					{color: #ffffff; background: #5B6879; border-bottom: 1px solid #5B6879;}
	#content form						{margin: 20px 0 0 0; float: left;}
	#content form h4					{margin: 20px 0 0 0; padding: 16px 264px 0 0; width: 138px; text-align: right; border-top: 3px dotted #E6E0CE;}
	#content table a					{font-size: 0.6em !important;}
	#content object					{position: absolute; bottom: 10px; right: 20px;}

/*.content {
	margin: 0 !important;
	position: relative;
	min-height: 320px;
	width: 445px !important;
}*/

.subNav {
	margin: 20px 0 0 0;
	float: right;
	width: 164px;
}
	.subNav ul							{font-size: 0.9em !important; line-height: 1.0em !important; text-transform: uppercase;}
	.subNav ul li							{margin: 0; padding: 10px 0; background: url(/images/homeListBg.png) repeat-x left bottom;}
	.subNav ul li.last					{padding: 10px 0 0 0 !important; background: none !important;}
	.subNav ul li a						{padding: 0 0 0 12px; display: block; background: url(/images/subNavBg.png) no-repeat left 3px; border: none !important;}
	.subNav ul li a:hover				{color: #adb7c5 !important; background: url(/images/subNavHoverBg.png) no-repeat left 3px !important;}
	.subNav ul li.current				{background: #E5DCCA url(/images/homeListBg.png) repeat-x left bottom !important;}
	.subNav ul li.current a			{color: #2D250E !important; background: url(/images/subNavCurrentBg.png) no-repeat left 3px !important;}
	.subNav ul li.lastCurrent 		{background: #E5DCCA !important;}
	.subNav ul li.lastCurrent a		{color: #2D250E !important; background: url(/images/subNavCurrentBg.png) no-repeat left 3px !important;}
	.subNav p								{text-indent: 0 !important;}

.contentBody {
	float: left;
	width: 400px;
}
	
.breadCrumbs {
	margin: 18px 0 0 0;
	line-height: 1.4em; 
	font-size: 0.8em;
	text-indent: 0 !important;
	overflow: hidden;
}
	.breadCrumbs li	{padding: 0 0 0 8px; float: left; background: url(/images/subNavBg.png) no-repeat left 5px;}

#homeList {
	font-size: 1.0em !important;
	line-height: 1.5em !important;
}
	#homeList li									{margin: 20px 20px 0 0 !important; padding: 0 0 17px 0 !important; clear: left; float: left; width: 282px; background: url(/images/homeListBg.png) repeat-x left bottom;}
	#homeList li.right								{margin: 20px 0 0 0 !important; clear: none;}
	#homeList li.bottom							{padding: 0 !important; background: none !important;}
	#homeList li .imgButton					{margin: 0 20px 0 0; padding: 4px; float: left; width: 72px; height: 72px; overflow: hidden; border: 5px solid #C1BDAD;}
	#homeList li .imgButton:hover			{background: none; border: 5px solid #5B6879;}
	#homeList h3									{margin: 0 0 0 110px; font-size: 1.5em; font-weight: normal;}
 	#homeList h3 a								{border: none;}
 	#homeList h3 a:hover						{color: #adb7c5; background: none; border-bottom: none;}
	#homeList p									{margin: 10px 0 0 110px; font-size: 0.7em; text-indent: 0; font-style: italic;}

.standardList {
	font-size: 0.8em; 
	line-height: 1.8em;
}
	.standardList li						{margin: 12px 0 0 20px; padding: 0 0 0 12px; background: url(/images/liBullet.png) no-repeat left 10px; text-indent: 0;}

#boardList {
	margin: 0;
}
	#boardList li					{display: block; overflow: hidden; margin: 18px 0 0 0; padding: 0 0 4px 0; font-size: 0.8em; background: url(/images/ddBg.png) repeat-x left bottom;}
	#boardList li span			{padding: 0 0 1px 0; font-size: 1.4em; float: left;}
	#boardList li a					{margin: 4px 0 0 0; float: right; padding: 3px 3px 3px 22px; background: url(/images/email.png) no-repeat 2px 2px; border-bottom: none; text-transform: uppercase; font-size: 0.8em; color: #2E2016;}
	#boardList li a:hover		{background: #5B6879 url(/images/emailHover.png) no-repeat 2px 2px; color: #FFFCFA; border-bottom: none !important;}

#donationList {
	float: right;
	width: 164px;
}
	#donationList h3 				{overflow: hidden; width: 164px; display: block; font-weight: normal; text-transform: uppercase;}
	#donationList h3 span			{margin: 1px 0 0 0; padding: 0 0 6px 0; float: left; width: 164px; background: url(/images/homeListBg.png) repeat-x 1px bottom; text-align: center;}
	#donationList ul					{line-height: 1.4em;}
	#donationList ul li				{margin: 10px 0 0 0; padding: 0 0 0 14px; background: url(/images/liBullet.png) no-repeat left 8px; font-size: 0.9em;}

.eventDate {
	margin: 2px 0 0 0;
	padding: 0 0 0 20px; 
	display: block; 
	background: url(/images/calendarIcon.png) no-repeat left 2px; 
	font-size: 0.8em; 
	line-height: 1.4em; 
	font-family: Tahoma, "Arial", sans-serif; 
	color: #a19a7c; 
	text-transform: uppercase; 
	overflow: hidden;
}

.eventDescription {
	text-indent: 0 !important;
}

.eventGallery {
}
	.eventGallery li							{margin: 20px 20px 0 0; float: left;}
	.eventGallery li.end					{margin: 20px 0 0 0;}
	.eventGallery li a						{padding: 4px; width: 69px; height: 69px; display: block; border: 4px solid #C1BDAD !important;}
	.eventGallery li a:hover				{background: none !important; border: 4px solid #5B6879 !important;}
	
#eventList {
	margin: 20px 0 0 0;
}
	#eventList dt a									{margin: 3px 20px 0 0; padding: 4px; float: left; width: 69px; height: 69px; overflow: hidden; border: 5px solid #C1BDAD;}
	#eventList dt a:hover							{background: none; border: 5px solid #5B6879;}
	#eventList dd										{margin: 0 0 14px 107px; padding: 0 0 16px 0;  overflow: hidden; background: url(/images/homeListBg.png) repeat-x left bottom; font-size: 1.3em; font-weight: normal;}
 	#eventList dd a									{border: none;}
 	#eventList dd a:hover							{color: #adb7c5; background: none; border-bottom: none;}
 	#eventList dd span.date						{margin: 4px 0 0 0; padding: 0 0 0 20px; display: block; background: url(/images/calendarIcon.png) no-repeat left 1px; font-size: 0.6em; line-height: 1.4em; font-family: Tahoma, "Arial", sans-serif; color: #a19a7c; text-transform: uppercase; overflow: hidden;}
	#eventList dd p									{margin: 0; display: block; font-size: 0.6em; text-indent: 0; font-family: Tahoma, "Arial", sans-serif;}
	#eventList dd.last								{margin: 0 0 0 107px; padding: 0; background: none;}
	#eventList dd span.more						{display: block; margin: 15px 0 3px 0; text-align: right;}
	#eventList dd span.more a					{padding: 3px 3px 3px 10px; background: url(/images/subNavBg.png) no-repeat 0 4px; border-bottom: 1px dotted #5B6879; text-transform: uppercase; font-size: 0.6em; color: #d2914a;}
	#eventList dd span.more a:hover		{color: #ffffff; background: #5B6879 url(/images/eventListHover.png) no-repeat 0 4px; border-bottom: 1px solid #5B6879;}

.eventPost {
}
	.eventPost span								{margin: 18px 0 0 0; display: block; font-size: 1.3em;}
	.eventPost span	 a							{padding: 0 0 0 12px; background: url(/images/eventListLink.png) no-repeat left 7px; border-bottom: none !important;}
	.eventPost span	 a:hover				{background: url(/images/eventListLinkHover.png) no-repeat left 7px !important; border-bottom: none !important; color: #adb7c5 !important;}
	.eventPost dl									{margin: 0 0 0 12px;}
	.eventPost dl dt								{margin: 18px 0 0 0; text-transform: uppercase; color: #b2ac93;}
	.eventPost dl dd							{margin: 6px 0 0 0; font-size: 0.8em; line-height: 1.8em;}

#jobList {
}
	#jobList li									{margin: 16px 0 0 0; overflow: hidden;}
	#jobList li h3								{margin: 0; font-weight: normal; font-size: 1.5em;}
	#jobList li h3 a								{padding: 0 0 0 16px; background: url(/images/jobListLink.png) no-repeat left 8px; border-bottom: none;}
	#jobList li h3 a:hover					{background: url(/images/jobListLinkHover.png) no-repeat left 8px; border-bottom: none; color: #adb7c5;}
	#jobList li h4								{margin: 4px 0 0 0; display: block; overflow: hidden; background: url(/images/ddBg.png) repeat-x left bottom; text-transform: uppercase; line-height: 1.4em; font-weight: normal;}
	#jobList li h4 span						{margin: -20px 0 0 0; float: right; font-size: 0.7em; color: #b2ac93;}
	#jobList li p									{text-indent: 20px;}
	#jobList li .moreLink					{padding: 3px; float: right; font-size: 0.8em; color: #d2914a;}
	#jobList li .moreLink:hover			{color: #ffffff;}
	
.jobPost {
}
	.jobPost dt									{margin: 18px 0 0 0; text-transform: uppercase; color: #b2ac93;}
	.jobPost dd									{margin: 6px 0 0 0;}
	.jobPost dd.company					{font-size: 1.4em; line-height: 1.4em;}
	.jobPost dd.company a					{padding: 0 0 0 16px; background: url(/images/jobListLink.png) no-repeat left 6px; border-bottom: none !important;}
	.jobPost dd.company a:hover		{background: url(/images/jobListLinkHover.png) no-repeat left 6px !important; color: #adb7c5 !important;}
	.jobPost dd.description					{margin: -10px 0 0 0 !important;}
	.jobPost dd.info							{margin: 6px 0 0 20px !important; display: block; font-size: 0.9em; line-height: 1.4em;}

#mapLink {
	margin: 20px 0 0 0;
	padding: 5px !important;
	float: left;
	border: 5px solid #C1BDAD !important;
}
	#mapLink:hover			{background: none !important; border: 5px solid #5B6879 !important;}
	#mapLink img				{float: left;}

#meetingTime {
	margin: 18px 0 0 0;
	text-indent: 0 !important;
}
	#meetingTime span				{font-size: 1.4em; color: #d2914a;}

#memberFormLink {
	margin: 14px 0 0 -4px;
	padding: 0 0 0 24px;
	float: left;
	min-height: 17px;
	background: url(/images/docIcon.png) no-repeat 4px 1px;
	border-bottom: none !important;
}
			
#officers {
	margin: 0;
}
	#officers dt					{margin: 16px 0 0 0; display: block; font-size: 1.2em;}
	#officers dd					{display: block; overflow: hidden; margin: 4px 0 0 0; padding: 0 0 4px 0; font-size: 0.8em; background: url(/images/ddBg.png) repeat-x left bottom;}
	#officers dd span			{color: #b2ac93; text-transform: uppercase; float: left;}
	#officers dd a				{float: right; padding: 3px 3px 3px 22px; background: url(/images/email.png) no-repeat 2px 2px; border-bottom: none; text-transform: uppercase; font-size: 0.8em; color: #2E2016;}
	#officers dd a:hover	{background: #5B6879 url(/images/emailHover.png) no-repeat 2px 2px; border-bottom: none; color: #FFFCFA;}

.photoTypeList {
}
	.photoTypeList li	{margin: 16px 0 0 0; padding: 0 0 0 20px; background: url(/images/photosIcon.png) no-repeat left top;}
		
#scholarList {
}
	#scholarList dt							{margin: 18px 0 0 0;}
	#scholarList dt a							{margin: 3px auto 0 auto; padding: 4px; display: block; width: 72px; height: 72px; overflow: hidden; border: 5px solid #C1BDAD;}
	#scholarList dt a:hover				{background: none; border: 5px solid #5B6879;}
	#scholarList dd							{margin: 6px auto 0 auto; text-align: center;  font-size: 1.3em; font-weight: normal;}
	#scholarList dd h3						{margin: 0;}
 	#scholarList dd span					{display: block; font-size: 0.6em; line-height: 1.4em; color: #a19a7c; text-transform: uppercase; overflow: hidden;}
	#scholarList dd.last						{margin: 0 0 0 110px; padding: 0; background: none;}
		
.sponsorList {
	width: 164px;
	float: right;
}
	.sponsorList li						{margin: 20px 0 0 0 !important; padding: 0 !important; background: none !important;}
	.sponsorList li a						{padding: 0 !important; border: none; background: none !important;}
	.sponsorList li a:hover			{background: none; border: none;}
	.sponsorList li a img				{padding: 5px; border: 5px solid #C1BDAD; }
	.sponsorList li a:hover img		{background: none; border: 5px solid #5B6879;}
	
.sponsorTag {
	color: #c2baac;
}
						
#termsList {
}
	#termsList dt				{margin: 18px 0 0 0;}
	#termsList dd				{margin: 18px 0 0 0; font-size: 0.8em; line-height: 1.8em; text-indent: 20px;}
	#termsList dd ul			{font-size: 1.0em;}
	
#footer {
	margin: 20px 0 0 0;
	overflow: hidden;
	font-size: 0.75em;
	text-align: center;
	color: #9eaec2;
	line-height: 1.6em;
}
	#footer a							{color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff;}
	#footer a:hover				{background: #5B6879; border-bottom: none;}
	#footer .npLink				{margin: 12px auto; display: block; width: 164px;}
	#footer .npLink				{border-bottom: none;}
	#footer .npLink:hover 		{background: none;}

/* *** Calendar *** */
#calContent {
	width: 100%;
	margin: 20px auto 0 auto;
	font-size: 0.8em;
	border: none;
	background: #F3EFED url(/images/calendarBg.png) repeat-x 1px top;
}
	#calContent a										{display: block; margin: 0 -5px 5px -5px; padding: 0 5px; text-decoration: none; border: none;}
	#calContent a:hover							{background: #FFFCFA; border: none;}
	#calContent th										{padding: 10px 0 20px 0; border: none; color: #2d250e;}
	#calContent td 									{width: 47px; height: 57px; padding: 5px; border: 1px solid #FFFCFA; text-align: left; vertical-align: top;}
	#calContent td.noDate 						{border: none;}
	#calContent td.event							{background: #5B6879;}
	#calContent td.event a							{color: #FBF7E3; font-size: 1.0em !important; line-height: 1.0em;}
	#calContent td.past								{background: #e7dcd6 !important;}
	#calContent td.past a							{color: #2d250e !important;}
	#calContent td.past a:hover					{color: #d2914a !important;}
	#calContent td.eventOver					{background: #d1dff1; cursor: pointer;}
	#calContent td.eventOver a					{color: #2d250e;}
	#calContent td.eventOver a:hover		{color: #d2914a;}
	#calContent td.sat								{border-right: none;}
	#calContent tr.last td							{border-bottom: none; background: url(/images/calendarBg.png) repeat-x 1px bottom;}
	#calContent p										{margin: 0; padding: 0 !important; text-align: center; text-indent: 0 !important;}
	
.cal-head {
	text-align: center;
}

.cal-nav {
	margin: 10px 0 -10px 0;
	overflow: hidden;
	font-size: 0.9em;
}
	.cal-nav .prev {float: left;}
	.cal-nav .next {float: right;}
	
#calendarViewer {
	width: 502px;
	height: 350px;
	padding: 0;
	margin: 0;
}

#overlay {
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 50;
	width: 100%;
	background: url(/images/overlaybg.png) left top;
}