/* 	Stylesheet: master.css
	URL: http://prolifeaction.org/includes/style/master.css
	Based on: newmaster.css from old League site
	Version: 3.0
	Author: Eric Scheidler
	Contact: eric@prolifeaction.org
	Last Updated: 12/08/2009
------------------------- */

@import "boxes.css"; /* IMAGE styles imported */
@import "navigation.css"; /* NAVIGATION styles imported */


/*	MAJOR LAYOUT Styles
------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(15,15,15);
	background-color: rgb(255,255,255);
	margin: 0;
	padding: 0;
}
#header {
	width: 100%;
	height: 37px;
	text-align: center;
	margin: 0;
	position: fixed;
	top: 0;
	background-color: rgb(80,140,30);
	padding: 2px 0 1px;
	border-bottom: 3px solid rgb(65,115,30);
	border-top: 1px solid rgb(50,90,30);
	z-index: 1000;
}
#printheader {
	display: none;	
}
#header img {
	position: relative;
	left: -149px;
	padding: 0;
	margin: 0;
	border: none;
}
#mainpage { /* Changes below made 11/14/08 to fix for IE 6. */
	width: 535px;
	margin: 0 0 1em;
	position: relative;
	top: 80px; /* Would've prefered to use a top-margin, but IE won't render it */
	left: 50%;
	margin-left: -375px;
	text-align: left;
	font-size: 1em;
	line-height: 1.3em;
}

/*	SEARCH FORM Styles
------------------------- */
#search {
	padding: 0;
	position: fixed; 
	top: 13px;
	right: 50%;
	margin-right: -405px;
}
#search input.searchtext  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	color: rgb(15,15,15);
	background-color: rgb(225,235,215);
	margin: 0 3px 0 0;
	padding: 4px 2px 0;
	width: 139px;
	height: 16px; 
	border: 2px solid rgb(150,170,130);
	border-top-color: rgb(50,90,30);
	border-left-color: rgb(50,90,30);
}
#search input.searchtext:focus {
	background-color: #dff;
	border-color: #35f;
}
#search input.button {
	margin: 0;
	padding: 6px 66px 6px 4px;
	background-image: url('/includes/images/search.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: rgb(80,140,30);
	border: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
}
#search input.button:hover {
	background-position: -100px 0;
}


/*	CRUMBS Styles
------------------------- */
#crumbs {
	margin: 0 0 4px;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	color: rgb(90,90,90);
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid rgb(140,140,140);
	/* The next three rules keep crumbs on top of <h2><a> and <h3><a> */
	position: relative;
	top: 0;
	z-index: 10;
}
#crumbs a:link, #crumbs a:visited {
	text-decoration: none;
	color: rgb(0,0,220);
	background-image: url('/includes/images/arrows.png');
	background-position: right 3px;
	padding-right: 18px;
	background-repeat: no-repeat;
}
#crumbs a:hover {
	text-decoration: none;
	background-position: right -42px;
	color: rgb(100,100,100);
}


/*	HEADING (h1, h2, h3, etc.) Styles
	--- Usage ---
	H1: Main page title (on per page)
	H1.NORMAL: Overrides blog margin and other settings in shared.css
	H2: Title of major page section (like h1, but with top border)
	H3: Regular subheadings in a page
	H2.BYLINE, H3.BYLINE: Article bylines
	H2.GREETING, H3.GREETING: Rarely-used letter greeting (not to be confused with NEWS styles)
		Possibly make all h2 into h3, and all h2.big into h2? (Lots of updating, though)
	H2.BIGNOTICE: Based on GFL style "blognotice" -- big block link across the page
	H3.SUBTITLE: Used for subtitles of h1 titles
	H4: Permanent URLs, possibly other notes
	
	2009-12-03: I find lots of old stuff here -- "em" measurements, etc. Needs work
------------------------- */
h1,
h2,
h3,
h4,
h5 {
	color: rgb(60,110,40);
}
h1,
h1.normal,
h2 {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	margin: 14px 0 11px;
	clear: both;
}
h2 {
	padding: 3px 0 0;
	border-top: 1px solid rgb(60,110,40); 
}
h3 {
	font-size: 12px;
	line-height: 16px;
	padding-left: 24px;
	margin: 14px 0 12px;
	font-weight: bold;
	text-align: left;
	text-transform: none;
}
h2 a,
h3 a {
	padding-top: 49px;
}
h2 a:hover,
h3 a:hover {
	color: rgb(60,110,40);
}
#mainpage .byline {
	font-style: italic;
	padding-left: 25px;
	font-size: 10px;
	margin-top: -10px; /* Not sure about this recalculation from old stylesheet */
}
.byline a:link, .byline a:visited {
	text-decoration: none;
	font-weight: bold;
}
.byline a:hover {
	text-decoration: underline;
	color: rgb(140,140,140);
}
h2.greeting, h3.greeting {
	padding-left: 0;
}
h3.subtitle {
	position: relative;
	bottom: 6px;
	font-size: 11px;
	text-transform: uppercase; 
	padding: 0;
	margin: 3px 0 5px;
	color: rgb(120,120,120);
}
h3.listhead {
	font-variant: small-caps;
	border-bottom: 1px solid rgb(50,50,50);
	padding-bottom: 1px;
	color: rgb(50,50,50);
}
h3.listhead a:hover {
	color: rgb(50,50,50);
}
h4 {
	font-size: 10px;
	text-align: center;
	margin: 0;
	font-weight: normal;
}
h2.bignotice {
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.bignotice a:link,
.bignotice a:visited {
	display: block;
	padding: 5px 20px;
	color: rgb(255,255,255);
	background-color: rgb(50,85,255);
	text-decoration: none;
}
.bignotice a:hover {
	background-color: rgb(190,50,35);
}
.category-league-day-in-the-past h5 {
/*	background-image: url('/includes/images/history.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding:0 0 45px 10px;
	margin-bottom: 5px; */
}

/*	PARAGRAPH, BLOCKQUOTE & TEXT DIV Styles 
	-USAGE-
	ALERT: Special action item at top of page.
	BLOCKQUOTE.DOC: Document quoted with title, headers, etc.
	CONFIRM: Used on CONTACT and DONATIONS thanks pages for Aweber confirmation form
	BLOCKQUOTE PORTRAITL, ETC.: Restore indentation to blockquote near floating div/img
	GAP and SMALLGAP: Push text down a bit when too close to floated div/img above it
------------------------- */
p {
	margin: 0 0 10px;
	line-height: 1.5em;
}
p.first:first-letter {
	font-size: 160%;
	line-height: 1em;
}
p.quotation {
	margin: 0 5em 1em;
	font-style: italic;
	font-size: 11px;
	text-align: center;
}
p#clear {
	clear: both;
}
.gap {
	padding-top: 16px;
}
.smallgap {
	padding-top: 8px;
}
blockquote {
	font-size: 11px;
	margin: 0 40px 10px;
}
blockquote.doc {
	padding: 20px;
	border: 1px solid rgb(150,150,150);
	border-right-width: 3px;
	border-bottom-width: 3px;
	background-color: rgb(255,255,255);
	margin-top: 2.5em;
	}
blockquote.doc h3 {
	color: rgb(15,15,15);
	text-align: center;
	font-size: 14px;
	margin: 7px 0 19px;
}
blockquote.doc h4,
#mainpage #archive blockquote.doc h4 {
	color: rgb(15,15,15);
	text-align: center;
	font-size: 1em;
	border-bottom: 1px solid rgb(70,70,70);
	padding-bottom: 2px;
}
blockquote.doc dt {
	margin-bottom: 0;
	margin-left: 24px;
}
#mainpage blockquote ul {
	list-style-type: bullet;
	list-style-image: none;
}
portraitL {
	padding-left: 200px;
}
portraitR {
	padding-right: 200px;
}
landscapeL {
	padding-left: 260px;
}
landscapeR {
	padding-right: 260px;	
}
#mainpage form {
	margin: 0;
	padding: 0;
}
address.utility {
	font-style: normal;
	margin-left: 20px;
}
.footnote {
	font-size: 10px;
}
div.note, p.note { /* See also span.note */
	font-size: 10px;
	margin: 10px 0;0
	clear: both;
	color: rgb(0,0,0);
	padding: 3px 8px;
	border: 1px solid rgb(175,175,175); 
	background-color: rgb(235,235,235);
	border-left-width: 4px;
}
.note h4 {
	font-size: 1em;
}
.alert {
	border: 2px solid rgb(170,10,10);
	background-color: rgb(255,255,240);
	padding: 7px;
	font-weight: bold;
}
big { /* Used with Alert */
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
}
.alert a:link {
}
.confirm {
	margin: 5px 30px;	
}
#mainpage .confirm input,
#mainpage .confirm a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	background-color: rgb(255,255,255);
	color: rgb(0,0,220);
	border: none;
	border-bottom: 1px solid;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#mainpage .confirm a {
	padding-left: 4px;
	padding-right: 3px;
}
#mainpage .confirm a:visited {
	color: rgb(0,0,220);
}
#mainpage .confirm input:hover,
#mainpage .confirm a:hover {
	color: rgb(140,140,140);
	border-bottom-color: rgb(255,255,255);
}
#mainpage .noclear {
	clear: none;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}


/*	LINK Styles
------------------------- */
p a { /* Keeps links on top of any H2/A just below */
	position: relative;
	z-index: 10;
}
a:link {
	color: rgb(0,0,220);
	text-decoration: underline;
}
a:visited {
	color: rgb(170,0,170);
	text-decoration: underline;
}
a:hover {
	color: rgb(140,140,140);
	text-decoration: none;
}
a.moreL, a.moreR {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 2px;
	text-transform: uppercase;
	position: relative; /* required by h2 special margin */
	z-index: 200;
}
a.moreL {
	float: left;
	padding: 0;
	margin: 0 0 10px 30px;
}
a.moreR {
	float: right;
	margin: 0 30px 10px 0;
	padding: 0;
}
a.map:link,
a.map:visited {
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 0.8em;
	margin-left: 6px;
	padding: 0 2px 1px 2px;
	border: 1px solid rgb(70,0,140);
	color: rgb(70,0,140);
	position: relative;
	bottom: 1px;
	font-weight: bold;
	text-decoration: none;
}
#mainpage a.map:hover {
	background-color: rgb(70,0,140);
	border-color: rgb(15,15,15);
	color: rgb(255,255,255);
	text-decoration: none;
}


/*	UNORDERED LIST Styles
	-Usage-
	INFO: When DL or bullets would look awkward 
	NOBOLD: When bold links are undesired 
	INTEXT: Classic, separated bulleted list items 
	** These can be used together as class="info nobold" -- Be sure to get the cascade right!
	PARTS: Navigation buttons for long stories
	POEM: Poem DIV with UL Stanzas and LI Lines
	NOTE: DIV with UL inside (not sure of use)
------------------------- */
#mainpage ul {
	padding-left: 12px;
	margin: 0 0 10px 12px;
	}
#mainpage li {
	line-height: 18px;
	position: relative;
	z-index:100; /* Makes sure last couple list items display "over" padding on h2's */
}
#mainpage ul ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainpage ul.info {
	list-style-type: none;
	list-style-image: none;	
	padding-left: 6px;
	margin-left: 12px;
	margin-bottom: 10px;
}
#mainpage .nobold li {
/*	margin-bottom: 10px; */
}
#mainpage .info li {
	margin-bottom: 5px;
}
#mainpage ul.intext {
	margin-bottom: 5px;
}
#mainpage .intext li {
	margin-bottom: 6px;	
}
.parts {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.parts span, .parts a {
	margin: 0 4px 0;
	padding: 1px 3px;
}
.parts span {
	border: 1px solid rgb(15,15,15);
}
.parts a:link, .parts a:visited {
	border: 1px solid rgb(255,255,255);
	text-decoration: none;
	color: rgb(140,140,140);
}
.parts a:hover {
	border: 1px solid rgb(140,140,140);
	text-decoration: none;
	color: rgb(15,15,15);
}
#mainpage .poem ul {
	list-style-type: none;
	list-style-image: none;
	clear: none;
}
#mainpage .poem li {
	font-size: 10px;
	font-weight: bold;
}
#mainpage .poem li cite {
	padding-left: 24px;
}
#mainpage . li.cite
#mainpage .note ul {
	list-style-image: none;
	margin-top: 0;
}


/*	LIST ITEM LINK Styles
------------------------- */
#mainpage ul li a,
#mainpage dt a  {
	font-weight: bold;
	}
#mainpage ul li a:link,
a.more:link,
a.moreR:link,
a.moreL:link,
#mainpage dt a:link {
	text-decoration: none;
}
#mainpage ul li a:visited,
a.more:visited,
a.moreR:visited,
a.moreL:visited,
#mainpage dt a:visited  {
	text-decoration: none;
}
#mainpage ul li a:hover,
a.more:hover,
a.moreR:hover,
a.moreL:hover,
#mainpage dt a:hover {
	text-decoration: underline;
}
#mainpage .nobold li a  {
	font-weight: normal;
}
#mainpage .nobold li a:link,
#mainpage .nobold li a:visited{
	text-decoration: underline;
}
#mainpage .nobold li a:hover {
	text-decoration: none;
}


/*	ORDERED LIST Styles
------------------------- */
#mainpage ol {
	padding-left: 24px;
	margin-left: 24px;
	margin-top: 0;
	list-style-position: outside;
}
#mainpage ol li {
	font-weight: normal;
}
ol.alpha {
	list-style-type: lower-alpha
}
#mainpage ol.long li,
#mainpage ol.lengthy li {
	margin-bottom: 10px;	
}

/*	DEFINITION LIST Styles
	EXCERPTS: For a list of articles (DT) including excerpts (DD)
------------------------- */
dl {
	margin: 0 0 0.8em;
}
dt {
	font-weight: bold;
	margin-bottom: 0.8em;
}
dd {
	font-size: 1em;
	margin: 0 0 0.6em 2em;
	line-height: 1.5em;
}
dl.excerpts dt {
	font-weight: normal;
	list-style-type: bullet;
	background-image: url("/includes/images/greendot.gif");
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 24px;
}
dl.excerpts dd {
	font-size: 0.9em;	
	margin: 0 8px 12px 24px;
}
dl.excerpts dd a.moreR {
	display: inline;
	padding-left: 0px;
}	


/* MISC INLINE Styles
	--- Usage ---
	CITE: Any title of a longer work, court case or source
	EM.EMPHASIS: For greater emphasis (underline, bold, no italics)
	EM.UNDERSCORE: Uses underscore instead of italics (no bold)
	PDF: For bracketed note that a file is a pdf, as [PDF]
	SIGN: For the text of picket signs and other signs
	NOTE: Small note, usually about a list item (See also div.note and p.note, below)
	HELP: Cursor note
	ED: Used for notes at the end of articles, like sources and "next installment" [Moved from news.css]
	URGENT: Used to highlight something in dark red [Moved from home.css]
------------------------- */
acronym, abbr, .help {
	border-bottom: 1px dotted rgb(0,0,220);
	cursor: help;
}
cite {
	font-style: italic;
}
a span.pdf {
	font-size: 10px;
}
span.sign {
	font-variant: small-caps;
}
em.emphasis {
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
}
em.underscore,
em.underline {
	text-decoration: underline;
	font-style: normal;
}
span.note {
	color: rgb(100,100,100)	font-size: 10px;
}
.ed,
.ednote { 
	font-size: 10px;
	color: rgb(70,70,70);
	padding-left: 5px;
	border-left: 2px solid rgb(150,150,150);
}
strong.firstwords {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.1em;
}
.urgent {
	color: rgb(170,10,10);
}
em.highlight {
	background-color: rgb(255,255,25);
	padding: 1px 4px 2px;
	font-style: normal;
}


/*	FOOTER styles 
	The top-margin for the footer div moves the footer down to make way for mainpage's 64px down from
	the top (relative positioning), which itself was necessitated by a bug in IE (see above)
------------------------- */
#footer {
	text-align: left;
	margin: 25px 0 400px; 
	font-size: 9px;
	line-height: 14px;
	clear: both;
	padding: 3px 0 0;
	color: rgb(80,80,80);
	border-top: 1px solid rgb(150,150,150);
}
#footer p {
	word-spacing: 2px;
	margin-bottom: 4px;
}
#footer p span {
	word-spacing: 1px;
}
#footer p a:link,
#footer p a:visited {
	padding-left: 2px;
	color: rgb(100,100,100);
	text-decoration: none; 
}
#footer p a:hover {
	color: rgb(50,50,50);
	text-decoration: underline;
}
#footermain a,
#footerminor a {
	text-decoration: none;
	border: 1px solid rgb(100,100,100);
	color: rgb(90,90,90);
	background-color: rgb(220,220,220);
	display: block;
	float: left;
	padding: 1px 3px 1px 6px;
	margin: 0 5px 5px 0;
}
#mainpage #footermain a:hover, 
#mainpage #footerminor a:hover {
	color: rgb(60,60,60);
	background-color: rgb(150,150,150);
	color: rgb(255,255,255);
	text-decoration: none;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	padding: 0;
	margin: 0;
}
#footermain {
	margin-bottom: 1px;
}
#footermain a {
	width: 119px;
}
#footer a.last {
	margin-right: 0;
}
#footerminor {
	clear: both;
}
#footerminor li {
	display: inline;
}
#footerminor a {
	width: 61px;
	}
#printfooter {
	display: none;
}
	
	
/* SANDBOX for testing new styles
------------------------- */





/* COLOR TABLE

HOME section colors in OLIVE
xdark: rgb(10,25,0) 
vdark: rgb(50,90,30) 
dark: rgb(60,100,40) 
meddark: rgb(90,130,60) 
medium: rgb(110,150,80) 
medlight: rgb(130,175,110) 
light: rgb(170,200,150) 
vlight: rgb(200,230,180) 
xlight: rgb(200,230,180) 
grey: rgb(50,50,50) 

ABOUT section colors in GREEN
xdark: rgb(10,20,10) 
vdark: rgb(40,75,40) 
dark: rgb(50,85,50) 
medium: rgb(100,170,100) 
light: rgb(135,200,135) 
vlight: rgb(165,230,165) 
xlight: rgb(185,240,185) 

FAQ section colors in ORANGE
xdark: rgb(40,20,10) 
vdark: rgb(110,60,30) 
dark: rgb(130,70,40) 
medium: rgb(210,160,80) 
light: rgb(210,180,110) 
vlight: rgb(230,210,150) 
xlight: rgb(250,235,175) 

SIDEWALK section colors in BLUE
xdark: rgb(10,15,25) 
vdark: rgb(40,60,100) 
dark: rgb(50,70,110) 
medium: rgb(100,140,180) 
light: rgb(130,170,190) 
vlight: rgb(160,200,230) 
xlight: rgb(180,220,250) 

TRUTH section colors in PURPLE
xdark: rgb(30,15,30) 
vdark: rgb(90,60,90) 
dark: rgb(100,60,100) 
medium: rgb(175,110,175) 
light: rgb(190,160,190) 
vlight: rgb(220,190,220) 
xlight: rgb(240,210,240) 

GENERATIONS section colors in BROWN
xdark: rgb(30,15,10) 
vdark: rgb(70,50,30) 
dark: rgb(80,60,40) 
medium: rgb(160,130,80) 
light: rgb(190,170,130) 
vlight: rgb(220,200,150) 
xlight: rgb(235,220,170) 

PROVIDERS section colors in TEAL
xdark: rgb(15,25,20) 
vdark: rgb(45,85,80) 
dark: rgb(55,95,90) 
medium: rgb(90,170,160) 
light: rgb(120,195,180) 
vlight: rgb(150,225,210) 
xlight: rgb(175,245,230) 
grey: rgb(200,200,200) 

HOTLINE section colors in RED
xdark: rgb(25,10,5) 
vdark: rgb(100,20,10) 
dark: rgb(150,70,55) 
medium: rgb(200,120,100) 
light: rgb(220,160,140) 
vlight: rgb(250,190,170) 
xlight: rgb(255,215,195) 
xxlight: rgb(255,245,240) 
grey: rgb(50,50,50) 


------------------------- */