/* Base CSS Document for Judge Jane Gray Committee
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 09/11/2009
Last Updated: 08/25/2010
Copyright: Strategic Insights */


/*-------------------------
Structure
------------------------*/

*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	margin: 0 auto;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 100%;
	line-height: 1;
	text-align: center;
	color: #333;
	background-color: #fff;
	
}
div {
	display: block;
	
}
div#wrapper div#header, div.columns, div#footer {
	width: 100%;
	position: relative;
	margin: 0 auto;
	clear: both;
	overflow: auto;
	
}
div.columns {
	top: -3px
	
}
div#header, div#footer {
	color: #333;
	background: url(/elements/images/bg-header.gif) repeat-x #ebf3e1;

}
div#footer {
	margin-top: 18px;
	overflow: auto;
	
}

/*-------------------------
Secondary divs
------------------------*/

div.top, div.bottom, div#footer div.columns {
	width: 920px;
	margin: 0 auto;
	clear: both;
	
}
div#header div.top {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	
}
div#header div.bottom {
	width: 100%;
	height: 40px;
	position: relative;
	top: -3px;
	clear: both;
	background: url(/elements/images/bg-nav.gif) repeat-x;
	
}
div#header div.col-left, div#header div.col-right {
	float: left;
	
}
div#header div.col-left, div.columns div.col-left {
	width: 368px;
	
}
div#header div.col-right, div.columns div.col-right {
	width: 552px;
	
}
div#footer div.col-left, div#footer div.col-right {
	margin-top: 51px;
	
}
div#nav {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	
}
div.columns div.col-left, div.columns div.col-right {
	float: right;
	text-align: left;
	
}
div.columns div.top div.col-right, div.columns div.bottom div.col-right {
	width: 527px;
	margin-left: 25px;
	
}
div#rotate {
	margin: 18px 0 9px 0;
	
}
div.red, div.cyan, div.blue, div.green {
	margin-top: 16px;
	padding: 25px 0 5px 0;
	border-top: 6px solid;
	
}
body#page-home div.green, body#page-community div.green, body#page-contact div.green {
	margin-top: 0;
	padding-top: 0;
	border: none;
	
}
div.red {
	border-color: #ad2524;
	
}
div.green {
	border-color: #9ac46a;
	color: #333;
	background-color: #ebf3e1;
	
}
	div.green.border, body#page-home div.green.border {
		padding: 25px 0 5px 0;
		border-top: 6px solid #9ac46a;
	
	}
div.cyan {
	border-color: #27a5f9;
	color: #333;
	background-color: #dff2fe;
	
}
div.blue {
	border-color: #2d3690;
	
}
div.blue div.columns div.col-left, div.blue div.columns div.col-right {
	float: left;
	
}
div.blue div.columns div.col-left {
	width: 182px;
	padding-left: 20px;
	
}
div.blue div.columns div.col-right {
	width: 321px;
	margin: 0;
	
}
div.highlight {
	padding: 0 25px;
	margin-bottom: 20px;
	overflow: auto;
	border-bottom: 1px solid #c0c2dd;
	
}
div.pika_main {
	width: 477px;
	margin: 30px auto;
	
}
div.pika_caption {
	margin-top: 15px;
	font-size: .875em;
	line-height: 1.568em;
	
}
div.pika_navigation {
	display: none;
	
}
div.starboard {
	width: 200px;
	padding: 2px;
	border: 1px solid;
	
} 
div.red div.highlight, div.red div.starboard {
	border-color: #dea8a7;
	
}
div.endorsements {
	width: 368px;
	height: 179px;
	
}

/*-------------------------
Images
------------------------*/

img {
	border: none;
	
}
img#print-logo {
	display: none;
	
}
div.blue img {
	border: 1px solid #195781;
	
}
ul#pikame img {
	cursor: pointer;
	
}

/*-------------------------
Forms
------------------------*/

form {
	margin-bottom: 30px;
	
}
	div.green form {
		overflow: auto;
	
	}
form p {
	display: block;
	clear: both;
	
}
form p label {
	display: block;
	width: 6em;
	float: left;
	margin-right: 5px;
	
}
	form p label.checkbox {
		margin: -3px 0 8px 0;
		width: auto;
	
	}
form p input, form p textarea {
	display: block;
	width: 18em;
	float: left;
	margin-bottom: 7px;
	padding: 2px;
	border: 1px solid #ad2524;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #333;
	background-color: #fff;
	
}
	div.green form p input {
		border-color: #9ac46a;
		width: 16em;
	
	}
	form p input.checkbox {
		border: none;
		margin-right: 5px;
		width: auto;
	
	}
form p textarea {
	height: 125px;
	resize: none;
	
}
input#submit {
	display: block;
	clear: both;
	margin-left: 18.25em;
	
}
	div.green form p input#submit {
		background: none;
		border: none;
		clear: none;
		margin: -6px 0 0 5px;
		width: auto;
	
	}
input.error, textarea.error {
	background: #ffbcbc !important;
	
}
span.error {
	color: #ff0000;
	font-size: 12px;
	padding-left: 8px;
	
}

/*-------------------------
Headlines
------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 25px 18px 25px;
	font-weight: normal;
	
}
h1 {
	font-size: 2.125em;
	line-height: 1.118em;
	
}
div#header h1 {
	font-size: 1.750em;
	line-height: 1.144em;
	text-align: center;
	color: #2d3690;
	background-color: inherit;
	
}
div.red h1 {
	color: #600b0a;
	background-color: inherit;

}
h2 {
	font-size: 1.750em;
	line-height: 1.144em;
	
}
div#header h2 {
	margin-bottom: 0;
	font-size: 1.5em;
	line-height: 1em;
	font-style: italic;
	text-align: center;
	color: #7982b0;
	background-color: inherit;
	
}
div.blue h2, div.blue h3, div.cyan h3 {
	color: #2d3690;
	background-color: inherit;
	
}
h3 {
	font-size: 1.5em;
	line-height: 1.168em;
	
}
div.red h3 {
	color: #ad2524;
	background-color: inherit;
	
}
div.green h3 {
	color: #526838;
	background-color: inherit;
	
}
h3.endorsements {
	display: block;
	width: 368px;
	height: 135px;
	margin: 0;
	background: url(/elements/images/h3-endorsements.png) no-repeat 0 0;
	
}
div.highlight h3 {
	margin: 0 0 5px 0;
	font-size: 1.125em;
	line-height: 1.168em;
	
}
h4 {
	margin-top: -18px;
	font-size: 1.125em;
	line-height: 1.112em;
	
}
div.red h4 {
	color: #ad2524;
	background-color: inherit;
	
}
div.blue h4, div.cyan h4 {
	color: #6e78b2;
	background-color: inherit;
	
}	
div.green h4 {
	color: #526838;
	background-color: inherit;
	margin-top: 0;

}

/*-------------------------
Paragraphs
------------------------*/

p {
	margin: 0 0 15px 0;
	padding: 0 25px;
	font-size: .875em;
	line-height: 1.568em;
	
}
	p.sm-marg {
		margin-bottom: 8px;
		padding-top: 10px;
	
	}
blockquote p, #rotate ul.large {
	display: block;
	padding-bottom: 3px;
	font-size: 1.125em;
	line-height: 1.224em;
	
}
div.green blockquote p {
	background: url(/elements/images/bg-blockquotep.gif) no-repeat right bottom;
	
}
div.red blockquote p {
	padding: 0 25px;
	background: url(/elements/images/bg-blockquoteredp.gif) no-repeat right bottom;
	
}
p.caption, div.pika_caption {
	font-size: .75em;
	font-weight: bold;
	line-height: 1.498em;
	
}
div.highlight p {
	padding-left: 0;
	
}
div.red div.highlight p {
	padding-right: 0;
	
}
div#footer p {
	display: block;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: .625em;
	line-height: 1.6em;
	
}

/*-------------------------
Lists
------------------------*/

ul, li {
	margin: 0;
	padding: 0;
	
}
ul.regular {
	font-size: .875em;
	line-height: 1.568em;
	list-style-type: none;
	margin: 0 25px 18px 25px;

}
ul.regular li {
	margin-bottom: 7px;

}
ul#pikame {
	display: block;
	width: 473px;
	margin: 0 auto 30px auto;
	padding: 2px;
	overflow: auto;
	border: 1px solid #dea8a7;
	
}
ul#pikame li {
	margin-right: 2px;
	float: left;
	
}
ul.col-left, ul.col-right {
	display: block;
	width: 193px;
	margin-bottom: 18px;
	float: left;
	list-style-type: none;
	font-size: .875em;
	line-height: 1.568em;
	
}
ul.col-right {
	margin-left: 25px;
	
}
ul.col-left li, ul.col-right li {
	margin-bottom: 7px;
	
}

div.highlight ul.large  {
	list-style-type: none;
	font-size: .875em;
	line-height: 1.568em;
}
div.highlight ul.large li {
	margin-bottom: 7px;
	list-style-type: none;
	margin-right:20px;
	
}


ul.large {
	margin: 0 25px;
	list-style-type: none;

}
ul.large li {
	margin-bottom: 7px;
	
}
dl.dates {
	margin-bottom: 25px;
	
}
dl.dates dt {
	display: block;
	width: 47px;
	height: 44px;
	margin: 0 6px 10px 25px;
	float: left;
	clear: left;
	
}
dl.dates dd {
	height: 44px;
	min-height: 44px;
	margin: 0 25px 15px 0; 
	font-size: .75em;
	line-height: 1.664em;
	
}
dl.resume {
	margin-top: 15px;
	margin-bottom: 25px;
	padding: 0 25px;
	font-size: .875em;
	line-height: 1.568em;
	
}
dl.resume dt {
	display: block;
	font-weight: bold;
	
}
dl.resume dd {
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid;
	
}
div.green dl.resume dd {
	border-color: #9ac46a;
	
}
div.blue dl.resume dd {
	border-color: #c0c2dd;
	
}

/*-------------------------
Misc. typography
------------------------*/

blockquote {
	margin: 0 20px;
	padding: 0 5px;
	
}
div.green blockquote {
	background: url(/elements/images/bg-blockquote.gif) no-repeat left top;
	
}
div.red blockquote {
	margin: 0;
	background: url(/elements/images/bg-blockquotered.gif) no-repeat left top;
	
}
.gallery_demo li div .caption {
	font-size: .75em;
	line-height: 1.664em;
	font-style: italic;
	
} 
ul#pikame span {
	display: none;
	
}

/*-------------------------
Inline nav + buttons
------------------------*/

a {
	color: #ad2524;
	background-color: inherit;
	cursor: pointer;
	
}
a:visited {
	color: #bd5150;
	background-color: inherit;
	
}
a:hover, a:active {
	color: #ce7c7c;
	background-color: inherit;
	
}
div.green a {
	color: #88a06e;
	background-color: inherit;
	
}
div.green a:visited {
	color: #9cb085;
	background-color: inherit;
	
}
div.green a:hover, div.green a:active {
	color: #afc19c;
	background-color: inherit;
	
}
dl a.block {
	display: block;
	font-size: 1.166em;
	
}

/*-------------------------
Main navigation
------------------------*/

ul#quicknav, div#nav ul {
	display: block;
	list-style-type: none;
	
}
ul#quicknav {
	width: 167px;
	height: 25px;
	margin-left: 780px;
	text-align: right;
	
}
ul#quicknav li {
	float: left;
	
}
ul#quicknav a {
	display: block;
	height: 25px;
	
}
a#quicknav-home {
	width: 52px;
	background: url(/elements/images/quicknav-home.gif) no-repeat 0 0;
	
}
a#quicknav-contact {
	width: 59px;
	background: url(/elements/images/quicknav-contact.gif) no-repeat 0 0;
	
}
a#quicknav-home:hover, a#quicknav-home:active, a#quicknav-contact:hover, a#quicknav-home:active {
	background-position: 0 -25px;
	
}
div#nav ul {
	height: 40px;
	margin-left: 23px;
	
}
div#nav li {
	float: left;
	
}
div#nav a {
	display: block;
	height: 40px;
	
}
a#nav-home {
	width: 65px;
	background: url(/elements/images/nav-home.gif) no-repeat 0 0;
	
}
a#nav-bio {
	width: 138px;
	background: url(/elements/images/nav-bio.gif) no-repeat 0 0;
	
}
a#nav-campaign {
	width: 160px;
	background: url(/elements/images/nav-campaign.gif) no-repeat 0 0;
	
}
a#nav-endorsements {
	width: 127px;
	background: url(/elements/images/nav-endorsements.gif) no-repeat 0 0;
	
}
a#nav-community {
	width: 199px;
	background: url(/elements/images/nav-community.gif) no-repeat 0 0;
	
}
a#nav-donorcard {
	width: 101px;
	background: url(/elements/images/nav-donor.gif) no-repeat 0 0;
	
}
a#nav-contact {
	width: 83px;
	background: url(/elements/images/nav-contact.gif) no-repeat 0 0;
	
}
a#nav-volunteer {
	width: 96px;
	background: url(/elements/images/nav-volunteer.gif) no-repeat 0 0;

}
body#page-home a#nav-home, a#nav-home:hover, a#nav-home:active, body#page-bio a#nav-bio, a#nav-bio:hover, a#nav-bio:active, body#page-campaign a#nav-campaign, a#nav-campaign:hover, a#nav-campaign:active, body#page-endorsements a#nav-endorsements, a#nav-endorsements:hover, a#nav-endorsements:active, body#page-community a#nav-community, a#nav-community:hover, a#nav-community:active, a#nav-donorcard:hover, a#nav-donorcard:active, body#page-contact a#nav-contact, a#nav-contact:hover, #nav-contact:active, body#page-volunteer a#nav-volunteer, a#nav-volunteer:hover, a#nav-volunteer:active {
	background-position: 0 -40px;
	
}
ul#redundant-nav {
	display: block;
	margin: 0 0 0 25px;
	clear: both;
	overflow: auto;
	list-style-type: none;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: .625em;
	line-height: 1.455em;

}
ul#redundant-nav li {
	margin: 0 5px 0 0;
	padding: 0 0 0 7px;
	float: left;
	background: url(/elements/images/li-redundant.gif) no-repeat left bottom;
	
}
ul#redundant-nav li.no-bg {
	padding: 0;
	background: none;
	
}

/*-------------------------
General classes
------------------------*/

.southpaw {
	margin: 0 20px 10px 20px;
	float: left;
	
}
.starboard {
	margin: 0 20px 10px 20px;
	float: right;
	
}
.ralign {
	text-align: right;
	
}
.lalign {
	text-align: left;
	
}
.calign {
	text-align: center;
	
}
.clear-both {
	display: block;
	clear: both;
	
}
.clear-left {
	clear: left;
	
}
.clear-right {
	clear: right;
	
}
.fakehide {
	position: absolute;
	left: -999999em;
	
}
.truehide {
	display: none;
	
}
.italic {
	font-style: italic;
	
}



/*-------------------------
Calendar splices
------------------------*/
span.m-1, span.m-2, span.m-3, span.m-4, span.m-5, span.m-6, span.m-7, span.m-8, span.m-9, span.m-10, span.m-11, span.m-12 {
	display: block;
	width: 47px;
	height: 24px;
	
}
span.m-1 {
	background: url(/elements/images/m-01.gif) no-repeat 0 0;
	
}
span.m-2 {
	background: url(/elements/images/m-02.gif) no-repeat 0 0;
	
}
span.m-3 {
	background: url(/elements/images/m-03.gif) no-repeat 0 0;
	
}
span.m-4 {
	background: url(/elements/images/m-04.gif) no-repeat 0 0;
	
}
span.m-5 {
	background: url(/elements/images/m-05.gif) no-repeat 0 0;
	
}
span.m-6 {
	background: url(/elements/images/m-06.gif) no-repeat 0 0;
	
}
span.m-7 {
	background: url(/elements/images/m-07.gif) no-repeat 0 0;
	
}
span.m-8 {
	background: url(/elements/images/m-08.gif) no-repeat 0 0;
	
}
span.m-9 {
	background: url(/elements/images/m-09.gif) no-repeat 0 0;
	
}
span.m-10 {
	background: url(/elements/images/m-10.gif) no-repeat 0 0;
	
}
span.m-11 {
	background: url(/elements/images/m-11.gif) no-repeat 0 0;
	
}
span.m-12 {
	background: url(/elements/images/m-12.gif) no-repeat 0 0;
	
}
span.d-01, span.d-02, span.d-03, span.d-04, span.d-05, span.d-06, span.d-07, span.d-08, span.d-09, span.d-10, span.d-11, span.d-12, span.d-13, span.d-14, span.d-15, span.d-16, span.d-17, span.d-18, span.d-19, span.d-20, span.d-21, span.d-22, span.d-23, span.d-24, span.d-25, span.d-26, span.d-27, span.d-28, span.d-29, span.d-30, span.d-31 {
	display: block;
	width: 47px;
	height: 20px;
	
}
span.d-01 {
	background: url(/elements/images/d-01.gif) no-repeat 0 0;
	
}
span.d-02 {
	background: url(/elements/images/d-02.gif) no-repeat 0 0;
	
}
span.d-03 {
	background: url(/elements/images/d-03.gif) no-repeat 0 0;
	
}
span.d-04 {
	background: url(/elements/images/d-04.gif) no-repeat 0 0;
	
}
span.d-05 {
	background: url(/elements/images/d-05.gif) no-repeat 0 0;
	
}
span.d-06 {
	background: url(/elements/images/d-06.gif) no-repeat 0 0;
	
}
span.d-07 {
	background: url(/elements/images/d-07.gif) no-repeat 0 0;
	
}
span.d-08 {
	background: url(/elements/images/d-08.gif) no-repeat 0 0;
	
}
span.d-09 {
	background: url(/elements/images/d-09.gif) no-repeat 0 0;
	
}
span.d-10 {
	background: url(/elements/images/d-10.gif) no-repeat 0 0;
	
}
span.d-11 {
	background: url(/elements/images/d-11.gif) no-repeat 0 0;
	
}
span.d-12 {
	background: url(/elements/images/d-12.gif) no-repeat 0 0;
	
}
span.d-13 {
	background: url(/elements/images/d-13.gif) no-repeat 0 0;
	
}
span.d-14 {
	background: url(/elements/images/d-14.gif) no-repeat 0 0;
	
}
span.d-10 {
	background: url(/elements/images/d-10.gif) no-repeat 0 0;
	
}
span.d-15 {
	background: url(/elements/images/d-15.gif) no-repeat 0 0;
	
}
span.d-16 {
	background: url(/elements/images/d-16.gif) no-repeat 0 0;
	
}
span.d-17 {
	background: url(/elements/images/d-17.gif) no-repeat 0 0;
	
}
span.d-18 {
	background: url(/elements/images/d-18.gif) no-repeat 0 0;
	
}
span.d-19 {
	background: url(/elements/images/d-19.gif) no-repeat 0 0;
	
}
span.d-20 {
	background: url(/elements/images/d-20.gif) no-repeat 0 0;
	
}
span.d-21 {
	background: url(/elements/images/d-21.gif) no-repeat 0 0;
	
}
span.d-22 {
	background: url(/elements/images/d-22.gif) no-repeat 0 0;
	
}
span.d-23 {
	background: url(/elements/images/d-23.gif) no-repeat 0 0;
	
}
span.d-24 {
	background: url(/elements/images/d-24.gif) no-repeat 0 0;
	
}
span.d-25 {
	background: url(/elements/images/d-25.gif) no-repeat 0 0;
	
}
span.d-26 {
	background: url(/elements/images/d-26.gif) no-repeat 0 0;
	
}
span.d-27 {
	background: url(/elements/images/d-27.gif) no-repeat 0 0;
	
}
span.d-28 {
	background: url(/elements/images/d-28.gif) no-repeat 0 0;
	
}
span.d-29 {
	background: url(/elements/images/d-29.gif) no-repeat 0 0;
	
}
span.d-30 {
	background: url(/elements/images/d-30.gif) no-repeat 0 0;
	
}
span.d-31 {
	background: url(/elements/images/d-31.gif) no-repeat 0 0;
	
}