/******************************************
Include File: /assets/css/screen/layout/standard.css
Description: Screen layout for standard
or page elements. This doesn't include
widgets or sections, such as navigation,
headers, and footers. Those are taken care
of in other files
******************************************/
table {
	width: 100%;
}

table th {
	text-align: left;
}

table th, table td {
	margin: 0;
	padding: .3em;
}

/******************************************
Include File: /assets/css/screen/layout/grid.css
Description: Screen layout for grid position
of columns.
******************************************/
.section.main {
	float: right;
	width: 659px;
}

.section.auxiliary {
	float: left;
	width: 295px;
}


body {
	margin: 0;
	padding: 0;
}

#page {
	margin: 0 auto;
	width: 960px;
}

.column {
	float: left;
	padding: 0;
	width: 48%;
}

.column.right {
	float: right;
}

.column.third {
	padding: 1%;
	width: 31%;
}

.section.main .content-area {
	min-height: 415px;
	height: auto !important;
	height: 415px;
	padding-bottom: 30px;
}


/******************************************
Include File: /assets/css/screen/layout/header.css
Description: Screen layout for header
elements, including logos, menu placement,
search forms, etc.
******************************************/
#header {
	height: 90px;
	position: relative;
}

#header h1 {
	background: transparent url(/_assets/images/logo.gif) 11px 5px no-repeat;
	margin: 0;
	text-indent: -9000px;
}

#header h1 a {
	display: block;
	height: 90px;
	width: 175px;
}

#header h1 a:hover {
	outline: none;
}

#header .menu {
	border: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 45em;
}

#header .menu a {
	padding: .2em .5em;
}

#section-header {
	bottom: -10px;
	left: 340px;
	position: absolute;
}



/******************************************
Include File: /assets/css/screen/layout/content.css
Description: Screen layout for main content.
If whitespace or call-outs, etc. need to be
changed, this is the place.
******************************************/
#content {
	clear: both;
}

#main-content {
	padding-bottom: 1em;
}

#auxiliary-content {
	padding-bottom: 1em;
}

.section-title {
	height: 32px;
	margin: 1em 0 0 0;
}

.section.main table {
	margin: 2em 0;
}

.section.main img.callout {
	border: 1px solid #919191;
	float: left;
	margin-right: 8px;
	padding: 1px;
}

.section.main .content-header {
	padding: 25px 0 10px 0;
}

.section.main .content-header, .section.main .content-area {
	padding-left: 40px;
	padding-right: 30px;
}

.section.main .content-header h1 {
	margin: 0;
	padding: 0;
}

.tour-header p {
	padding: .1em 0;
}

.section.main .content-area h2, .section.main .content-area h3 {
	margin: 0;
	padding: .5em 0;
}

.section.main .event-block {
	clear: both;
	padding: 1em 0;
}

.section.main .event-block .sponsorship img {
	 float: left;
	 width: 280px;
}

.sponsorship-options {
	clear: none;
	float: right;
	margin-left: 25px;
	width: 270px;
}

.sponsorship-options dl {
	margin: 1em 0 0 0;
}

.sponsorship-options dt {
	clear: both;
	float: left;
	width: 45%;
}

.sponsorship-options dd {
	float: left;
	width: 45%;
}

.sponsorship-options .learn-more {
	clear: both;
	display: block;
	margin-top: 7px;
}

.event-block.location a {
	display: block;
}

#map {
	border: 1px solid #999;
	cursor: move;
	height: 300px;
	width: 98%;
}

.section.auxiliary img {
	margin-left: 2px;
}

.section.auxiliary .content-header {
	margin-top: 1em;
	padding-bottom: 10px;
}

.section.auxiliary h2 {
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}

.section.auxiliary h3 {
	margin: 0 3px .6em 2px;
	padding: .4em 0;
}

* html .section.auxiliary h3 {
	margin: 0 2px .6em 3px;
}

.section.auxiliary ul, .section.auxiliary ol {
	margin: .3em 1.3em;
	padding: .3em 0;
}

.section.auxiliary p {
	margin: 0;
}

.section.auxiliary .event-block {
	padding: 0 20px 10px 20px;
}



/******************************************
Include File: /assets/css/screen/layout/footer.css
Description: Screen layout for copyright
and global links, etc.
******************************************/
#footer {
	float: right;
	width: 659px;
}

.copyright {
	margin: .3em 0;
	text-align: center;
}

#footer .menu {

}


/******************************************
Include File: /assets/css/screen/layout/navigation.css
Description: Screen layout for menus.
This file should not be changed, but should
be overridden after the include.
******************************************/
ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
}

ul.menu a {
	display: block;
	margin: 0;
	padding: .2em .6em;
	text-decoration: none;
}

ul.menu.horizontal li {
	display: inline;
	float: left;
}

ul.menu.horizontal li a {
	float: left;
}

ul.menu.dropdown {
	float: left;
	position: relative;
	width: 100%;
	z-index: 100;
}

ul.menu.dropdown ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
}

ul.menu.dropdown li {
	display: block;
	float: left;
	position: relative;
}

ul.menu.dropdown li a {
	float: none;
}

ul.menu.dropdown ul li a {
	clear: left;
	font-size: 100%;
}

ul.menu.dropdown ul,
ul.menu.dropdown li:hover ul ul,
ul.menu.dropdown li.hover ul ul {
	display: none;
}

ul.menu.dropdown li:hover ul,
ul.menu.dropdown li.hover ul {
	display: block;
}

ul.menu.tabcontrol {
	width: 70%;
}

ul.menu.tabcontrol li {
	float: none;
}

ul.menu.tabcontrol li a {
	border: 1px solid #000;
	border-bottom-width: 0;
	margin-right: -1px;
}



/******************************************
Include File: /assets/css/screen/layout/forms.css
Description: Screen layout for forms
and input elements. This file should not
be changed, but should be overridden after
the include.
******************************************/
form {
	margin: 1em 0;
	padding: 0;
	width: 100%;
}

form fieldset {
	border: 0 dashed #AAA;
	border-top-width: 1px;
	clear: both;
	margin: 0;
	padding: 1em;
	position: relative;
}

form fieldset legend {
	color: #444;
	font: 130%/1.4em Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: .5em;
}

form label {
	clear: left;
	display: block;
	float: left;
	margin: .2em .2em .2em 0;
	padding: .25em;
	text-align: right;
	width: 160px;
}

form fieldset.compact label {
	width: 6em;
}

form label:hover {
	color: #009;
}

form label:after {
	content: ":";
}

form label.compact {
	/* Wheee! IE6 doesn't know how to calculate margins! */
	display: inline;
	margin: .4em 0 .4em 130px;
	padding: 0;
	text-align: left;
	width: 250px;
}

form label.compact:after {
	content: "";
}

form label.compact input, form label.compact select, form label.compact textarea {
	display: inline;
	margin: 0;
	padding: 0;
}

form input, form select, form textarea {
	color: #304D6A;
	display: block;
	/* Firefox has a retard party unless font attributes are redeclared */
	font: normal 1em/1.5 Verdana, Helvetica, Arial, sans-serif;
	margin: .2em 0;
	padding: .25em;
}

/*IE can't handle this float, Firefox requires it.
This bypasses IE's "superior" parsing algorithm.*/
html>/**/body form input, html>/**/body form select, html>/**/body form textarea {
	float: left;
}

form input[type="text"], form input[type="password"], form input[type="checkbox"], form select, form textarea {
	border: 2px solid #CCC;
	border-color: #AAA #DDD #DDD #AAA;
}

/* IE7 does this awesome thing where it makes the border
around checkboxes, instead of the actual checkbox. Terrific. */
*:first-child+html form input[type="checkbox"] {
	border-width: 0;
}

form input[type="checkbox"], form input[type="radio"] {
	clear: left;
	display: block;
	float: none;
}

form input[type="text"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {
	background-color: #E9E9E9;
}

form input.extended, form select.extended, form textarea.extended {
	clear: left;
	margin-left: 3em;
}

form fieldset fieldset {
	border-width: 1px;
	padding: .3em .5em .8em .5em;
	margin-left: 90px;
	width: 250px;
}

form fieldset fieldset legend {
	font-size: .9em;
}

form fieldset fieldset label {
	clear: none;
	float: left;
	margin: .3em 0;
	padding: 0;
	text-align: left;
	width: auto;
}

form fieldset fieldset label:after {
	content: "";
}

form fieldset fieldset.vertical-list label {
	clear: left;	
	width: 95%;
}

form fieldset fieldset input, form fieldset fieldset select, form fieldset fieldset textarea, form fieldset fieldset input[type="checkbox"], form fieldset fieldset input[type="radio"] {
	float: left;
	margin: .2em .4em;
	padding: 0;
}

/* Hack so that IE6 can see the above */
* html form fieldset fieldset input, * html form fieldset fieldset select, * html form fieldset fieldset textarea {
	/* Also, fix the double-margin float bug */
	display: inline;
	float: left;
	margin: .2em;
	padding: 0;
}

/*Ok, I don't know which browser's box model is making the padding around these
labels and inputs jacked up, but let's just blame it on IE, ok?*/
*:first-child+html form fieldset fieldset input {
	margin-bottom: 0;
	margin-top: 0;
}

/* This one is safe to blame on IE6, but same fix as above. */
* html form fieldset fieldset input {
	margin-bottom: 0;
	margin-top: 0;
}

form fieldset.submit {
	border-width: 0;
	/* Remember class, IE6 sucks. */
	display: inline;
	margin-left: 160px;
}

form fieldset.compact.submit {
	margin: 0;
	margin-left: 50px;
}

form fieldset.submit legend {
	display: none;
}

form fieldset .information {
	background-color: #CADAFF;
	border: 1px solid #AAA;
	font-size: 85%;
	padding: .4em;
	position: absolute;
	right: 1.5em;
	top: 2.5em;
	width: 140px;
}

form fieldset .information h3 {
	border-bottom: 1px solid #AAA;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: .3em;
	text-align: center;
}

form .inline {
	clear: both;
}

form .inline input, form .inline select, form.inline textarea {
	clear: none !important;
	float: left;
}

form .step-buttons input {
	clear: none !important;
	float: left;
	margin-right: .5em;
	padding: .3em;
}

.section.auxiliary form fieldset,
.section.auxiliary form fieldset legend,
.section.tertiary form fieldset,
.section.tertiary form fieldset legend {
	border-width: 0;
	margin: 0;
	padding: 0;
}

.section.auxiliary form label,
.section.tertiary form label {
	margin: 0;
	padding: .1em 0;
	width: auto;
}

.section.auxiliary form input,
.section.auxiliary form select,
.section.auxiliary form textarea,
.section.tertiary form input,
.section.tertiary form select,
.section.tertiary form textarea {
	clear: both;
}


/******************************************
Include File: /assets/css/screen/typography/typography.css
Description: Screen typography definitions
******************************************/
body {
	font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h2{
	font-size: 1.7em;
	line-height: 1;
	padding: 1.2em 0;
}

h3 {
	font-size: 1.5em;
	line-height: 1.1538;
	padding: 1.2em 0;
}

h4 {
	font-size: 1.3em;
	line-height: 1.25;
	padding: 1.1em 0;
}

h5 {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 1em 0;
}

h6 {
	font-size: 1em;
	line-height: 1.875;
	padding: 1.875em 0;
}

p {
	line-height: 1.5;
	margin: 0;
	padding: .5em 0;
}

/* optionally indent following paragraphs */
/*
p + p {
	margin-top: 0;
	text-indent: 2em;
}
*/

ol, ul, dl {
	margin: .75em 0 .75em 1.5em;
}

ol ol, ol ul, ul ul, ul ol {
	margin: 0 0 0 1.5em;
}

li {
	margin: 0;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.6667;
	margin: 1.6667em 1em;
}

acronym {
	font-size: 90%;
}

.tour-header h1 {
	font-family: "Interstate-Regular", Helvetica, Arial, sans-serif;
	font-size: 2em;
}

.section.main .content-area h2 {
	font-size: 1.5em;
	padding: 1.3em 0 0 0;
}

.section.main .content-area h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 1em 0 0 0;
}

.section.main .content-area h4 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 1.1em 0 0 0;
}

.section.auxiliary h3 {
	font-size: .9em;
	font-weight: bold;
	text-indent: 17px;
}

.sponsorship-options dt {
	font-style: normal;
	font-weight: normal;
}

.copyright {
	font-size: .9em;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash #main-content h1 {
	visibility: hidden;
}
*/

dt {
	font-style: italic;
	font-weight: bold;
}


/******************************************
Include File: /assets/css/screen/color/palette.css
Description: Screen color palette. This
can be swapped out at any time. All
palettes should be stored in this folder.
******************************************/
html, body {
	background-color: #FFF;
}

body {
	border-top: 7px solid #ED1B2D;
}

h1, h2, h3, h4, h5, h6, dt {
	color: #0E406C;
}

p {
	color: #000;
}

table th {
	color: #2C2C2C;
}

a:link, a:visited {
	 color: #0d3e6a;
}

a:active {
	color: #0066FF;
}

ul.menu a:link, ul.menu a:visited {
	color: #FFF;
}

ul.menu.tabcontrol a.selected, ul.menu.tabcontrol a:hover, ul.menu.tabcontrol li.hover a {
	background-color: #f52525;
	color: #FFF;
}

#header .menu a:link, #header .menu a:visited {
	border-width: 0;
	color: #4e4e4e;
}

#index li.index a:link, #index li.index a:visited,
#about li.about a:link, #about li.about a:visited,
#charity-tour li.charity-tour a:link, #charity-tour li.charity-tour a:visited,
#restaurant-fundraising li.restaurant-fundraising a:link, #restaurant-fundraising li.restaurant-fundraising a:visited,
#community-events li.community-events a:link, #community-events li.community-events a:visited,
#contact li.contact a:link, #contact li.contact a:visited {
	background-color: #ED1B2D;
	color: #FFF;
}

#header .menu a:hover {
	background-color: #E1E1E1;
	color: #333333;
}

#charity-tour .section-title {
	background: transparent url(/_assets/images/charity-tour-header-background.gif) top left no-repeat;
}

#restaurant-fundraising .section-title {
	background: transparent url(/_assets/images/restaurant-fundraising-header-background.gif) top left no-repeat;
}

#community-events .section-title {
	background: transparent url(/_assets/images/community-events-header-background.gif) top left no-repeat;
}

#about .section-title {
	background: transparent url(/_assets/images/about-header-background.gif) top left no-repeat;
}

#contact .section-title {
	background: transparent url(/_assets/images/contact-header-background.gif) top left no-repeat;
}
.section-title {
	background: transparent url(/_assets/images/about-header-background.gif) top left no-repeat;
}

.section.main .content-area {
	background: transparent url(/_assets/images/main-border-sides.gif) top center repeat-y;
}

.section.main .content-header {
	background: transparent url(/_assets/images/main-border-top.gif) top center no-repeat;
	border-bottom: 2px solid #CCC;
}

.section.main .content-footer {
	background: transparent url(/_assets/images/main-border-bottom.gif) bottom center no-repeat;
}

.section.auxiliary .content-header {
	background-color: transparent;
	background-position: top center;
	background-repeat: no-repeat;
}

.section.auxiliary ul {
	margin-left: 0;
}

.section.auxiliary li {
	background: transparent url(/_assets/images/icon-li.gif) 0 6px no-repeat;
	list-style-type: none;
	padding-left: 10px;
}

.section.auxiliary #event-information .content-header {
	background-image: url(/_assets/images/auxiliary-header-event-information.gif);
}

.section.auxiliary #restaurant-fundraising-information .content-header {
	background-image: url(/_assets/images/auxiliary-header-restaurant-fundraising.gif);
}

.section.auxiliary #community-event-information .content-header {
	background-image: url(/_assets/images/auxiliary-header-community-events.gif);
}

.section.auxiliary #about-information .content-header {
	background-image: url(/_assets/images/auxiliary-header-about.gif);
}

.section.auxiliary .content-area {
	background: transparent url(/_assets/images/auxiliary-border-sides.gif) top center repeat-y;
}

.section.auxiliary .content-footer {
	background: transparent url(/_assets/images/auxiliary-border-bottom.gif) bottom center no-repeat;
}

.content-bubble h2 a:link, .content-bubble h2 a:visited, .content-bubble h3 {
	color: #FFF;
}

.content-bubble h2 a:hover {
	color: #FCC649;
}

.content-bubble.charity-tour {
	background: transparent url(/_assets/images/content-bubble-charity-tour.jpg) top left no-repeat;
}

.content-bubble.restaurant-fundraising {
	background: transparent url(/_assets/images/content-bubble-restaurant-fundraising.jpg) top left no-repeat;
}

.content-bubble.community-events {
	background: transparent url(/_assets/images/content-bubble-community-events.jpg) top left no-repeat;
}

.section.main .event-block {
	background: transparent url(/_assets/images/dottedline.gif) bottom center no-repeat;
}

.section.main .event-block.last {
	background: none;
}

.section.auxiliary h3 {
	background-color: #d9eaf4;
	color: #09344e;
}

#footer p {
	color: #888;
}