/* 
Title:		Master styles for screen media

colors:
#533930 - brown
#c4006b - pink
#e4a014 - gold
#009bdf - blue
*/

html {
	background: #533930 url(/images/bgRepeat.jpg) repeat-x top left;
	}
body {
	font-family: Helvetica, Arial, sans-serif;
	/*color: #533930;*/
	font-size: 12px;

	}

/* links */

a:link, a:visited {
	color: #c4006b;
	outline: none;
	text-decoration:none;
	}
a:hover {
	color: #c4006b;
	text-decoration:underline;
	}

/* page structure 
--------------------------------------------- */

.wrap {
	background:url(/images/waterColorBg.png) no-repeat 50% 76px;
	}
.wrapInner {
	width: 972px;
	margin: 0 auto;
	padding:0;
	}
.wrapPage {
	float:left;
	width:972px;
	background:url(/images/pageRepeat.png) repeat-y 0 0;
}
.leftColumn {
	float:left;
	width:160px;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	background:url(/images/leftNavTop.png) no-repeat 0 0;
}
.rightColumn {
	float:right;
	width:812px;
}
.wrapContent {
	float:left;
	padding:0 40px;
	width:730px;
}
.mainColumn {
	float:left;
	width:100%;
	padding:0 0 10px 0;
}
.twoColumns .mainColumn {
	width:420px;
}
.inside .rightColumn {
	padding-top:20px;
}
.sideColumn {
	float:right;
	width:260px;
}
.footer {
	background:url(/images/footerBg.png) no-repeat;
	clear:both;
	width: 972px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	font-size: 11px;
	color:#fff;
	}
	
/* header 
--------------------------------------------- */

.header {
	width:972px;
	height:140px;
	position:relative;
	}
.logo {
	position: absolute;
	top: 6px;
	left: 27px;
	width: 305px;
	height: 110px;
	}
.logo h1 {
	}
.logo a {
	display: block;
	width:335px;
	height:105px;
	text-indent:-9999px;
	}

/* utilityNav */

.utilityNav {
	float: right;
	margin: 27px 2px 0 0;
	}
.utilityNav li {
	float:left;
	width:145px;
	height:37px;
	background-repeat:no-repeat;
	margin-left:15px;
}
li.btnOne a {
	background-image:url(/images/utilityNav.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
li.btnOne a:hover {
	background-position:0 -37px;
}
li.btnTwo a {
	background-image:url(/images/utilityNav.png);
	background-position:-145px 0;
	background-repeat:no-repeat;
}
li.btnTwo a:hover {
	background-position:-145px -37px;
}
li.btnThree a {
	background-image:url(/images/utilityNav.png);
	background-position:-290px 0;
	background-repeat:no-repeat;
}
li.btnThree a:hover {
	background-position:-290px -37px;
}
.utilityNav li a {
	display: block;
	width:145px;
	height:37px;
	text-indent:-9999px;
	}
/* loginTab */

.loginTab {
	position:absolute;
	right:45px;
	bottom:0;
	width:75px;
	height:20px;
}
.loginTab a {
	display:block;
	width:75px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url(/images/loginTabBg.png);
	background-position:0 0;
	text-indent:-9999px;
}
.loginTab a:hover {
	background-position:0 -20px;
}


/* left nav
--------------------------------------------- */
.nav {
	/*display:none; turn on to make edits in dreamweaver easier */
	width:140px;
	padding:8px 10px 10px 10px;
	margin:0 0 30px 0;
	float:left;
	font:13px Georgia, "Times New Roman", Times, serif;
	background:url(/images/leftNavBottom.png) no-repeat 0 bottom;
}
.nav a:link, .nav a:active, .nav a:visited {color:#fff; text-decoration:none;}
.nav a:hover {text-decoration:underline;}
.navLevelOne { 
	cursor: hand;
	cursor: pointer;
	margin: 12px 0;
}
.navLevelOne li a {
	color:#fff;
}
.navLevelTwo {
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:-5px 0 6px 0;
	padding:0;
	list-style:none;
}
.navLevelTwo li.first {
}
.navLevelTwo li {
	float:left;
	margin:0;
	padding:0;
}
.navLevelTwo li a {
	float:left;
	display:block;
	width:116px;
	margin:0;
	padding:6px 0 6px 4px;
}
.navLevelTwo li a:link, .navLevelTwo li a:visited, .navLevelTwo li a:active {
	color:#fea302;
	text-decoration:none;
}
.navLevelTwo li a:hover {
	text-decoration:underline;
}

.navOpen, .navOpen a {
	color: #fff;
}

.navClosed, .navClosed a {
	color: #fff;
}

/* main styles 
--------------------------------------------- */
/* home banner */
.homeBanner {
	background:url(/images/homeBannerBg.jpg) no-repeat;
	position:relative;
	width:100%;
	height:300px;
	margin-bottom:10px;
}
.homeBanner h2 {
	position:absolute;
	left:70px;
	top:62px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#533930;
	font-size:23px;
	font-weight:normal;
	font-style:italic;
	width:360px;
}
.homeBanner .copy {
	position:absolute;
	left:70px;
	top:155px;
	font-family:Arial, Helvetica, sans-serif;
	color:#533930;
	font-size:12px;
	font-weight:normal;
	width:340px;
}
.homeBanner .copy p {
	margin-bottom:5px;
}

.homeBanner .image {
	position:absolute;
	right:42px;
	bottom:40px;
	width:340px;
	height:250px;
}
/* containers */

.container {
	overflow:hidden;
	margin:0 0 15px 0;

}
.sideColumn .container {
	background:#f2f2f1 url(/images/sideColumnBg.jpg) no-repeat;
}

/* headings and paragraphs */
.inside .rightColumn h2 {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#533930;
	margin:0 0 35px 0;
	padding:6px 0 6px 60px;
	font-weight:normal;
	font-style:italic;
	background:url(/images/contentTitleBg.jpg) repeat-y;
}

.mainColumn h3 {
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#533930;
	margin:0 0 15px 0;
	font-weight:normal;
	font-style:italic;
}
.mainColumn p {
	margin:0 0 10px 0;
}
.sideColumn .container {
	padding:15px 0 0 0;
}
.sideColumn .container h3 {
	font-size:19px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	margin:0 0 15px 0;
	padding:5px 0 5px 30px;
	width:230px;
	font-weight:normal;
	font-style:italic;
}
.sideColumn .eventsTease h3 {
	background-image:url(/images/sideColumnHead1.png)
}
.sideColumn .newsTease h3 {
	background-image:url(/images/sideColumnHead2.png)
}
.sideColumn dl {
	padding:0 0 15px 30px;
	width:200px;
}
.sideColumn dt {
	color:#533930;
	font-weight:bold;
	padding:0 0 10px 0;
}
.sideColumn dt a {
	color:#533930;
	text-decoration:none;
}
.sideColumn dd {
	font-weight:bold;
}
.eventsTease dd, .eventsTease dd a {
	color:#c4006b;
	text-decoration:none;
}
.newsTease dd, .newsTease dd a {
	color:#009bdf;
	text-decoration:none;
}
.sideColumn dl a:hover {
	text-decoration:underline;
}
/* secondary styles 
--------------------------------------------- */
.mainColumn ul {
	list-style:disc;
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}
.mainColumn ol {
	list-style:decimal;
	margin:0 0 15px 0;
	padding:0 0 0 20px;
}
.address, .phone {
	font-size:11px;
	color:#fff;
	padding:0 0 15px 10px;
	line-height:1.5em;
}
.address p, .phone p {
	margin:0;
}
.photo.floatRight {
	padding:0 0 5px 10px;
}
.photo.floatLeft {
	padding:0 10px 5px 0;
}
.photo .caption {
	font-style:italic;
	color:#d76511;
}
.photoAlbumWrap dl {
	float:left;
	width:140px;
	margin:10px 0px 0 0;
	text-align:center;
/*	background-color:yellow;*/
}

.photoAlbumWrap dd input {
max-width:125px;
width: expression(this.width > 126 ? 125: true);
/*height:110px;
border:1px solid #e0dfdf;
padding:5px*/
}



.photosWrap ul {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.photosWrap li {
	float:left;
	width:125px;
	margin:0;
}
.photosWrap li {
	float:left;
	width:125px;
	margin:0;
}
.photosWrap li a img {
	max-width:100px;
}
.donationWrapper ul{
	display:inline;
}

.donationButtons li{
	list-style-type:none;
	float:left;
	width:203px;
	height:55px;
	margin:0px;
}

.donationButtons ul li{
	display:block;
	list-style-type:none;
}
.donationButtons li a{
	display:block;
	width:203px;
	height:55px;
	text-indent:-9999px;
	margin:0px;
}

li.btnRecurring a{
	background-image:url(images/recurring_donation.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
li.btnRecurring a:hover {
	background-position:0 -53px;
}
li.btnSingle a{
	background-image:url(images/single_donation.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
li.btnSingle a:hover {
	background-position:0 -53px;
}
.eventName {
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	color:#533930;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:10px 0 0 0;
}
.eventName a {
	color:#533930;
}
.eventNameDetail {
	font-weight:normal;
	font-style:italic;
	font-size:20px;
	color:#533930;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px 0;
}
.eventLink {
	margin: 0 0 10px 0;
}
.eventLinkDetail {
	font-weight:bold;
}
.eventLocation {
	font-weight:bold;
}

.newsdetailWrap h1 {
	font-style:italic;
	font-size:24px;
	color:#533930;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px 0;
}
	


/* footer 
--------------------------------------------- */

.footer ul {
	float:left;
	width:500px;
	margin:0 0 5px 160px;
	padding:0;
	}
.footer li {
	float:left;
	padding:0 0 5px 0;
}
.footer li.first {
	clear:both;
}
.footer li.first a {
	border:none;
	padding-left:0;
}
.footer li a {
	border-left:1px solid #e4a014;
	padding:0 6px 0 5px;
}
.footer a {
	color:#e4a014;
	text-decoration:none;
	white-space:nowrap;
	}
.footer a:link, .footer a:visited, .footer a:active {color:#e4a014; text-decoration: none; }
.footer a:hover   {color:#e4a014; text-decoration: underline; }

.footer .spindustry {
	float:right;
	font-size:11px;
	padding:0 0 0 0;
	}
/* form items
--------------------------------------------- */

/* a link buttons */

a.linkButton1 {
    background: transparent url('/images/buttonRight.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
    margin-right: 0;
	height:18px;
    padding-right: 5px;
    text-decoration: none;
	:-moz-any-link:focus;
	outline: none;
	}
a.linkButton1 span {
    background: transparent url('/images/buttonLeft.gif') no-repeat;
	text-align:center;
    display: block;
    line-height: 10px;
    padding: 4px 2px 4px 7px;/*vertical padding (2px + 3px) and line-height (15px) must equal height of the button above(20px)*/
	white-space:nowrap;
	}
a.linkButton1 span img {
	float:left;
	border:0;
	padding:0 4px 0 0;
	margin:0;
}
a.linkButton1:active, a.linkButton1:hover {
	color: #fff;
    background-position: bottom right;
	text-decoration:none;
	}

a.linkButton1:active span, a.linkButton1:hover span {
	color: #fff;
    background-position: bottom left;
	text-decoration:none;
	} 
	
/* misc. 
--------------------------------------------- */

.hide {	display: none;}
a img {	border: none;}
.clearMe { clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}
.photoRight {float:right; padding:0 0 15px 15px}
.photoLeft {float:left; padding:0 15px 15px 0}