/* - - - - - - - - - - - - - - - - - - - - -
Title : 356 Ways to Change the World, action pages' CSS 
URL : www.365act.com

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

/* ----- CSS ----- */
html {
	height: 100%;
	margin: 0; padding: 0;
}
body { 
	height: 100%;
	margin: 0; padding: 0;
	font-family: "Lucida Grande", Arial, sans-serif; font-size: 62.5%; color: #002137;
	text-align: center;
}
/* ----- IDS ----- */
#wrapper {
	position: relative;
	min-height: 100%;
	width: 969px;
	margin: 0 auto;
	text-align: left;
}
* html #wrapper {
	height: 100%;
}
#quilt {
	float: left; width: 206px;
}
#outerContent {
	float: right;
	background: url(../img/bg_fauxBlue.gif) repeat-y;
	padding-right: 10px;
	width: 758px; /* IE5.x width */
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 748px; /* actual width */
}
html>body #outerContent {
	width: 748px;
}
#content { /* contains masthead, mainContent and secondaryContent */
	float: right; width: 738px;
}
#mainContent {
	float: left; width: 559px;
}
#mainContent h1, h2, h3,h4, p, img, fieldset, table {
	margin-left: 22px;
}
#secondaryContent {
	float: right; width: 160px; text-align: center; padding-top: 50px;
}
#masthead {
	position: relative; height: 122px;
	background: url(../img/mastheadBGBlue.gif) repeat-x;
}
#logo {
	position: relative; height: 90px; width: 680px;
	background: url(../img/logoBGBlue.gif) no-repeat;
}
#logo img {
	position: absolute; top: 15px;
}
#action {
	text-align: center; margin: 0 auto; /* padding-top: 32px; */	
}
body#index #action { /* Just for the index page. Adds the 'today's action' image */
	background: url(../img/actions/today.gif)  50% 0 no-repeat; padding-top: 32px;
}
#action img {
	margin: 0 10px;
	display: inline;
}
#footer {
	clear: both;
}
#outerContentEnd {
	float: right;
	background: url(../img/bg_fauxBlue.gif) repeat-y;
	padding-right: 10px;
	width: 758px; /* IE5.x width */
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 748px; /* actual width */
}
html>body #outerContentEnd {
	width: 748px;
}
#footerEnd {
	position: relative;
	margin-top: -7.5em;
	width: 969px;
	margin: 0 auto;
	text-align: left;
}

/* ----- CLASSES ----- */

body.red #outerContent {
	background: url(../img/bg_fauxRed.gif) repeat-y;
}
body.red #outerContentEnd {
	background: url(../img/bg_fauxRed.gif) repeat-y;
}
body.red #masthead {
	background: url(../img/mastheadBGRed.gif) repeat-x;
}
body.red #logo {
	background: url(../img/logoBGRed.gif) no-repeat;
}
body.green #outerContent {
	background: url(../img/bg_fauxGreen.gif) repeat-y;
}
body.green #outerContentEnd {
	background: url(../img/bg_fauxGreen.gif) repeat-y;
}
body.green #masthead {
	background: url(../img/mastheadBGGreen.gif) repeat-x;
}
body.green #logo {
	background: url(../img/logoBGGreen.gif) no-repeat;
}
.actionArrow {
	padding: 0 0 30px;
}
.italic {
	font-style: italic; color: #fff;
}
#action img.block {
	display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.books {
	float: left;
	width: 130px;

}
a.ext {
	padding-right: 15px;
	background: url(../img/extLink.gif) no-repeat center right;
}
.required {
	font-size: 0.9em; color: #FFF;
}
.textAlignLeft {
	text-align: left;	
}

/* ----- HEADINGS ----- */
h1, h2, h3, h4 {
	color: #fff; margin-top: 0.3em; margin-bottom: 0.3em; font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
}
h1 {
	font-size: 3.4em; 
}
h2 {
	font-size: 3em;
}
h3 {
	font-size: 2em; padding-top: 0.6em;
}
h4 {
	font-size: 1.5em; padding-top: 0.5em;
}
/* ----- PARAGRAPHS ----- */
p {
	font-size: 1.3em; line-height: 1.4em; margin-top: 0; text-align: justify; 
}
* html p { /*  IE6 and lower Filter  */
	font-weight: bold;
}
/* ----- NAVIGATION ----- */
#menu {
	position: absolute; height: 18px; left: 15px; bottom: 32px; margin: 0; padding: 0; 
	list-style: none; display: inline; overflow: hidden; white-space: nowrap;
}
#menu li {
	float: left;
	margin: 0 4px; padding: 0;
	list-style: none; display: inline;
}
#menu a {
	float: left; margin: 0; padding: 18px 0 0 0; overflow: hidden; 
	height:0px !important;
  height /**/:28px; /* for IE5/Win */
}

#home, #home a {
	width: 96px;
	background: url(../img/menu/home.gif) top left no-repeat;
}
#mission, #mission a {
	width: 104px;
	background: url(../img/menu/mission.gif) top left no-repeat;
}
#book, #book a {
	width: 96px;
	background: url(../img/menu/book.gif) top left no-repeat;
}
#involved, #involved a {
	width: 104px;
	background: url(../img/menu/involved.gif) top left no-repeat;
}
#everydayActions, #everydayActions a {
	width: 130px;
	background: url(../img/menu/actions.gif) top left no-repeat;
}
#menu li.selected, #menu a.selected {
	background-position: 0 -18px;
}
/* ----- IMAGES ----- */
#secondaryContent img {
	margin: 25px auto; display: block;
}
/* png transparency for IE, though makes css not validate :-( */
img {behavior: url(../pngHack.htc);}
/* ----- LINKS ----- */
a {
	color: #fff;
}
a img {
	border: 0;
}
/* ----- FORMS ----- */
form {
	margin-top: 0;
}
fieldset {
	padding: 1em;
}
legend {
	font-size: 1.5em; font-weight: bold;
}
/* ----- LISTS ----- */

#mainContent li, ol li {
	font-size: 1.3em; margin: 5px 0;
}
#actionsList {
	font-size: 1.6em;
}
* html li {
	font-weight: bold;
}