/* by Dennis Osorio, dposorio at gmail.com */

/* global parameters */

	html {
		padding: 0;
		margin: 0;
		background-image: url('/img/bkgrd2.png');
		background-repeat: repeat-x;
		font-family: Tahoma, Geneva, Arial, sans-serif;
		font-size: 100%;
		background-color: #008dd2;
		}

	body {
		margin: 0 auto .5em auto;
		padding: 0;
		text-align: center;
		width: 800px;
		border: 0;
		}

	a:link, a:visited, a:hover, a:active {
		color: #8a0609;
		text-decoration: none;
		border-bottom: 1px dotted #8a0609;
		}

	a:hover { border-bottom: 1px solid #8a0609; }

	h1, h2, h3, h4, h5, h6 {
		text-align: left;
		margin: 0;
		color: #000000;
		padding: .5em 0 .2em 0;	
		width: auto;
		}

	h1 {
		font-size: 150%;
		margin-top: .5em;
		}

	h2 { font-size: 120%; }

	h3 { font-size: 100%; }

	h4 { font-size: 90%; }

	h5 { font-size: 80%; }

	h6 { font-size: 70%; }

	p { color: #000000; }

	p, ul, ol, td {
		font-size: 100%;
		width: auto;
		}

	a img, img a {
		border: 0;
		text-decoration: none;
		}

	cite, em, i {
		font-style: italic;
		}


/* div parameters */

	#header {
		background-image: url('/img/masthead.png');
		background-repeat: no-repeat;
		height: 179px;
		background-position: left center;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
		}

		#header a {
			height: 179px;
			display: block;
			text-decoration: none;
			}

	#navcontainer { 
		margin: -2px 0 0 0;
		clear: left;
		background-color: #fff;
		font-weight: bold;
		border: 1px solid #1d3b00;
		border-right: 0;
		border-left: 0;
		font-size: .9em;
		}

		#nav, #nav ul, #nav li { padding: 0; }

		#nav, #nav ul {
			width: 100%;
			margin: 0 auto;
			list-style: none;
			}

		#nav a, #nav li, #nav li ul { width: 10em; }

		#nav a {
			display: block;
			color: #1d3b00;
			border: 0;
			}

		#nav li {
			float: left;
			border-right: 1px solid #1d3b00;
			}

		#nav li:hover { background: #e5e5e5; }

		#nav li ul {
			position: absolute;
			left: -999em;
			border: 1px solid #1d3b00;
			background-color: #e5e5e5;
			}

		#nav li:hover ul {
			left: auto;
			margin-left: -1px;
			}

		#nav ul ul, #nav li ul li { text-align: left; }

		#nav ul ul { font-size: 100%; }

		#nav li ul li {
			padding: .5em;
			font-size: .9em;
			border: 0;
			}

		#nav li:hover li:hover { background-color: #ffffff; }

	div.wrapper { 
		padding: 0;
		clear: left;
		background-color: #ffffff;
		}

		div.wrapper, div.wrapperin {
			margin: 0;
			}

		#content {
			text-align: left;
			width: 600px;
			margin: 0 0 192px 0;
			padding: 1em;
			float: left;
			}

			#content p { line-height: 1.4; }

			#content ul li { margin: .4em 0; }

			#content h1.first { margin-top: 0; }

			div.wrapperin {
				padding: 0;
				font-size: 90%;
				}

		/* right side stuff */

			#right {
				float: right;
				margin: 0;
				width: 156px;
				padding: 1em .2em 0 0;
				}

			#right a {
				text-decoration: none;
				border: 0;
				}

			/* here are the three containers */

				.extra, .formcontainer, .mbrcontainer, .extra2 {
					text-align: center;
					padding: 0;
					width: 100%;
					font-size: .9em;
					margin: 0;
					}

				/* extra is a bit different from the other two */

					.extra p, extra2 p {
						padding: 0;
						line-height: 1.4;
						font-size: .9em;
						}

					.extra a:link, a:visited, a:hover, a:active { color: #000000; }

					#takeaction, #takeaction a {
						width: 156px;
						height: 62px;
						}

					#takeaction {
						background-image: url('/img/takeaction156x62.png');
						background-repeat: no-repeat;
						background-position: center center;
						padding: 0;
						margin: 0;
						}

						#takeaction a { display: block; }

					.extra2 { margin-top: 1em; }

					#donate, #donate a {
						width: 156px;
						height: 53px;
						}

					#donate {
						background-image: url('/img/donatenowlogo1.png');
						background-repeat: no-repeat;
						background-position: center center;
						padding: 0;
						margin: 0;
						}

						#donate a { display: block; }


				/* form section and member section have similiarities, there is a container, then headers and footers, and the meat */

					.formheader, .mbrheader, .formfooter, .mbrfooter {
						background-repeat: no-repeat;
						height: 20px;
						}

					.formheader, .form, .formfooter, .mbrheader, .mbrfooter, .mbr {
						padding: 0;
						margin: 0;
						}

					.form p, .mbr p {
						margin-top: 0;
						margin-bottom: 0;
						padding: 0 .5em;
						font-size: .9em;
						}

				/* specifics for form and member sections */

					.formheader { background-image: url('/img/formheader.png'); }
					.formfooter { background-image: url('/img/formfooter.png'); }

					.form {
						background-color: #e5e5e5;
						text-align: center;
						padding-bottom: .2em;
						}

						.nested {
							padding: .4em 0 0 0;
							margin: 0;
							}

					.mbrcontainer { margin-top: 1em; }

						.mbrheader { background-image: url('/img/mbrheader.png'); }

						.mbr {
							padding-bottom: .2em;
							background-color: #b9cca4;
							}

						.mbrfooter { background-image: url('/img/mbrfooter.png'); }

	#footer {
		clear: both;
		background-color: #fff;
		padding: 0;
		margin: 0 auto;
		font-size: .8em;
		font-weight: bold;
		text-align: center;
		}

		#footer a:link, a:visited, a:active {
			color: #000;
			border-bottom: 1px dotted #000;
			}

		#footer a:hover { border-bottom: 1px solid #000; }


/* specific scenario parameters */

	.clear, .spacer {
		font-size: 1px;
		padding: 0;
		margin: 0;
		}

	.clear {
		height: 1px;
		clear: left;
		}

	div.spacer { clear: both; }

	.credits {
		text-align: right;
		margin-bottom: 3em;
		margin-top: 3em;
		margin-right: 1em;
		}

	ul.nobull { list-style: none; }

	table.food {
		table-layout: auto;
		border-collapse: collapse;
		border: 1px solid #1d3b00;
		background-color: #e5e5e5;
		margin: auto auto;
		}

	table.food caption {
		caption-side: top;
		font-weight: bold;
		text-align: center;
		font-size: 115%;
		padding: .5em .3em;
		margin: auto auto;
		}

	table.food td, table.food th {
		border: 1px dotted #1d3b00;
		padding: .2em;
		text-align: center;
		}

	table.food th { padding: .5em; }

	table.food tr.odd { background-color: #fff; }

	#jumpnav, #jumpnav a {
		font-size: 90%;
		font-weight: bold;
		border: 0;
		text-decoration: none;
		color: #000;
		}

	#jumpnav li {
		padding: .2em;
		}

	/* used for jump back to top links */

		.close {
			padding: 0;
			margin: 0;
			text-align: right;
			font-weight: bold;
			}

		.close a {
			text-decoration: none;
			border: 0;
			}

	/* parameters for centered image and description */

		div.img, div.multimedia, .center {
			height: auto;
			width: auto;
			text-align: center;
			}

		div.multimedia { margin: 2em 0; }

		div.desc {
			font-weight: bold;
			width: auto;
			font-size: .8em;
			text-align: center;
			}

	/* parameters for floats */

		.left {
			float: left;
			margin: 1em;
			}

		.right {
			float: right;
			margin: 1em;
			}

		.left, .right { height: auto; }