/*
	Site: The Committee of 200
	Part: Master styles
*/


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


/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
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; }


/* Fonts
======================================================================*/
body, .form th, h1, input, select, textarea { font-family: Georgia, "Times New Roman", Times, serif; }

div.call-l, div.call-r,
#footer, h1 span, h2, h3, h4, h5, h6, .info, input, #nav, #nav-wizard, #profile-search,
select, table, .tagList, textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


/* Basics
======================================================================*/
a, h1 span a, h3 span a , h2 span a { color: #193a6b; }
a:hover { text-decoration: none; }
a:hover img { border-color: #5c5352; }
abbr, acronym { cursor: help; }
address { font-style: normal; }
blockquote, dl, dd, form, ol, p, table, ul { margin-bottom: 0.92em; }

body {
	background: #fff;
	border-top: 0.05em solid #aba6a6;
	font-size: 76%;
	line-height: 1.555;
	padding-top: 1.05em;
	text-align: center;
}

dt { margin-top: 0.92em; }
fieldset { border: 0; }
h1 { font-size: 1.53em; line-height: 1.2; margin-bottom: 0.3em; }
h1, h1 a, h2, h2 a { color: #7e1600; }
h1, h2, h3, h4 { font-weight: normal; }
h1 span { font-size: 0.55em; }
h2 { font-size: 1.15em; line-height: 1.2; margin-bottom: 0.26em; }
h2 span { font-size: 0.7em; }
h3 { font-size: 1.07em; line-height: 1.28; margin-bottom: 0.28em; }
h3, h3 a { color: #7c7473; }
h3 span { font-size: 0.8em; font-weight: normal; margin-left: 0.2em; }
hr { background: #bdb8b7; border: 0; clear: both; color: #bdb8b7; height: 1px; }
hr, .hr { margin: 1.5em 0 1em; }
.hr hr { display: none; }
.hr { background: url(/images/hr.gif) repeat-x 0 0; clear: both; height: 5px; }
html { background: #fff; border-top: 0.3em solid #5c5352; padding-top: 0.1em; }
li { margin-bottom: 0.5em; }
img { border: 0.05em solid #bbbcbd; padding: 2px; }
table { border-collapse: collapse; empty-cells: show; font-size: 0.8em; margin-top: 1em; width: 100%; }
table p { margin-bottom: 0.2em; }
td, th { vertical-align: top; }
td { border: 1px solid #eae8dd; padding: 0.3em 0.4em 0.4em; }
th { border-bottom: 1px solid #5c5352; color: #7e1600; font-weight: bold; padding: 0 0.6em 0.5em; text-align: left; }
ul { list-style: none; }
ul ul { margin-top: 0.5em; }
ul li { background: url(/images/bullet-primary.gif) no-repeat 0 0.6em; padding-left: 1em; }


/* Core layout
======================================================================*/
#content { background: url(/images/bg-content.gif) repeat-y 25% 0; border: 1px solid #bcb38f; height: 1%; }
#content-primary { display: inline; float: right; margin-right: 2em; width: 69.9%; }
#content-primary, #content-secondary, #content-tertiary { padding: 1.7em 0; }
#content-secondary, #content-tertiary { display: inline; float: left; margin-left: 2em; }
#content-secondary { float: left; margin-left: 2em; width: 20%; }
#page { margin: 0 auto; padding: 0 2em; width: 900px; }
	
	/*--- Columns ---*/
	.c2l, .c2r, .c3l, .c3m, .c3r { margin: 0 !important; }
	.c2l, .c2r { width: 48%; }
	.c2l, .c3l, .c3m { float: left !important; }
	.c2r, .c3r { float: right !important; }
	.c3l, .c3m, .c3r { width: 30%; }
	.c3m { padding-left: 3.5% !important; }
	
	/*--- Footer ---*/
	#footer { padding: 1em 0; }
	
	/*--- Header ---*/
	#header { padding-bottom: 1.25em; }
	
	/*--- Home pages ---*/
	#content-tertiary { float: right; margin-right: 2em; width: 20.4%; }
	#home #content-bin { background: url(/images/dots-vertical.gif) repeat-y 75% 0; }
	#home #content-primary-secondary { float: left; width: 73%; }
	#home #content-primary { width: 62.75%; margin-right: 0; }
	#home #content-secondary { width: 28%; }
	
	/*--- Profile/search ---*/
	#profile-search { padding: 0.4em 0.9em 0.5em 0.4em; }
	.search { float: left; width: 48%; }
	#profile { float: right; margin-top: 0.2em; }


/* Content
======================================================================*/
.alt { background: #f8f8f4; }
.clear { clear: both; }
div.call-l, div.call-r { font-size: 0.8em; line-height: 1.45; }
#feature { margin-bottom: 0.3em; }
.info, .info a { color: #888; }
dd.info, p.info { font-size: 0.8em; margin-bottom: 0.2em; }
#page { font-size: 1.1em; text-align: left; }

/*--- Alerts ---*/
.alert { color: #f00; }
div.alert { border: 2px solid #fcc; margin-bottom: 1em; padding: 0.5em 1em 0; }
.alert ul.alert { list-style: disc; margin-left: 2em; }
.alert ul.alert li { background: none; padding: 0; }

/*--- List details ---*/
div.details .event { float: right; width: 85%; }
div.details h2 { clear: both; }
div.details .info { font-size: 0.8em; }
div.details li { float: left; margin-bottom: 0.15em; width: 100%; }
div.details ol { float: left; list-style: none; width: 100%; }

/*--- Calendars ---*/
div.calendar .event { float: right; width: 85%; }
div.calendar h2 { clear: both; }
div.calendar .info { font-size: 0.8em; }
div.calendar li { float: left; margin-bottom: 0.15em; width: 100%; }
div.calendar ol { float: left; list-style: none; width: 100%; }
div.calendar strong { float: left; width: 12%; }

	/* Mini calendar */
	ol.calendar, ol.calendar ol { list-style: none; }
	ol.calendar li { margin-bottom: 1em; }
	ol.calendar li li { background: url(/images/bullet-secondary.gif) no-repeat 0 0.6em; margin-bottom: 0.2em; padding-left: 1em; }
	ol.calendar strong { display: block; font-weight: normal; }

/*--- Callouts ---*/
.call-l .info, .call-r p.info { font-size: 1em; }
.call-l { float: left; margin: 0 1em 1em 0; }
.call-r { float: right; margin: 0 0 1em 1em; }

div.call-l, div.call-r {
	background: url(/images/hr.gif) repeat-x 0 0;
	border-bottom: 1px solid #bdb8b7;
	padding: 1.5em 0 0.75em;
	width: 30%;
}

/*--- Contact info ---*/
.contact li { background: none; margin: 0; padding: 0; }

/*--- Credit cards ---*/
.credit img, .credit input { vertical-align: middle; }
.field-group { clear: both; margin: 0; }
.field-group li { background: none; margin: 0 5% 0.5em 25px; padding: 0; text-indent: -25px; }
* html .field-group li { margin-right: 1.5%; }

/*--- Footer ---*/
#contact { float: left; }
#credit { float: right; }
#footer { color: #8c8584; font-size: 0.8em; }
#footer br { display: none; }
#footer .line { display: block; }
#footer span span { border-right: 1px solid #8c8584; margin-right: 0.3em; padding-right: 0.8em; }
#footer span span.last { border: 0; margin: 0; padding: 0; }

/*--- Forms ---*/
.btn { overflow: visible; padding: 0.15em 0.7em 0.2em; }
.btns { text-align: right; }
.btns .btn { font-size: 0.8em; }
.btns .c2l { text-align: left; }
.form .info { font-size: 1em; }
.form li { background: none; float: left; margin-right: 1em; padding: 0; }
.form li input { position: relative; /*vertical-align: middle;*/ }
.form input { position: relative; }
/*.form input[type=radio], .form input[type=checkbox] { vertical-align: -20%; }*/
.form td { border: 0; padding: 0 0 1em 1em; }
.form th { border: 0; color: #000; font-size: 1.2em; font-weight: normal; padding: 0 1em 0 0; text-align: right; width: 25%; }
.opt-list li { background: none; float: none; margin: 0 0 0.2em 22px; padding: 0; text-indent: -25px; }

.txt, .txt-num {
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #949494;
	border-right: 1px solid #bbb;
	border-top: 1px solid #949494;
	padding: 0.2em 0.1em 0.4em;
}

.txt { width: 98%; }
.txt-search { width: 70%; }
select.txt { padding: 0.1em; }
.txt-num { width: 5em; }

	/* Filters */
	.filter * { vertical-align: middle; }
	
	/* Search */
	.search input, .search a { vertical-align: middle; }
	.search .txt { width: 34%; }

/*--- Galleries ---*/
.gallery { line-height: 1.4; list-style: none; margin-left: 0; margin-top: 1em; }
.gallery img { border: 0; padding: 0; vertical-align: middle; }
.gallery li { background: none; float: left; height: 15em; margin: 15px 15px 25px 0; padding: 0; text-align: center; width: 140px; }
.gallery .shim { display: inline-block; height: 100%; vertical-align: middle; }
.gallery .thumb { display: table-cell; height: 160px; vertical-align: middle; width: 140px; }

/*--- Header ---*/
#header img { border: 0; display: block; padding: 0; }
#header li { background: none; padding: 0; }
#header p, #header ul { margin-bottom: 0; }
#logo { float: left; }

/*--- Navigation ---*/
#nav { font-size: 0.9em; float: right; margin-top: 1.8em; }
#nav a { border: 1px solid #fff; display: block; line-height: 1; padding: 0.45em 0.75em 0.65em; }
#nav a:hover { background: #f7f6f1; border: 1px solid #e4e1d2; }
#nav li { float: left; margin: 0 0 0 0.1em; white-space: nowrap; }

#nav li.current a {
	background: #eae8dd;
	border: 1px solid #bcb38f;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#nav li.current a:hover { background: #eae8dd; border: 1px solid #bcb38f; text-decoration: underline; }
	
	/* Wizard */
	#nav-wizard {
		font-size: 0.8em;
		list-style: none;
		margin-left: 0;
		padding: 0.5em 0;
		text-align: center;
	}
	
	#nav-wizard, #nav-wizard a { color: #7f8183; }
	#nav-wizard .last { background: none; }
	
	#nav-wizard li {
		background: url(/images/bullet-wizard.gif) no-repeat 100% 50%;
		display: inline;
		padding: 0 1.8em 0 0.8em;
	}
	
	#nav-wizard strong { color: #000; }

/*--- Profile/search ---*/
#profile-search { background: #e4e0d2; border-bottom: 1px solid #bcb38f; font-size: 0.8em; }
#profile-search form, #profile-search li, #profile-search p, #profile-search ul { margin-bottom: 0; }
#profile li, #profile p { border-right: 1px solid #929497; margin: 0 0.5em 0 0; padding-right: 0.8em; }
#profile li, #profile p, #profile ul { display: inline; }
#profile li { background: none; padding-left: 0; }
#profile .last { border: 0; margin: 0; padding: 0; }

/*--- Secondary/tertiary content ---*/
#content-secondary h2, #content-tertiary h2, div.call-l h2, div.call-r h2 { font-size: 1.3em; }
#content-secondary h3, #content-tertiary h3, div.call-l h3, div.call-r h3 { font-size: 1.27em; }
#content-secondary .txt, #content-tertiary .txt { display: block; margin-top: 0.2em; width: 97%; }	
#content-secondary ul li, #content-tertiary ul li, div.call-l ul li, div.call-r ul li { padding-left: 1.5em; }

	/* Secondary */
	#content-secondary h2 { color: #5c5352; }
	#content-secondary h3 { color: #000; }
	#content-secondary ul li { background-image: url(/images/bullet-secondary.gif); }
	#content-secondary strong a { color: #000; }
	
	/* Tertiary */
	#content-tertiary ul li, div.call-l ul li, div.call-r ul li { background-image: url(/images/bullet-tertiary.gif); }

/*--- Summary lists ---*/
.summaries dt { clear: both; margin-top: 1.25em; padding-top: 0.75em; }

	/*--- Thumbnail lists ---*/
	.c2l .thumblist dt, .c2r .thumblist dt { border: 0; padding-top: 0; }
	.thumblist dd, .thumblist dt { padding-left: 115px; }
	.thumblist dt { clear: both; margin-top: 1em; }
	.thumblist img { float: left; margin: 0.25em 0 1em -115px; text-align: center; }
	img.thumb, .thumblist img { border: 1px solid #ddd; }

/*--- Table columns ---*/
.col-opts { width: 7.5em; }

/*--- Tags ---*/
.tagList { font-size: 0.8em; line-height: 2.1em; list-style: none; margin-left: 0; }
.tagList li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tag-list-mini strong { margin-right: 0.5em; }

.t-1 { font-size: 1em; }
.t-2 { font-size: 1.1em; }
.t-3 { font-size: 1.2em; }
.t-4 { font-size: 1.3em; }
.t-5 { font-size: 1.4em; }
.t-6 { font-size: 1.5em; }
.t-7 { font-size: 1.6em; }
.t-8 { font-size: 1.7em; }
.t-9 { font-size: 1.8em; }
.t-10 { font-size: 1.9em; }
.t-11 { font-size: 2em; }
.t-12 { font-size: 2.1em; }
.t-13 { font-size: 2.2em; }
.t-14 { font-size: 2.3em; }
.t-15 { font-size: 2.4em; }

/*--- Tasks (adding a posting, etc.) ---*/
.tasks { white-space: nowrap; }

.tasks li {
	background: none;
	border-right: 1px solid #98999c;
	display: inline;
	margin-right: 0.4em;
	padding: 0 0.8em 0 0;
}

.tasks li.last { border: 0; margin: 0; padding: 0; }
.tasks img { border: 0; margin-right: 0.25em; padding: 0; vertical-align: middle; }