@CHARSET "ISO-8859-1";
html,body { height: 100%; }

body {
	background: #ffffff url('../images/bk.gif') repeat-x;
	margin-top: 0;
	padding-top: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.mockup {
	/*border: 1px solid #ccc;*/
}

.errors {
	color: red;
}

img#swing { display: none; }
img#wishspring { display: none; }

div.external {
	/*background: #C0E0B8;
	width: 300px;*/
	padding: 10px;
}

#toprightimage {
	position: absolute;
	right: 0;
	top: 0;
	width: 346px;
	height: 188px;
	background: url('../images/toprightbk.png') no-repeat;
	z-index: 3;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/toprightbk.png", sizingMethod="scale");
	_background: transparent;
}

#header {
	width: 960px;
	margin: 0 auto 0 auto;
	top: 0;
	height: 151px;
}

#content {
	padding-top: 37px; 
}

.navbox {
	text-align: left;
	border: 1px solid #619861;
	margin-top: 20px;
}

.navbox ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.navbox li {
	margin: 0;
	padding: 4px;
	display: block;
}
.navbox a {
	font-size: 15px;
	display: block;
}

.navbox a:hover {
	background: white;
}

#menubarbk {
	position: absolute;
	top: 150px;
	overflow:hidden;
	height: 37px;
	background: #619861;
	left: 0; 
	right: 0;
	z-index: 0;
}

#menubar {
	background: url('../images/menubk.gif') repeat-x;
	height:37px;
	z-index: 2;
	line-height: 37px;
	vertical-align: middle;
	
	position: absolute;
	top: 151px;
	left: 0;
	width: 100%;
}

#menubar a {
	color: black;
	font-weight: bold;
	display: block;
}

#menubar .menuitem {
	width: 120px;
	text-align: center;
	height: 37px;
	font-size: 1.2em;
	float: left;
}

#menubar .menuitemContainer {
	width: 960px;
	margin: 0px auto 0px auto;
}

#menubar .menuitem a {
	line-height: 37px;
}

#menubar .menuitem a:hover {
	text-decoration: none;
	color: #ffffff;
}

#menubar .selected a {
	color: #ffffff;
	background: #27494A;
}

#submenu {
	background: #254848;
	height: 22px;
	color: white;
	position: absolute;
	left: 0; 
	width: 100%;
	margin-bottom: 10px;
}

#submenu  .menuitemContainer {
	width: 960px;
	margin: 0px auto 0px auto;
}

#submenu .menuitem a {
	color: white;
}

#submenuSpacer {
	height: 22px;
}

#footer {
	margin-top: 20px;
	color: #999;
	font-size: 11px;
	text-align: center;
}

#page-overlay {
	position: fixed;
	
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	
	background: black;
	z-index: 50;
	
	/* for the fucking POS known as IE6 - some reason doesn't work in the IE6-only CSS file */
	_position: absolute;
}

#vimeopopup {
	width: 500px;
	height: 520px;
	padding: 10px;
	background: white;
	position: absolute;
	z-index: 100;
	left: 50%;
	top:50%;
	margin-left: -250px;
	margin-top: -250px;
}

.clear {
	margin-bottom: 20px;
}

.fphilighted {
	background: #FDFFC1;
}

table.formtable {
	width: 100%;
}

table.formtable tr.desc td {
	font-size: .85em;
	color: #999;
	text-align: center;
}

table.formtable span.required {
	color: red;
}

table.formtable fieldset {
	border: 0;
	margin: 0; 
	padding: 0;
}

table.formtable .errors {
	color: red;
	font-weight: bold;	
}
table.formtable td.errors {
	text-align: center;
}

table.formtable td {
	padding: 5px;
	vertical-align: top;
}

table.formtable td.twocol {
	text-align: center;
}

table.formtable td.label {
	/*width: 100px;*/
	font-weight: bold;
	text-align: right;
	line-height: 2em;
}

table.formtable td.input {
	
}

table.formtable ul.radio_list {
	margin: 0;
	padding: 0;
}
table.formtable ul.radio_list li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

table.formtable .errors ul {
	margin: 0;
	padding: 0;
}
table.formtable .errors li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

table.formtable td.errors {
	
}

table.formtable tr.seperator td {
	padding: 10px;
}

table.formtable input.text {
	width: 100%;
	font-size: 1.1em;
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #70B85D #85DC6E #85DC6E #70B85D;
}

#ccinfo_card_code {
	width: 4em;
}
#ccinfo_zip {
	width: 6em;
}

textarea.messagebody {
	width: 85%;
	font-size: 1.1em;
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #70B85D #85DC6E #85DC6E #70B85D;
	height: 5em;
}

input.codebox {
	width: 85%;
	font-size: 1.1em;
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #70B85D #85DC6E #85DC6E #70B85D;
}

table.donationSummary {
	background: #FDFFC1;
	padding: 14px;
}
table.donationSummary td.label {
	font-weight: normal;
	padding-right: 20px;
	width: 120px;
}
table.donationSummary tr.confirm td {
	padding: 20px;
}
table.donationSummary td {
	font-weight: bold;
}

table#promote-table {
	width: 100%;
}

table#promote-table td {
	padding: 10px;
}

table#promote-table td.left {
	width: 1%;
	text-align: right;
}