@charset "UTF-8";
/* ============================================================================================== */
/*

	Mitchell Swaback Charities (MSC) - CSS Stylesheet
	Title:		site.css
	Media:		Screen
	Author:		Stephen J. Withington, Jr. (steve [at] ignition-studio [dot] com)
	Version:	20091006.01
	Notes:
				extra-dark-brown: 	#25251D;	(right column links)
				dark-brown: 		#544B39;	(headings, some link effects)
				light-brown:		#7A6C4F;	(footer background)
				light-tan:			#D9C394;	(footer headings)
				blue:				#62899A;	(repeating area of content body)
				burnt-orange:		#C55308;	(default link)

*/
/* ============================================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, form, fieldset, label, legend, ol, ul, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/* hack to generate vertical slider in Firefox, & Safari doesn't work in Opera */
/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 1.2;*/
	color: #25251D;
	background-color: #544B39;
	text-align: center;
}

blockquote, q { padding: 0 4em 1em 4em; quotes: none; font-style: italic; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote div cite { font-style: italic; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
ins { color: #dddddd; }
del { text-decoration: line-through; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font-size: 1em; font-family: 'andale mono', 'lucida console', monospace; line-height: 1.5; }
a img { border: none; }
/* ============================================================================================== */
/*		GLOBAL LINK EFFECTS			*/
/* ============================================================================================== */
a, a:link, a:visited {
	color: #C55308;
	font-weight: bold;
	text-decoration: none;
}
a:hover
, a:focus
, a:active
, a.current
, a.current:hover
, a.current:visited
, a.current:active
, a.current:focus {
	color: #544B39;
}

/* ============================================================================================== */
/*		GLOBAL PARAGRAPH and HEADING EFFECTS			*/
/* ============================================================================================== */
p {
	padding: 0 0 12px 0;
	color: #25251D;
}
h1 {
	clear: both;
	color: #544B39;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 0 0 8px 0;
}
h2 {
	color: #544B39;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 8px 0;
}

h1.larger
, h1.extraLarge
, h2.larger
, h2.extraLarge
, h2.pageTitle {
	font-family: "Times New Roman", Times, serif;
}
h3, fieldset legend {
	color: #544B39;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 8px 0;
}
h4, h5, h6 {
	color: #544B39;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 0;
}
/* ============================================================================================== */
/*		GLOBAL UNORDERED and ORDERED LIST ITEMS		*/
/* ============================================================================================== */
ul {
	padding-left: 20px;
}
ol {
	padding-left: 24px;
}
li {
	padding-bottom: 6px;
}
li.first {
	padding-left: 0;
}
/* ============================================================================================== */
/*		GLOBAL FORM FIELDS		*/
/* ============================================================================================== */
select, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/* ============================================================================================== */
/*		GLOBAL CLASSES		*/
/* ============================================================================================== */
.linkHeader a {
	font-size: 12px;
	font-weight: bold;
	color: #544B39;
}
.linkHeader a:hover {
	color: #999999;
	text-decoration: underline;
}
.fltrt { 
	float: right;
	margin-left: 5px;
}
.fltlft { 
	float: left;
	margin-right: 5px;
}
.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.red {
	color: #990000;
}
.green {
	color: #006600;
}
.smalltxt {
	font-size: 90%;
}
.morespace {
	padding: 5px;
}
.altTableRow
, tr.altTableRow td {
	background-color: #C8BBDB; /* #C8BBDB #F3F3F3 */
}
.tableHeader
, tr.tableHeader td {
	background-color: #F8F8F8;
	font-weight: bold;
	text-align: center;
}
.larger {
	font-size: 2em;
}
.extraLarge, .pageTitle {
	font-size: 3em;
}
.debug {
	margin: 2em; 
	padding: 2em; 
	border: 1px dashed red; 
	background-color: #FFFFCC; 
	clear: both; 
	display: block;
}

/* ============================================================================================== */
/*		DIV LAYER PROPERTIES		*/
/* ============================================================================================== */
#outerContainer {
	width: 970px;
	text-align: left;
	margin: 0 auto;
	top: auto;
	padding: 0px;
	background-color: #FFFFFF;
}
#innerContainer {
	clear: both;
	float: left;
	width: 970px;
	padding: 0;
	margin: 0;
	background-color: #7A6C4F; /* footer background */
}
/* ============================================================================================== */
/*		CONTENT		*/
/* ============================================================================================== */
#contentOuterWrapper {
	clear: both;
	float: left;
	width: 970px;
	padding: 0;
	margin: 0;
	background: url(../images/layout/bg_repeat.jpg) repeat-y;
}
/* header */
#contentTopWrapper {
	clear: both;
	float: left;
	width: 970px;
	padding: 0;
	margin: 0;
	background: url(../images/layout/bg_content_top.jpg) no-repeat;
}
#logo {
	clear: both;
	float: left;
	width: 970px;
	height: 170px;
	padding: 0;
	margin: 0;
}
#logo img.logo {
	clear: both;
	float: left;
	width: 300px;
	margin: 0 0 0 82px;
}
#printHeader {
	display: none;
}


/* ============================================================================================== */
/*		BODY		*/
/* ============================================================================================== */
#contentBodyWrapper {
	clear: both;
	float: left;
	width: 970px;
	padding: 0;
	margin: 0;
}
#contentBodyMain {
	float: left;
	width: 530px;
	padding: 0 10px 0 95px;
	clear: left;
}
#contentBodyMain h2 a, #contentBodyMain h2 a:link {
	font-size: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}
/* CONTENT RIGHT COLUMN ******************************/
#contentRightWrapper {
	float: right;
	width: 300px;
	padding: 10px;
}
#contentRightWrapper a, #contentRightWrapper a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #25251D;
}
#contentRightWrapper a:hover, #contentRightWrapper a:focus {
	/*color: #544B39;*/
	color: #ffffff;
}
.rightBoxWrapper {
	clear: both;
	display: block;
	padding: 5px 0px;
	float: left;
	width: 300px;
	border-bottom: 1px dashed #25251D;
	margin: 0px;
}
.rightBoxTitle {
	clear: both;
	display: block;
	color: #ffffff;
	float: left;
	width: 270px;
}
.rightBoxTitle h1, .rightBoxTitle h2, .rightBoxTitle h3 {
	color: #ffffff;
}
.rightBoxTitle a, .rightBoxTitle a:link {
	font-size: 0.5em;
}
/* wrapper for box items */
.rightBoxItem {
	clear: both;
	display: block;
	float: left;
	width: 270px;
	padding: 0 0 15px 0;
}
.rightBoxImage {
	float: left;
	width: 85px;
	padding: 0;
	margin: 0;
}
.rightBoxContent {
	float: right;
	width: 170px;
	padding: 0;
	color: #ffffff;
}
.rightBoxContent h1, .rightBoxContent h2, .rightBoxContent h3{
	color: #ffffff;
	font-size: 1.5em;
	padding: 0;
}
.rightBoxContent p, .rightBoxContent a, .rightBoxContent a:link {
	color: #ffffff;
}
.rightBoxContent a:hover, .rightBoxContent a:focus {
	color: #544B39;
}


/* CONTENT BOTTOM ************************************/
#contentBottomWrapper {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/layout/bg_content_bottom.jpg) no-repeat;
	width: 970px;
	height: 130px;
	overflow: auto;
	color: #ffffff;
}
#contentBottom {
	padding: 58px 0 0 165px;
	color: #ffffff;
	float: left;
	width: 460px;
}

#contentBottom ul a {
	padding: 0 12px;
	color: #FFFFFF;
}
#contentBottom a:hover
, #contentBottom a:focus
, #contentBottom a.current {
	color: #25251D;
}
#contentBottom ul {
	padding: 0;
}
#contentBottom ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
	border-right: 1px solid #ffffff;
}
#contentBottom ul li.last {
	border-right: none;
}

/* ============================================================================================== */
/*		TOPNAV		*/
/* ============================================================================================== */
#topNavWrapper {
	clear: both;
	float: left;
	width: 600px;
	padding: 10px 10px 30px 92px;
}
#topNav {
	clear: both;
	float: left;
	padding: 0;
	width: 555px;
	text-transform: uppercase;
}
#topNav ul a {
	padding: 15px 8px;
	color: #FFFFFF;
}
#topNav a:hover
, #topNav a:focus
, #topNav a.current {
	/*color: #62899A;*/
	color: #C55308;
}
#topNav ul {
	padding: 0;
}
#topNav ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
	border-right: 1px solid #ffffff;
}
#topNav ul li.last {
	border-right: none;
}

/* ============================================================================================== */
/*		BREADCRUMBS		*/
/* ============================================================================================== */
#breadcrumbsWrapper {
	clear: both;
	float: left;
	width: 786px;
	padding: 0 92px 0 92px;
}
#breadcrumbs {
	clear: both;
	float: left;
	padding: 0;
	width: 535px;
	/*font-size: 0.8em;*/
}
#breadcrumbs ul a {
	padding: 2px;
}
#breadcrumbs a:hover
, #breadcrumbs a.current {
	/*text-decoration: underline;*/
}
#breadcrumbs ul {
	padding: 0;
}
#breadcrumbs ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
}
#breadcrumbs ul li.last {
}


/* ============================================================================================== */
/*		SUBNAV			*/
/* ============================================================================================== */
#subNav {
	float: left;
	width: 300px;
	padding: 0 0 15px 0;
	clear: both;
	display: block;
}
#subNav p {
	padding: 0 0 5px 0;
}
#subNav a
, #subNav a:link
, #subNav ul.navSecondary  a
, #subNav ul.navSecondary  a:link {
	display: block;
	padding: 3px 10px 3px 0;
	color: #ffffff;
}
#subNav a:hover
, #subNav a.current
, #subNav ul.navSecondary a:hover
, #subNav ul.navSecondary a.current {
	padding: 3px 10px 3px 0;
	color: #544B39;
}
#subNav ul
, #subNav ul.navSecondary {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subNav a.heading
, #subNav h3 a:link
, #subNav h3 a {
	/*border-bottom: 1px dashed #ffffff;*/
	border-bottom: none;
	color: #ffffff;
	font-size: 2em;
	padding: 10px 10px 5px 0;
	font-family: "Times New Roman", Times, serif;
}
#subNav a.heading:hover
, #subNav h3 a:hover
, #subNav h3 a:focus {
	background: none;
	padding: 10px 10px 5px 0;
	font-size: 2em;
}
#subNav ul li
, #subNav ul.navSecondary li {
	padding: 2px 0;
	font-size: 1.2em;
}
#subNav ul ul li
, #subNav ul.navSecondary ul li {
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

/* ============================================================================================== */
/*		FOOTER		*/
/* ============================================================================================== */
#footerOuterWrapper {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #7A6C4F;
	width: 970px;
	color: #ffffff;
}
#footerInnerWrapper {
	clear: both;
	float: left;
	width: 786px;
	padding: 5px 92px;
	background: url(../images/layout/bg_footer_top.jpg) no-repeat;
}
#footerBody {
	clear: both;
	float: left;
	width: 786px;
	padding: 40px 0 0 0;
}
#footerBody h1
, #footerBody h2
, #footerBody h3
, #footerBody h4
, #footerBody h5
, #footerBody h6 {
	color: #D9C394;
}
.footerColumn {
	float: left;
	width: 175px;
	padding: 0 21px 0 0;
}
.footerColumn a
, .footerColumn a:link
, .footerColumn a:visited {
	color: #ffffff;
	display: block;
	/*width: 150px;*/
}
/* footer-list */
.footerColumn ul {
	list-style: none;	
	padding: 0;	
	border-top: 1px solid #544B39; 
}
.footerColumn ul li { 
	border-bottom: 1px solid #544B39;
	padding: 0;
}
.footerColumn ul li a {
	display: block;
	padding: 10px 0;
	border: none; 	
	color: #ffffff;
}
.footerColumn ul li .facebook {
	background: url(../images/layout/facebook_16.gif) no-repeat 0 center;
	padding-left: 21px;
}
.footerColumn ul li .twitter {
	background: url(../images/layout/twitter_16.gif) no-repeat 0 center;
	padding-left: 21px;
}
.footerColumn a:hover,
.footerColumn ul li a:hover,
.footerColumn ul li a:hover span {
	/*color: #D9C394;	*/
	color: #25251D;
}
#copyright {
	clear: both;
	float: left;
	width: 786px;
	padding: 5px 92px;
	margin: 0;
	background-color: #544B39;
	color: #ffffff;
}
#copyright p {
	color: white;
}
/* ============================================================================================== */
/*		SITE MAP		*/
/* ============================================================================================== */
#svSiteMap a
, #svSiteMap li.home a {
	display: block;
	padding: 3px 0;
	border-top: 1px dashed #999999;
}
#svSiteMap a:hover {
	background: #F3F3F3;
}
#svSiteMap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#svSiteMap ul li {
	padding: 0;
	margin: 0;
}
#svSiteMap ul ul li {
	padding: 0 0 0 20px;
}


#edevoform {
	clear: both;
	display: block;
	padding: 0;
	margin: 0;
	/*border: 1px dashed #C55308;*/
}
#edevoform p {
	float: left;
	width: 240px;
}
#edevoform p#edevosubmit {
	clear: both;
	display: block;
}
#sponsorList {
	border-top: 1px dashed #666; 
	clear: both; 
	display: block; 
	padding: 10px 0;
}
#sponsorList h3 {
	font-size: 1.5em;
}
/* ============================================================================================== */
/*		ADMINISTRATOR		*/
/* ============================================================================================== */
#eventAdminWrapper {
	top: 50px;
	left: 0;
	position: fixed;
	/* bottom: 0; */
	overflow: auto;
	z-index: 1000;
}
#eventAdminWrapper button {
	margin: 1em;
}

/*#eventAdminWrapper button {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	background: none;
	border: none;
	padding: 1em;
	color: #FFFFFF;
}*/
#eventAdmin {	
	padding: 10px;
	margin: 10px;
	border: 1px dashed #FF0000;
	background-color: #FFFFCC;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-khtml-opacity: 0.75;
}


/* ============================================================================================== */
/*		CUSTOM MURA SPECIFIC STUFF		*/
/* ============================================================================================== */
label {
	color: #000;
	display: block;
	font-weight: bold;
	margin: 8px 0 5px;
}
textarea {
	width: 400px;
	padding: 5px;
	height: 100px;
}
div.svCalendar {
	clear: both;
	display: block;
	padding:  10px;
	margin: 10px;
	border: 1px solid #C55308;
}
#svCalendarNav a, #svCalendarNav a:link, #svCalendarNav a:visited {
	/*background-color: #C55308;*/
	color: #ffffff;
}
#svCalendarNav a:hover, #svCalendarNav a:focus {
	color: #C55308;
}

/* ============================================================================================== */
/*		CUSTOM NEWS FEED / PORTAL	*/
/* ============================================================================================== */
#svPortal dl {
	border-top: 1px dashed #666666;
	padding: 1em 0;
	margin: 0;
}
/*#svPortal dl dt {
	font-size: 1.5em;
}*/
#svPortal .readMore {
	display: none;
}

.svIndex {
	margin: 1em 0;
}
.svIndex dt.title {
	/*clear: left;*/
	clear: both;
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 1.5em;
}
.svIndex dt.pubDate {
	clear: both;
	display: block;
	/*font-size: 0.8em;*/
	font-style: italic;
	width: 100px;
	padding: 0;
}
.svIndex dd.image {
	float: left;
	clear: left;
	padding: 0 1em 1em 0;
	width: 85px;
	height: 85px;
}
.svIndex dd.summary {
	clear: both;
	display: block;
	padding: 1em 0;
}
.svIndex dd.continuelink {
	float: left;
	width: 120px;
	clear: left;
	padding: 5px 0;
}
.svIndex dd.commentslink {
	float: right;
	width: 110px;
	padding: 3px 10px;
	text-align: right;
}
.svIndex dd.commentcountlink {
	background: url(../images/layout/comments.png) no-repeat scroll;
	padding: 3px 0 !important;
	font-size: 1.3em;
	width: 40px;
	height: 37px;
	float: right;
	text-align: center;
	overflow: hidden;
}
.svIndex dd.commentcountlink a, .svIndex dd.commentcountlink a:link {
	padding: 2px 10px;
}
.svIndex dl.moreResults dt {
	font-style: italic;
}
.svIndex dl.clearfix, .svIndex dl.moreResults {
	clear: both;
	display: block;
}

/* COMMENTS */
#svComments {
	border-top: 1px dashed #666666;
	padding: 10px 0;
	clear: both;
	display: block;
}
#svComments dd.comment p {
	padding: 0 0 5px 0;
}
#svComments dd.name {
	color: #666666;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
}
#svComments dd.dateTime {
	font-style: italic;
}
#svComments dl {
	clear: both;
	display: block;
	padding: 1em;
	border: 1px solid #999999;
}
#svComments dl.last {
	border: 1px solid #999999;
}
#postCommentForm {
	/*padding: 20px;
	border: 1px dashed #666666;
	background-color: #FFFFCC;*/
}
a#svAsset {
	float: left;
	padding: 0 1em 1em 0;
	margin: 0;
}
#sponsorList .sponsor {
	padding: 0 0 1em 0;
}