/* CSS Document */
/* styles for screen media */

/* PRIMARY STRUCTURE */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #3399FF;
        background-image: url(http://www.wherepeacelives.org/images/skyback.jpg);
	text-align: center;
}
#mainpage {
	width: 760px;
 	margin: 0 auto;
	text-align: left; 
        background-color: #fff; 
	/* match the header color to fill in the gap btween header and navbar in FF 1.5 */
}
#header{
 	background-color: #3399FF;
 	color: #fff;
}
#header {
	height: 145px;
; clip:   rect(   ); background-image: url(http://www.wherepeacelives.org/images/skyback.jpg)}
#site-footer {
 	clear: both;
	width: 100%;
	margin: 0;	
	font-size: 10px;
	text-align: center;
}
#site-footer a {
 	color: #000;
}
#content-wrapper {
	width: 760px;
 	background: url(../images/greyspacer.gif) repeat-y;
 	color: #000;
}
#content-wrapper-padding {
 	padding: 0 1px;
}
#col-1 {
 	width: 130px;
 	background-color: #EFEAD8;
 	font-size: 10px;
 	color: #000;
; float: left; clip:   rect(   ); padding-top: 1px; padding-bottom: 1px}
#col-2 {
 	float: left;
 	width: 620px; /* 490PX IS USABLE WIDTH AFTER COL-2-PADDING SET BELOW */
 	margin-top: 1px;
 	font-size: 0.66em;
 	line-height: 1.5em;
 	background-color: #fff;
 	color: #000;
}
#col-2-padding {
 	padding: 0 10px 0 6px;
}

#col-footer {
 	clear: both;
 	margin-top: 12px;
 	color: #000;
}

/* VERTICAL NAVIGATION */
#navcontainer2 ul {
	list-style-type: none;
	font: normal 11px/14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-align: left;
	margin: 0;
	padding-left: 5px;
}
#navcontainer2 ul li a {
	display: block;
	width: 125px;
	text-align: left;
	text-decoration: none;
	color: #000;
; clip:  rect(   ); padding-bottom: 2px}
#navcontainer2 ul li a:hover {
	background-color: #ffe;
	color: black;
}
#navcontainer2 ul li a#current {
	color: #666;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
h1 {font-size:18px;; line-height: 20pt}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;; line-height: 14pt; white-space: normal; background-color: #3787e9}
h6 {font-size:11px;; line-height: 14pt; white-space: normal}

h3	{
	padding-bottom: 4px;
}

#col-1 h5 {
	padding: 1px;
	color: white;
	background-color: #c33;
}
#col-1 h6 {
	padding: 1px;
	color: white;
	background-color: #c33;
}
#col-1 #navcontainer2 h6 {
	margin: 7px 0 1px 0;
	padding: 0;
	color: #5785c3;
	background-color: #ffe;
}
#col-2 h5 {
	margin-bottom: .25em;
	padding: 1px;
	color: white;
	background-color: #003366;
}

#col-2 h6 {
	margin-bottom: .25em;
	padding: 1px;
	color: white;
	background-color: #036;

}


/* LINKS */
a:active {
	color: red;
}
a:visited {
}
a:hover {
}

/* VARIOUS */
p {
 margin: .5em 0;
}
#mainpage p {
 	margin: .25em .25em;
 	padding: .25em 0 .5em 0;
}
#col-2 .subject {
	float: left; 
	width: 236px; 
	margin: 4px 4px 4px 0; 
	padding: 4px 4px 4px 0;
}
#col-2 .subject h1 {
	font-size: 1em; 
	padding: 2px; 
	color: white; 
	background-color: #8ADC20;
}
#col-2 .subject h2 {
	font-size: 1em;
}
#col-2 .subject h3 {
	font-size: 1em;
	font-weight: normal;
}


/*  3 SELECTORS FOR PHOTOS WITH CREDITS */
.photoLeft { 
	float: left; 
	padding: .75em .25em .25em .25em;  
}
.photoRight { 
	float: right; 
	padding: .75em .25em .25em .25em; 
}
cite {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	font-style: normal;
}