/* CSS hacks
=====================================================================*/
/* -- IE 6 and 5 for Win -- */
@import "ie6win.css";

/* -- IE 5.x for Win -- Mid Pass Filter: http://tantek.com/CSS/Examples/midpass.html */
@media tty {
	i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* IE 5.x for Mac -- Band Pass Filter: http://www.stopdesign.com/examples/ie5mac-bpf/ */
/*\*//*/
	@import "ie5mac.css";
/**/

/* Undo existing styles
=====================================================================*/
a img, :link img, :visited img { border: none; }
address { font-style: normal; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, 
html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }


/* Basic HTML elements
=====================================================================*/
a { color: #cb043b; }
a:hover, h3 span a:hover { text-decoration: none; }
abbr, acronym { cursor: help; }
address, dl, fieldset, ol, p, table, ul { margin-bottom: 1em; }
address span { display: block; }
blockquote { font-size: 1.3em; font-style: italic; line-height: 1.3; }
blockquote cite { font-size: 0.8em; }
body { background: #9bb451; color: #000; font-size: 76%; text-align: center; }
dt { font-weight: bold; margin-top: 1em; }
fieldset { border: 1px solid #ddd; padding: 2em; }
form ul { list-style: none; margin-left: 0; }
h1 { margin-bottom: 0.4em; }
h1, h2, #sidebar h3 { font-size: 1.3em; }
h1, h2, h3 { color: #00704a; }
h2 a, h3 a, h4 a { text-decoration: none; }
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline; }
h3 span { font-size: 0.8em; font-weight: normal; margin-left: 0.7em; }
h3 span a { text-decoration: underline; }
h3 { margin: 1.5em 0 0.5em; }
h4 { font-size: 1.1em; margin: 0.5em 0 0.3em 0; }
h4 a { color: #000; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1.5em 0; }
legend { color: #cb043b; font-size: 1.2em; font-weight: bold; margin: 0 0 0 -0.75em; padding: 0 0.75em 0.1em; }
li { margin-bottom: 0.4em; }
ol { margin-left: 2em; }
optgroup { font-style: normal; }
optgroup option { padding-left: 2em; }
table { border-collapse: collapse; empty-cells: show; width: 100%; }
td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
td, th { padding: 0.5em 0.7em; vertical-align: top; }
thead th { background: #fcda35; border-bottom: 3px double #84b063; border-top: 1px solid #84b063; font-weight: bold; text-align: left; white-space: nowrap; }
tbody th { border-bottom: 1px solid #000; border-top: 1px solid #000; color: #cb043b; font-weight: normal; padding: 1em 0.7em 0.4em; }
ul { margin-left: 1.2em; }
ul ul { margin-bottom: 0; margin-top: 0.5em; }

/* Stock classes */
ul.flat { list-style: none; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em; }


/* Fonts
=====================================================================*/
body, cite, h5, input, optgroup, select, textarea, .btns input, #footer, h1, h2, h3, h4 { font-family: Verdana, Tahoma, Arial, sans-serif; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; }


/* Page structure
=====================================================================*/
#binPage {
	background: #fcda35 url(/images/bgShadowMainS.gif) repeat-y top right; 
	border-left: 1px solid #bbb;
	font-size: 0.9em;
	line-height: 1.45;
	margin: 0 auto;
	padding-right: 6px;
	position: relative;
	text-align: left;
	width: 753px;
}

#page { border: 2px solid #fff; border-top: 0; }
#main { width: 66.5%; }
#main, #binSidebar { display: inline; }
#binSidebar { width: 30%; }
	
/* -- Admin -- */
body.mceContentBody { background: #fff; font-size: 0.7em; line-height: 1.45; text-align: left; padding: 0.5em 1em 0; }
#admin #main { width: 100%; }
#admin #binSidebar { display: none; }

/* -- Content -- */
#binContent {
	border: 1px solid #fceba4;
	background: #fff;
	border: 1px solid #fceba4;
	margin: 0 4px;
	padding: 17px;
}

/* -- Home pages -- */
.home #main { float: left; }
.home #binSidebar { float: right; }

/* -- Detail pages -- */
.detail #main { float: right; }
.detail #binSidebar { float: left; }


/* Header
=====================================================================*/
#binHeader { background: #84b063 url(/images/bgShadowHead.gif) repeat-x bottom left; }

#header a {
	background: url(/images/title.gif) no-repeat center center;
	display: block;
	height: 99px;
	width: 100%;
}

#header h1 { margin: 0; }
#header span, #header p { left: -999em; position: absolute; top: -999em; }


/* Navigation
=====================================================================*/
#admin #nav a { padding: 0.2em 3.4em 0.4em; }

#nav {
  background: #fceba4;
  border: 1px solid #fff;
  border-width: 1px 0;
  float: left;
  font-weight: bold;
  list-style: none;
  margin: 0 0 5px 0;
  width: 100%;
}
  
#nav a { background: #fceba4; display: block; padding: 0.2em 2.42em 0.4em; text-decoration: none; }
#nav a#current { background: #fcda35; border-bottom: 1px solid #fcda35; color: #000; }
#nav a.last, #footer span.last { border-right: 0; }
#nav a:hover, #nav a#current:hover{ background: #fcf5d7; text-decoration: underline; }
#nav li { border-right: 1px solid #fff; float: left; margin: 0; }
#nav li.last { border-right: 0; }

/*--- Secondary navigation ---*/
#nav-secondary { border: 1px solid #ccc; margin-bottom: 1em; }
#nav-secondary a { text-decoration: none; }
#nav-secondary a:hover { text-decoration: underline; }
#nav-secondary ul { background: #fcf5d7; border: 2px solid #fff; list-style: none; margin: 0 !important; padding: 0 1em 0.5em; }
#nav-secondary li { border-bottom: 1px solid #ebdea8; margin: 0; padding: 0.5em 0; }
#nav-secondary li.last { border: 0; }

/* Content styling
=====================================================================*/
.alt { background: #f5f5f5; }
.clear { clear: both; display: block; }
.day, .sep { border-bottom: 1px solid #ddd; }
.day h4 { float: left; width: 22%; }
.day h5 { margin: 0.4em 0 0 0; }
.day h5, .day p { float: right; width: 77%; }
.day p { clear: both; }
.footnote { font-size: 0.9em; font-style: italic; }
.footnote p { margin: 0; }
.info, .inactive, .inactive a { color: #777; }
p.info { margin: 0; }
.inactive { font-style: italic; }
div.last { border: 0; }
#main .clear { border: 1px solid #fff; }
#main dt { font-weight: bold; }
#main h1#mainHead { color: #cb043b; line-height: 1; }
#main h1 { color: #000; font-size: 1.3em; margin-bottom: 0.6em; }
#main h3 { font-size: 1.2em; }
.opts { white-space: nowrap; }
.program { float: right; width: 73%; }
.sep { margin-bottom: 0.7em; }
.sep h2 { color: #cb043b; }
.sponsors { clear: both; text-align: center; }
.sponsors li { display: inline; margin-right: 1em; }
.sponsors img { vertical-align: middle; }
	
/* -- Callouts and columns -- */
.C2L, .C2R { width: 48.5%; }
.C2L, .C3L, .C3M, .callL, .call-l { float: left; }
.C2R, .C3R, .callR, .call-r { float: right; }
.C3L { margin-right: 2%; }
.C3L, .C3M, .C3R { width: 32%; }

.callout { border: 1px solid #387fd1; margin-bottom: 0.5em; padding: 0.3em 0.9em 0.1em; }
.callL, .call-l { clear: left; margin-right: 1em; }
.callL, .call-l, .callR, .call-r, .gallery { color: #777; }
.callR, .call-r { clear: right; margin-left: 1em; }
dl.callR dd, dl.callL dd { margin-bottom: 0.5em; }
dl.callR dt, dl.callL dt { margin-top: 0; }
div.callL, div.call-l, div.callR, div.call-r, p.callL, p.call-l, p.callR, p.call-r { width: 200px; }
.callL img, .call-l img, .callR img, .call-r img { display: block; }

/* -- Date picker -- */
.datePicker { position: absolute; text-align: center; width: 17em; z-index: 9999; }
.datePicker button { display: block; font-weight: bold; height: 100%; width: 100%; }

.datePicker table {
	background: #fff;
	cursor: default;
	empty-cells: show;
	position: relative;
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

.datePicker tbody td { width: 14.28%; }
.datePicker td, .datePicker th { border: 1px solid #ddd; }
.datePicker td { background: #fff; line-height: 1.2em; padding: 0.5em 0 0.4em; }
.datePicker thead tr { background: #2e4153; }
.datePicker thead th { background: #778a3e; padding: 0.3em; }

.datePicker th {
	border: 0;
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	padding: 0.2em;
	text-align: center;
	vertical-align: middle;
}

.datePicker th button {
	background: transparent;
	border: 0;
	color: #fff;
	display: inline;
	font-weight: normal;
	height: 1em;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	width: 0.8em;
}

	/* Empty cells */
	.datePicker td.out-of-range { background: #f5f5f5; }
	
	/* Calendar icon */
	.date-picker-control {
		background: transparent url(/images/icon-calendar.gif) no-repeat 0 0;
		border: 0;
		cursor: pointer;
		height: 16px;
		margin-left: 0.5em;
		vertical-align: top;
		width: 16px;
	}
	
	/* Selected day/hover */
	.datePicker td.date-picker-selected-date, .datePicker td#date-picker-hover { background: #fcda35; color: #cb043b; }
	
	/* Weekday buttons */
	.datePicker th button.fd-day-header {
		height: auto;
		line-height: 1.4em;
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
		width: auto;
	}
	
	.datePicker th.date-picker-day-header { font-size: 0.9em; text-transform: uppercase; cursor: help; }
	
	/* Iframe hack to cover selectlists in Internet Explorer <= v6 */
	.iehack { border: 0; padding: 0; position: absolute; background: #fff; z-index: 9998; display: none; }

/*--- Detail pages ---*/
#detail h4 { margin-bottom: 1.5em; }

/*--- Email obfuscation ---*/
.email-link { direction: rtl; unicode-bidi: bidi-override; }

/*--- Forms ---*/
.check { display: none; }
.form { font-size: 1em; line-height: 1.4; margin: 0; }
.form .c2l, .form .c2r { margin-bottom: 0; }
.form .mute { font-size: 0.8em; }
.form p { margin-bottom: 0.5em; }
.form table td, .form table th { font-size: 1em; }
.form td, .form th { border: 0; padding: 0.5em 0; }
.form th { color: #000; font-weight: bold; padding-right: 4%; text-align: right; vertical-align: top; width: 28%; }
.form th .mute { color: #777; font-size: 1em; font-weight: normal; }

	/* Alerts */
	.alert { color: #ff5044; }
	div.alert { border: 3px double #e72019; clear: both; margin-bottom: 1em; padding: 1em 1.5em 0; }
	div.alert li { background: none; padding: 0; }
	div.alert ul { list-style: disc; margin-left: 1.5em; }
	p.alert { background: url(/images/icon-alert.gif) no-repeat 0 0.2em; padding-left: 1.7em; }
	strong.alert { font-size: 1.1em; }
	#sidebar .alert { padding-bottom: 1.5em; }
	
	/* Buttons */
	.btn { overflow: visible; margin-right: 0.5em; padding: 0.1em 0.6em 0.2em; }
	.btns { margin: 1.5em 0; }
	.content-secondary .btn, .highlights .btn { font-size: 1em; }
	
	/* Checklists */
	.checklist {
		border: 1px solid #ccc;
		max-height: 20em;
		line-height: 1.4;
		margin-bottom: 1em;
		overflow: auto;
	}
	
	.checklist input { margin-bottom: 1px; }
	.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
	.checklist li { background: none; display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
	.checklist li p { margin: 0; padding: 1em 0 0; }
	.checklist li ul { margin: 0 0 0 2em; }
	.checklist .mute { font-size: 1em; white-space: nowrap; }
	.checklist p { font-weight: bold; margin-bottom: 0.25em; }
	.checklist .selected { background: #ffa; }
	.checklist ul { margin-bottom: 1em; }
	.form .checklist { margin-top: 0.5em; position: relative; width: 97%; }
	
	/* Confirmations */
	.confirm { color: #229230; font-weight: bold; }
	p.confirm { background: url(/images/icon-confirm.gif) no-repeat 0 0.2em; padding-left: 1.7em; }
	
	/* Date/time */
	table.dateTime { margin: 0; width: auto; }
	table.dateTime td { white-space: nowrap; }
	table.dateTime td, table.dateTime th { border: 0; padding: 0 1em 0.5em; }
	table.dateTime th { text-align: left; padding: 0; width: 3em; }
	
	/* Full mode */
	.full .btns { margin-left: 16%; }
	.full .form th { width: 14%; }
	
	/* Login */
	#login { margin: 0 auto; width: 60%; }
	
	/* Name fields */
	.c-name-first, .c-name-last { width: 42%; }
	.c-name-middle { width: 3%; }
	
	/* Options */
	.options-h, .options-v { list-style: none; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	
	/* Search */
	#search { color: #fff; float: right; font-size: 0.9em; margin: 0.1em 0 0.6em; white-space: nowrap; }
	#search .btn { margin: 0; padding: 0.15em 0.8em 0.25em; }
	#search input { font-size: 1em; }
	#search .txt { margin-left: 0.8em; width: 15em; }
	#search p { margin: 0; }
	
	/* Sign in */
	.signin .btns { margin-left: 27%; }
	.signin .form th { width: 25%; }
	
	/* Text boxes */
	textarea.txt { font-size: 1em; padding: 0; }
	.txt { width: 95%; }
	.txt, .txtSm, .txtMed, .txt-tiny { padding: 0.5em; }
	.txtMed { margin-right: 1em; width: 47%; }
	.txtSm { width: 7em; }
	.txt-tiny { width: 3em; }

/* -- Galleries -- */
.gallery { clear: both; list-style: none; margin: 0; }
.gallery img { display: block; margin-bottom: 0.3em; }
.gallery li { float: left; margin: 0 15px 1em 0; width: 140px; }

/* -- Google maps -- */
.balloon strong { display: block; font-size: 1.2em; }

/* -- Icons -- */
img.icon, img.file-icon { border: 0; margin: 0 4px -3px 0; padding: 0; }

/* -- Sidebar -- */
.panel { border-bottom: 1px solid #ddd; padding: 0 6px 0.5em 6px; margin-bottom: 0.5em; }
#sidebar a { color: #cb043b; }
#sidebar fieldset { border: 0; padding: 0; }

	/* Home pages */
	.home #binSidebar { border: 1px solid #ccc; }
	.home #sidebar { background: #fcf5d7; border: 2px solid #fff; padding-top: 0.55em; }
	.home #sidebar p, #sidebar ul { margin-bottom: 0.4em; }
	
	/* Detail pages */
	.detail h2 { color: #000; }
	.detail .panel { padding-left: 0; padding-right: 0; }

/* -- Tasks -- */
.tasks {
	background: #f5f5f5;
	border: 1px solid #bbb;
	font-size: 1.1em;
	list-style: none;
	margin-left: 0;
	padding: 0.7em 1em 0.9em;
	text-align: center;
}

.tasks li { display: inline; border-right: 1px solid #ccc; margin-right: 0.7em; padding-right: 0.7em; }
.tasks li.last { border: 0; margin: 0; padding: 0; }


/* Footer
=====================================================================*/
#footer { clear: both; color: #666; padding: 10px }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer span { border-right: 1px solid #666; display: inline; padding: 0 0.7em 0 0.4em; }
#footer span.first { padding-left: 0; }
#footer * { margin: 0; }
#bottom {
	background: url(/images/bgShadowMainB.gif) no-repeat top left;
	margin: 0 auto;
	height: 6px;
	width: 758px;
}