/* main stylesheet for wnypeace.org pages */

/* original palette, from lightest to darkest: #BFCFFF, #809FFF, #264DBF, #193CA6 */

/* 1/4 from original to white:                          #A0B8FF,          #536DBC */
/* halfway from original to white:             #DFE8FF                            */

/* new palette:                                #DFE8FF, #A0B8FF, #536DBC, #264DBF (former #3 is now the darkest) */
/* test palette:                               white,   #DFE8FF, #8FBC8F, #264DBF */

/*
D3 D7 E9 / 211 215 233
B2 BE DC / 178 190 220
4F 71 B3 /  79 113 179
2E 58 A6 /  46  88 166

not enough contrast between 1-3 and 2-4; instead of 3 even steps, let's try 1-2-1 (0-.25-.75-1)
better; try 1-3-1 (0-.2-.8-1)

urgent			{color: red; font-size: large;}
*/

body			{margin: 0;
			 color: #4F71B3; background: white;
			 font-size: 90%; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
			 line-height: 1.15;}
.this			{padding: 0.2em;
			 -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.urgent			{color: red;}



div.header		{padding: 0.5em; background: #D3D7E9;}
div.header table	{width: 100%;}
div.header td.fill	{width:  20%;}
div.header td.spaced	{padding-left: 1em;}
div.header a:link img	{border: none;}
div.header a:visited img {border: none;}


/*about us navbar formatting */
div.navbar		{padding: 0.4em 0.6em; background: #4F71B3;}
div.navbar table	{width: 100%; font-size: 115%;}
div.navbar td		{white-space: nowrap;}
div.navbar td.fill	{width: 2%;}	/* was 20%...inelegant way of squeezing whitespace out of                               cells with text,so that extra horizontal space is distributed equally (instead
					   of in proportion to width of the text) */
div.navbar td.this	{color: #2E58A6; background: #B2BEDC;}
div.navbar a		{color: #D3D7E9; text-decoration: none;}



div.navcolumn		{position: absolute; left: 0; width: 8em; padding: 0.75em;
			 font-variant: small-caps;}
div.navcolumn p.this	{color: white; background: #4F71B3}
div.navcolumn a		{color: #2E58A6; text-decoration: none;}



div.nagcolumn		{position: absolute; right: 0; margin: 0; padding: 0;
			 font-size: 110%; font-variant: small-caps; line-height: 1.33;
			 text-align: center;}
div.nagcolumn p.notice  {margin: 1.35em 0.75em; padding: 0.5em 0.4em 0.3em; background: #F00000;
			 -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
			 border-style: outset; border-color: #D04040 #C00000 #C00000 #D04040;}
div.nagcolumn a		{color: white; text-decoration: none;}



div.main		{margin-left: 9.5em; margin-right: 11.5em; padding: 0.6em;}
div.main a:link		{color: #008870;}
div.main a:visited	{color: #A0C0A0;}
div.main h1		{color: #2E58A6; font-size: large; font-weight: bold;}
div.main h2		{color: #2E58A6; font-size: medium; font-weight: bold;}
div.main li		{margin-top: 0.5em;}
p.links			{margin-top: 0.33em;}

table.events		{color: #2E58A6; border-collapse: collapse; border-top: 2px solid #4F71B3;
			border-right: 2px solid #4F71B3; border-bottom: 2px solid #4F71B3;}
table.events col.mid	{background: #D3D7E9;}
table.events td		{padding: 5px; border: thin solid #4F71B3;}
table.events td:first-child	{color: white; background: #4F71B3; font-weight: bold;
				 border-top: thin solid white; border-bottom: thin solid white;}
/* the "nth-child" selector in CSS 3 is exactly what we want for the "events" table, but
that's not widely supported yet */


div.footer		{margin-top: 2em; margin-left: 10.1em; margin-right: 11.5em; padding-top: 0.8em;
			 border-top: thin solid #4F71B3;
			 text-align: right;}
/* float the shorter of the two items, in case we want to set a background color
(otherwise won't reach the bottom of the float) */
div.footer span.valid	{float: left;}
div.footer span.valid a:link img	{border: none;}
div.footer span.valid a:visited img	{border: none;}


/*============================
<style type="text/css">

<style type="text/css"> #costOfWarTotal { text-align: center; width: 270px; font-weight: bold; } #costOfWarTotal_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarTotal_Link { font-size: .7em; } </style>

<style type="text/css"> #costOfWarAf { text-align: center; width: 270px; font-weight: bold; } #costOfWarAf_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarAf_Link { font-size: .7em; } </style>

<style type="text/css"> #costOfWarIraq { text-align: center; width: 250px; font-weight: bold; } #costOfWarIraq_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarIraq_Link { font-size: .7em; } 

</style>
==========================================*/

#costOfWarTotal { text-align: center; width: 270px; font-weight: bold; } 
#costOfWarTotal_Total { font-size: 1.3em; font-weight: bold; color: #990000; } 
#costOfWarTotal_Link { font-size: .7em; } 
 
#costOfWarIraq { text-align: center; width: 250px; font-weight: bold; }
#costOfWarIraq_Total { font-size: 1.3em; font-weight: bold; color: #990000; } 
#costOfWarIraq_Link { font-size: .7em; } 
 
#costOfWarAf { text-align: center; width: 270px; font-weight: bold; } 
#costOfWarAf_Total { font-size: 1.3em; font-weight: bold; color: #990000; } 
#costOfWarAf_Link { font-size: .7em; } 
 
#costOfErieTotal { text-align: center; width: 270px; font-weight: bold; } 
#costOfErieTotal_Total { font-size: 2.3em; font-weight: bold; color: #990000; } 
#costOfErieTotal_Link { font-size: .7em; }

/*
if we want to put the navcolumn in the same color as the navbar, make that color
the general background for the page (on <body>), make a new div containing
everything to the right (nagcolumn, main, and footer), and give that div the
lighter color; the idea is to allow the navcolumn to retain its automatic height
yet still have the same color beyond its bottom.
*/