/* -----------------------------------------------------------------------
	BP 0.7.1
-----------------------------------------------------------------------
@import url("reset.css");
@import url("grid.css");
@import url("typography.css");
@import url("layout.css");
@import url("nav.css");
@import url("forms.css");

-------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: top;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}
/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
	width: 950px;
	margin: 0 auto;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
	background: url(../css/grid.png);
}
/* Body margin for a sensile default look. */
body {
	margin:0;
}
/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
	float: left;
	margin-right: 10px;
}
/* Sets up basic grid floating and margin. */
div.bleed-1, div.bleed-2, div.bleed-3, div.bleed-4, div.bleed-5, div.bleed-6, div.bleed-7, div.bleed-8, div.bleed-9, div.bleed-10, div.bleed-11, div.bleed-12, div.bleed-13, div.bleed-14, div.bleed-15, div.bleed-16, div.bleed-17, div.bleed-18, div.bleed-19, div.bleed-20, div.bleed-21, div.bleed-22, div.bleed-23, div.bleed-24 {
	float: left;
	margin-right:0;
}
/* The last column in a row needs this class. */
div.last {
	margin-right: 0;
}
/* Use these classes to set the width of a column. */
.span-1 {
	width: 30px;
}
.span-2 {
	width: 70px;
}
.span-3 {
	width: 110px;
}
.span-4 {
	width: 150px;
}
.span-5 {
	width: 190px;
}
.span-6 {
	width: 230px;
}
.span-7 {
	width: 270px;
}
.span-8 {
	width: 310px;
}
.span-9 {
	width: 350px;
}
.span-10 {
	width: 390px;
}
.span-11 {
	width: 430px;
}
.span-12 {
	width: 470px;
}
.span-13 {
	width: 510px;
}
.span-14 {
	width: 550px;
}
.span-15 {
	width: 590px;
}
.span-16 {
	width: 630px;
}
.span-17 {
	width: 670px;
}
.span-18 {
	width: 710px;
}
.span-19 {
	width: 750px;
}
.span-20 {
	width: 790px;
}
.span-21 {
	width: 830px;
}
.span-22 {
	width: 870px;
}
.span-23 {
	width: 910px;
}
.span-24, div.span-24 {
	width: 950px;
	margin: 0;
}
/* Use these classes to set the width of a column that does no bleed */
.bleed-1 {
	width: 40px;
}
.bleed-2 {
	width: 80px;
}
.bleed-3 {
	width: 120px;
}
.bleed-4 {
	width: 160px;
}
.bleed-5 {
	width: 200px;
}
.bleed-6 {
	width: 240px;
}
.bleed-7 {
	width: 280px;
}
.bleed-8 {
	width: 320px;
}
.bleed-9 {
	width: 360px;
}
.bleed-10 {
	width: 400px;
}
.bleed-11 {
	width: 440px;
}
.bleed-12 {
	width: 480px;
}
.bleed-13 {
	width: 520px;
}
.bleed-14 {
	width: 560px;
}
.bleed-15 {
	width: 600px;
}
.bleed-16 {
	width: 640px;
}
.bleed-17 {
	width: 680px;
}
.bleed-18 {
	width: 720px;
}
.bleed-19 {
	width: 760px;
}
.bleed-20 {
	width: 800px;
}
.bleed-21 {
	width: 840px;
}
.bleed-22 {
	width: 880px;
}
.bleed-23 {
	width: 920px;
}
.bleed-24, div.bleed-24 {
	width: 950px;
	margin: 0;
}
/* Add these to a column to append empty cols. */
.append-1 {
	padding-right: 40px;
}
.append-2 {
	padding-right: 80px;
}
.append-3 {
	padding-right: 120px;
}
.append-4 {
	padding-right: 160px;
}
.append-5 {
	padding-right: 200px;
}
.append-6 {
	padding-right: 240px;
}
.append-7 {
	padding-right: 280px;
}
.append-8 {
	padding-right: 320px;
}
.append-9 {
	padding-right: 360px;
}
.append-10 {
	padding-right: 400px;
}
.append-11 {
	padding-right: 440px;
}
.append-12 {
	padding-right: 480px;
}
.append-13 {
	padding-right: 520px;
}
.append-14 {
	padding-right: 560px;
}
.append-15 {
	padding-right: 600px;
}
.append-16 {
	padding-right: 640px;
}
.append-17 {
	padding-right: 680px;
}
.append-18 {
	padding-right: 720px;
}
.append-19 {
	padding-right: 760px;
}
.append-20 {
	padding-right: 800px;
}
.append-21 {
	padding-right: 840px;
}
.append-22 {
	padding-right: 880px;
}
.append-23 {
	padding-right: 920px;
}
/* Add these to a column to prepend empty cols. */
.prepend-1 {
	padding-left: 40px;
}
.prepend-2 {
	padding-left: 80px;
}
.prepend-3 {
	padding-left: 120px;
}
.prepend-4 {
	padding-left: 160px;
}
.prepend-5 {
	padding-left: 200px;
}
.prepend-6 {
	padding-left: 240px;
}
.prepend-7 {
	padding-left: 280px;
}
.prepend-8 {
	padding-left: 320px;
}
.prepend-9 {
	padding-left: 360px;
}
.prepend-10 {
	padding-left: 400px;
}
.prepend-11 {
	padding-left: 440px;
}
.prepend-12 {
	padding-left: 480px;
}
.prepend-13 {
	padding-left: 520px;
}
.prepend-14 {
	padding-left: 560px;
}
.prepend-15 {
	padding-left: 600px;
}
.prepend-16 {
	padding-left: 640px;
}
.prepend-17 {
	padding-left: 680px;
}
.prepend-18 {
	padding-left: 720px;
}
.prepend-19 {
	padding-left: 760px;
}
.prepend-20 {
	padding-left: 800px;
}
.prepend-21 {
	padding-left: 840px;
}
.prepend-22 {
	padding-left: 880px;
}
.prepend-23 {
	padding-left: 920px;
}
/* Border on right hand side of a column. */
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 {
	margin-left: -40px;
}
.pull-2 {
	margin-left: -80px;
}
.pull-3 {
	margin-left: -120px;
}
.pull-4 {
	margin-left: -160px;
}
.pull-5 {
	margin-left: -200px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-5 {
	float:left;
	position:relative;
}
.push-1 {
	margin: 0 -40px 1.5em 40px;
}
.push-2 {
	margin: 0 -80px 1.5em 80px;
}
.push-3 {
	margin: 0 -120px 1.5em 120px;
}
.push-4 {
	margin: 0 -160px 1.5em 160px;
}
.push-5 {
	margin: 0 -200px 1.5em 200px;
}
.push-0, .push-1, .push-2, .push-3, .push-4, .push-5 {
	float: right;
	position:relative;
}
/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box {
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .container {
	display: inline-block;
}
* html .clearfix, * html .container {
	height: 1%;
}
.clearfix, .container {
	display: block;
}
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear:both;
}
.adios {
	display:none;
}
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 75%;
	color: #222;
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #111;
}
h1 {
	color:#636563;
	font-size:2.2em;
	font-weight:bold;
	line-height: 1;
	margin-bottom: 0.4em;
}
h2 {
	font-size: 2em;
	margin-bottom: 0.75em;
}
h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	color:#ef304a;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	margin-bottom:.3em;
}
h5 {
	font-size: 1.5em;
	font-weight: bold;
	margin:0 0 .3em;
	color:#636563;
}
h6 {
	font-size: 1em;
	font-weight: bold;
	margin-top:2em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/* Text elements
-------------------------------------------------------------- */

p {
	margin: 0 0 1.5em;
}
p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
	color: #000;
}
a {
	color:#F76173;
	text-decoration:none;
}
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
del {
	color:#666;
}
pre, code {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */

li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */

table {
	margin-bottom: 1.4em;
	width:100%;
}
th {
	font-weight: bold;
	background: #C3D9FF;
}
th, td {
	padding: 4px 10px 4px 5px;
}
tr.even td {
	background: #E5ECF9;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */

.small, small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large, big {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color: #fff;
}
.removed {
	background:#900;
	color: #fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
/* XStandard classes
-------------------------------------------------------------- */

#ctl00_ContentPlaceHolderContent_ContentUC1_pnlEdit {
	margin-bottom:20px;
	position:relative !important;
	background:none !important;
}
.xCancel {
	float:right;
	margin-right:10px;
	font-size:.9em;
	font-weight:bold;
	border-left:1px solid #5c5c5c;
	border-bottom:0 !important;
	border-top:0 !important;
	border-right:0 !important;
	background:none !important;
	color:#F7415A !important;
}
.xCancel:hover {
	text-decoration:underline !important;
}
.subStandard {
	float:right;
}
.subStandard a {
	color:#F7415A !important;
	font-size:.9em !important;
	padding-right:10px;
	padding-left:25px;
	background:url(../images/styleBG.gif) no-repeat;
}
.subStandard a:hover {
	background:url(../images/styleHV.gif) no-repeat;
	color:#5c5c5c !important;
}
#StyleMargins {
	margin:0 10px;
	clear:both;
}
#StyleGuideList ul {
	margin:20px 0 0 10px;
}
#StyleGuideList li {
	float:left;
	list-style:none;
	margin-right:15px;
}
#StyleGuideList a {
	text-decoration:none;
	color:#F7415A;
}
#SpecialCharacters {
	clear:both;
	width:350px;
	margin-top:20px;
	margin-left:18px;
}
#SpecialCharacters tr th.head {
	background:#ccc;
	padding:10px 5px;
}
#SpecialCharacters tr th {
	background:#FFF;
	text-align:center;
}
#SpecialCharacters tr td {
	background:#FFF;
	text-align:center;
}
.leftText {
	text-align:left;
}
.rightText {
	text-align:right;
}
.centerText {
	text-align:center;
}
.justifyText {
	text-align:justify;
}
.imageLeft {
	float:left;
	margin:0 15px 10px 0;
	display:block;
}
.imageRight {
	float:right;
	margin:0 0 10px 15px;
	display:block;
}
.bodyBullets {
	padding-left:25px;
	line-height:normal;
	background:url(../images/PinkDot.gif) no-repeat left top;
}
.featuredBold {
	font-weight:bolder;
	margin-bottom:3px;
}
/*XStandard Content Classes END */
	
/* -------------------------------------------------------------- 
   
   layout.css
   * Put all your layout and positioning code here
   * Removes some of the default Blueprint styling from grid.css as well, but not much...
   * Leaving default styles alone for easier upgrading.
   
-------------------------------------------------------------- */
/* First, grid.css fixes */
body {
	margin:0;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
}
html {
	overflow-Y: scroll;
}
/* Layout styles */

#Header {
	background:url(../images/HeaderLogo.jpg) no-repeat top;
	height:407px;
}
#HeaderInt {
	background:url(../images/HeaderLogoINT.jpg) no-repeat top;
	height:271px;
}
#SlideShow {
	float:left;
	margin:43px 0 0 7px;
	display:inline;
	clear:both;
}
#HeaderNav ol {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:0;
}
#HeaderNav ol li {
	float:left;
	list-style:none;
	position:relative;
}
#HeaderNav ol li.home {
	background:url(../images/homeLink.gif) no-repeat top left;
	width:48px;
	height:43px;
}
#HeaderNav ol li.home a {
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNav ol li.home a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/homeLinkHV.gif) no-repeat top left;
}
#HeaderNav ol li.contact {
	background:url(../images/contactLink.gif) no-repeat top left;
	width:75px;
	height:43px;
}
#HeaderNav ol li.contact a {
	position:absolute;
	top:0;
	left:0;
	width:75px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNav ol li.contact a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/contactLinkHV.gif) no-repeat top left;
}
#HeaderNav ol li.sitemap {
	background:url(../images/sitemapLink.gif) no-repeat top left;
	width:74px;
	height:43px;
}
#HeaderNav ol li.sitemap a {
	position:absolute;
	top:0;
	left:0;
	width:74px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNav ol li.sitemap a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/sitemapLinkHV.gif) no-repeat top left;
}
#HeaderNav ol li.donation {
	background:url(../images/donationLink.gif) no-repeat top left;
	width:120px;
	height:43px;
}
#HeaderNav ol li.donation a {
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNav ol li.donation a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/donationLinkHV.gif) no-repeat top left;
}
/*Interior Nav controls*/

#HeaderNavInt ol {
	position:absolute;
	top:17px;
	left:0px;
	text-indent:0;
}
#HeaderNavInt ol li {
	float:left;
	list-style:none;
	position:relative;
}
#HeaderNavInt ol li.home {
	background:url(../images/homeLink.gif) no-repeat top left;
	width:48px;
	height:43px;
}
#HeaderNavInt ol li.home a {
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNavInt ol li.home a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/homeLinkHV.gif) no-repeat top left;
}
#HeaderNavInt ol li.contact {
	background:url(../images/contactLink.gif) no-repeat top left;
	width:75px;
	height:43px;
}
#HeaderNavInt ol li.contact a {
	position:absolute;
	top:0;
	left:0;
	width:75px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNavInt ol li.contact a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/contactLinkHV.gif) no-repeat top left;
}
#HeaderNavInt ol li.sitemap {
	background:url(../images/sitemapLink.gif) no-repeat top left;
	width:74px;
	height:43px;
}
#HeaderNavInt ol li.sitemap a {
	position:absolute;
	top:0;
	left:0;
	width:74px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNavInt ol li.sitemap a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/sitemapLinkHV.gif) no-repeat top left;
}
#HeaderNavInt ol li.donation {
	background:url(../images/donationLink.gif) no-repeat top left;
	width:120px;
	height:43px;
}
#HeaderNavInt ol li.donation a {
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:43px;
	text-indent:-9999em;
}
#HeaderNavInt ol li.donation a:hover {
	height:60px;
	top:-17px;
	left:0;
	background:url(../images/donationLinkHV.gif) no-repeat top left;
}
#ContentWrapper {
	margin:20px auto;
	width:970px;
	position:relative;
}
#ContentWrapperInt {
	margin:0 auto 20px;
	width:970px;
	position:relative;
}
#HomeContent {
	margin:35px 10px 20px 13px;
	float:left;
}
#HomeContent th {
	background:none;
	padding-left:0;
}
#HomeContent td {
	padding-left:5px;
}
#HomeContent h1 {
	font-size:2.2em;
	font-weight:bold;
	color:#636563;
}
#HomeContent h1 a {
	text-decoration:none;
}
#HomeContent h1 strong {
	color:#ef304a;
	display:inline;
}
#HomeContent p {
}
#HomeContent a {
	color:#F76173;
	text-decoration:none;
}
#HomeContent a:hover {
	color:#636563;
	text-decoration:none;
}
#HomeContent h5 {
	margin:0 0 .3em;
}
#HomeContent ul.sitemap {
	min-height:175px;
	width:130px;
	float:left;
	text-align:center;
	list-style:none;
	margin: 0 10px 15px;
}
#HomeContent ul.sitemap a:hover {
	text-decoration:underline;
}
#HomeContent ul li a {
	text-align:center;
	color:#636563;
	font-size:1.5em;
	text-decoration:none;
}
#HomeContent ul li a.addGuest {
	text-align:center;
	color:#F76173;
	font-size:1em;
	text-decoration:none;
	margin-top:5px;
	clear:both;
}
#HomeContent ul li a.addGuest:hover {
	color:#636563;
}
#HomeContent ul li ul li {
	list-style:none;
	text-align:center;
}
#HomeContent ul li ul li a {
	color:#636563;
	font-size:.8em;
	text-decoration:none;
}
#SideColumn {
	float:right;
	margin-top:35px;
}
#SideColumn h2 {
	color:#636563;
	font-weight:bold;
	margin:0;
	padding:0;
}
#SideColumn h3 {
	text-indent:-9999px;
	margin-bottom:10px;
}
.sidebarSpecial {
	padding:5px 10px 5px 50px;
	border-left:1px solid #CCC;
}
#SideColumn p {
	margin:0 0 .5em;
}
p.readMore a {
	float:right;
	text-decoration:none;
	color:#F76173;
	font-weight:bold;
	margin:2px 5px 10px 0 !important;
}
p.readMore a:hover {
	color:#5c5c5c;
}
h3.wishlist {
	background:url(../images/Wishlist.gif) no-repeat;
	width:395px;
	height:140px;
	position:relative;
}
h3.calendar {
	background:url(../images/Calendar.gif) no-repeat;
	width:395px;
	height:129px;
	position:relative;
}
h3.donationIMG {
	background:url(../images/DonateIMGholder.gif) no-repeat;
	width:387px;
	height:469px;
	position:relative;
}
h3.donationIMG img {
	top:5px;
	right:5px;
	width:342px;
	height:459px;
	position:absolute;
}
h3.donationIMG a {
	position:absolute;
	top:0;
	left:0;
	width:387px;
	height:469px;
}
h3.donationBTN {
	background:url(../images/DonateBTN.gif) no-repeat;
	margin-left:34px;
	width:354px;
	height:72px;
	position:relative;
}
h3.donationBTN a {
	position:absolute;
	top:0;
	left:0;
	width:354px;
	height:72px;
}
h3.wishlist a, h3.calendar a {
	position:absolute;
	top:0;
	left:0;
	width:395px;
	height:129px;
}
#EventSpotlight {
	clear:both;
	margin-left:13px;
	height:180px;
	background:url(../images/Spotlight.gif) no-repeat;
}
#EventSpotlight ul {
	float:left;
	margin:65px 0 0 25px;
	width:45%;
	list-style:none;
}
#EventSpotlight li {
}
#EventSpotlight h4 {
	color:#ef304a;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1em;
	margin-bottom:.3em;
}
#EventSpotlight p {
	font-family:Verdana;
	font-size:.8em;
}
#Footer {
	clear:both;
	border-top:1px solid #EEE;
	margin:15px 13px;
	position:relative;
}
#Footer ul {
	list-style:none;
	width:970px;
	position:absolute;
	top:10px;
}
#Footer li {
	display:inline;
}
#Footer li.home {
	font-weight:bold;
	border-right:1px solid #828282;
}
#Footer a {
	margin: 0 8px;
	text-decoration:none;
	color:#828282;
}
#Footer img {
	margin-top:10px;
	float:right;
}
#FooterInt {
	clear:both;
	border-top:1px solid #EEE;
	padding-left:0;
	padding-bottom:50px;
	position:relative;
}
#FooterInt ul {
	position:absolute;
	top:10px;
	list-style:none;
	float:left;
	width:970px;
}
#FooterInt li {
	display:inline;
}
#FooterInt li.home {
	font-weight:bold;
	border-right:1px solid #828282;
}
#FooterInt a {
	margin: 0 11px;
	text-decoration:none;
	color:#828282;
}
a.footerClock {
	padding-right:15px;
	background:url(../images/clockBG.jpg) no-repeat right;
}
/* -------------------------------------------------------------- 
   
   nav.css
   * Sets up some default styling for navigation
   
   Usage:
   * for nav, subnav, dropdowns and footers
   
-------------------------------------------------------------- */


#Nav {
	text-indent:0;
	position:absolute;
	top:364px;
	left:6px;
}
#Nav ul {
	list-style:none;
}
#Nav li {
	display:inline;
	margin-right:27px;
}

#Nav li.last{
  margin-right:25px !important
}

#Nav li.girlsonly {
	margin-right:0 !important;
}
#Nav li.girlsonly a {
	text-decoration:none;
	color:#FFF;
	font-weight:bolder;
}
#Nav a {
	text-decoration:none;
	color:#ef3c53;
	font-size:1.1em;
	font-weight:bold;
}
#Nav a:hover {
	color:#a7a6a4;
}
#NavInt {
	text-indent:0;
	position:absolute;
	top:225px;
	left:6px;
}
#NavInt ul {
	list-style:none;
}
#NavInt li {
	display:inline;
	margin-right:27px;
}
#NavInt li.girlsonly {
	margin-right:0 !important;
}
#NavInt li.last{
  margin-right:25px !important;
}
#NavInt li.girlsonly a {
	text-decoration:none;
	color:#FFF;
	font-weight:bolder;
}
#NavInt a {
	text-decoration:none;
	color:#ef3c53;
	font-size:1.1em;
	font-weight:bold;
}
#NavInt a:hover {
	color:#a7a6a4;
}
/*Slide Effect CSS*/

#aboutus {
	background:url(../images/SubBG.gif) no-repeat top;
	height:29px;
	margin-left:20px;
	width:902px;
	display: none;
}
#aboutus ul {
	list-style:none;
	width:850px;
	height:25px;
	padding-top:4px;
}
#aboutus li {
	display:inline;
	margin:0 12px;
}
#aboutus a {
	color:#fff;
	font-size:.9em;
	font-weight:normal;
}
#aboutus a:hover {
	color:#EEE;
}
#programs {
	background:url(../images/SubBG.gif) no-repeat top;
	height:29px;
	margin-left:20px;
	width:902px;
	display: none;
}
#programs ul {
	list-style:none;
	width:850px;
	height:25px;
	padding-top:4px;
}
#programs li {
	display:inline;
	margin:0 15px;
}
#programs a {
	color:#fff;
	padding:7px 6px 8px 6px;
	font-size:.9em;
	font-weight:normal;
}
#programs a:hover {
	color:#EEE;
}
#events {
	background:url(../images/SubBG.gif) no-repeat top;
	height:29px;
	margin-left:20px;
	width:902px;
	display: none;
}
#events ul {
	list-style:none;
	width:850px;
	height:25px;
	padding-top:4px;
}
#events li {
	display:inline;
	margin:0 15px;
}
#events a {
	color:#fff;
	padding:7px 6px 8px 6px;
	font-size:.9em;
	font-weight:normal;
}
#events a:hover {
	color:#EEE;
}
#volunteers {
	background:url(../images/SubBG.gif) no-repeat top;
	height:29px;
	margin-left:20px;
	width:902px;
	display: none;
}
#volunteers ul {
	list-style:none;
	width:850px;
	height:25px;
	padding-top:4px;
}
#volunteers li {
	display:inline;
	margin:0 15px;
}
#volunteers a {
	color:#fff;
	padding:7px 6px 8px 6px;
	font-size:.9em;
	font-weight:normal;
}
#volunteers a:hover {
	color:#EEE;
}
.slide {
	padding: 0;
}
.slide2 {
	padding: 0;
}
.slide3 {
	padding: 0;
}
.slide4 {
	padding: 0;
}
.btn-slide {
	display:inline;
	text-decoration: none;
}
.btn-slide2 {
	display:inline;
	text-decoration: none;
}
.btn-slide3 {
	display:inline;
	text-decoration: none;
}
.btn-slide4 {
	display:inline;
	text-decoration: none;
	padding-right:15px;
	background:url(../images/clockHeaderBG.jpg) no-repeat right;
}
a.btn-slide4:hover {
	background:url(../images/clockHeaderHV.jpg) no-repeat right;
}
.active {
	color:#000;
}
/*SlidingFooter Information*/

#aboutusFooter {
	position:absolute;
	top:20px;
	height:15px;
	margin-left:50px;
	width:902px;
	display: none;
}
#aboutusFooter ul {
	list-style:none;
	padding:0;
}
#aboutusFooter li {
	display:inline;
	margin:0;
}
#aboutusFooter a {
	color:#000;
	font-size:.9em;
	font-weight:normal;
}
#aboutusFooter a:hover {
	color:#5c5c5c;
}
#programsFooter {
	position:absolute;
	top:20px;
	height:15px;
	margin-left:50px;
	width:902px;
	display: none;
}
#programsFooter ul {
	list-style:none;
	width:850px;
	height:25px;
}
#programsFooter li {
	display:inline;
	margin:0 5px;
}
#programsFooter a {
	color:#000;
	padding:7px 6px 8px 6px;
	font-size:.9em;
	font-weight:normal;
}
#programsFooter a:hover {
	color:#5c5c5c;
}
#eventsFooter {
	position:absolute;
	top:20px;
	height:15px;
	margin-left:50px;
	width:902px;
	display: none;
}
#eventsFooter ul {
	list-style:none;
	width:850px;
	height:25px;
}
#eventsFooter li {
	display:inline;
	margin:0 5px;
}
#eventsFooter a {
	color:#000;
	padding:7px 6px 8px 6px;
	font-size:.9em;
	font-weight:normal;
}
#eventsFooter a:hover {
	color:#5c5c5c;
}
#volunteersFooter {
	position:absolute;
	top:20px;
	height:15px;
	margin-left:50px;
	width:902px;
	display: none;
}
#volunteersFooter ul {
	list-style:none;
	width:850px;
	height:25px;
}
#volunteersFooter li {
	display:inline;
	margin:0 5px;
}
#volunteersFooter a {
	color:#000;
	padding:7px 6px 8px 6px;
	font-size:.9em;
	font-weight:normal;
}
#volunteersFooter a:hover {
	color:#5c5c5c;
}
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

fieldset {
	display: block;
	margin:0;
	border:0 solid #FFFFFF;
	padding:10px 0 0 0;
}
legend {
	color:#888;
	margin:0;
	padding:0;
	font-weight:bold;
}
fieldset ul, fieldset ol {
	margin:0;
	padding:0;
	list-style:none;
}
fieldset li {
	margin:0;
	padding:0.5em 0 0 0;
	list-style:none;
}
fieldset.marginFormColumns li {
	margin:0 20px 0 0;
	padding:0.5em 0 0 0;
	list-style:none;
}
fieldset.marginFormColumns li.short {
	height:48px;
}
fieldset li.leftColumn {
	float:left;
}
label {
	font-weight: bold;
	display:block;
}
fieldset p {
	clear:both;
	margin-bottom:5px;
}
/* Form fields
-------------------------------------------------------------- */
input[type='text'], textarea, select {
	margin:0;
	border:1px solid #bbb;
}
input[type='text']:focus, textarea:focus, select:focus {
	border:1px solid #666;
}
input.text, input.title {
	width: 300px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width: 390px;
	height: 250px;
	padding:5px;
}
input[type='text'] {
	width: 200px;
	padding:5px;
}
input.headlineBox {
	width:300px !important;
}
/* Success, notice and error boxes
-------------------------------------------------------------- */

.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #eea2ad;
	color: #FFF;
	font-weight:bold;
	border-color: #EF304A;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
/* .marginForm - apply to a containing div or fieldset
----------------------------------------------------------------*/
.marginForm label {
	clear: both;
	float: left;
	display: block;
	width: 150px;
	font-weight: bold;
	padding:5px 20px 5px 0;
	text-align:right;
}
.marginForm select {
	margin:0;
}
.marginForm .noLabel, .marginForm p {
	margin-left:170px;
}
/* Form lists
-------------------------------------------------------------- */
.marginForm .checkListVertical {
	display:block;
	float:left;
	padding:5px 0;
}
.checkListVertical input, .checkListVertical label {
	display:inline;
	float:none;
	line-height:20px;
	vertical-align:middle;
}
.checkListVertical label {
	padding:0 5px;
	font-weight:normal;
}
/* Form classes
----------------------------------------------------------------*/
input.phone, input.zip, input.date {
	width:50px;
}
input.state, input.ccMonth {
	width:50px;
}
input.ccYear, input.short {
	width:35px;
}
input.long {
	width:350px;
}
.search label {
	width:60px;
}
.search .help {
	margin-left:80px;
	width:60%;
}
.required {
	color: #8a1f11;
}
span.required {
	padding:5px;
	vertical-align:top;
}
#DonationForm {
	padding:10px;
	min-height:365px;
	_height:365px;
	background:#efefef;
	border-top:4px solid #F76173;
	border-bottom:4px solid #F76173;
	position:relative;
}
input.paypal {
	background:url(../images/paypal.gif) no-repeat;
	width:150px;
	height:71px;
	margin-top:20px;
	border:0;
	color:#C62031;
	clear:both;
	font-size:0;
}
input.cancel {
	position:absolute;
	top:4px;
	right:5px;
	border:0;
	background:0;
	color:#F76173;
}
.commentPanel {
	height:120px;
}

img {behavior: url(/pngHack/pngHack.htc);}