/*-------------------------------------------------------
 Stylesheet for Jeannette Rankin Peace Center. www.jrpc.org
--------------------------------------------------------*/ 
html, body{ 
margin:0; 
padding:0; 
text-align:center; 
} 

body {
background: #fff url(../images/design_elements/page-bg.gif);
font-size: 62.5%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;}

#pagewidth{ 
width:762px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
border-right: 1px #4C475B solid;
border-left:  1px #4C475B solid;
border-bottom: 1px #4C475B solid;
background:  url(../images/design_elements/pagewidth_bg.jpg) repeat-y left top;
} 

#header{
position:relative; 
height:183px;
width:100%;
border-bottom: 1px #4C475B solid;
margin: 0;
padding: 0;
background-color: #fff;}

.header_branding {
float: left;
position: relative;
width: 200px;
height: 183px;
text-indent: -9000px;
background:  transparent url(../images/design_elements/dove_with_letter_logo-BLUE.jpg) no-repeat center center;
}

h1.sitetitle {
margin: 0;
padding: 0;
position: relative;
}

.header_pic {
width: 562px;
height: 184px;
float: right;
position:relative;
background: #ffffff;
}

.header_pic img {
border: 0;
}

#wrapper {
margin:0;
padding: 0;
position: relative;
}


#leftcol{
background-color:#496887 ;
width:200px; 
float:left; 
position:relative;
padding-bottom: 1em;
}

.leftcol-secondary {
position:relative;
width: 190px;
background-color: #f4f4f4;
margin-left: 3px;
margin-right: 3px;
}

.leftcol-secondary p {
margin: 0 5px 5px 5px;
}

#maincol{background-color: #ffffff;  
float: right; 
display:inline; 
position: relative; 
width:560px; 
}

#maincol {
padding-top: 20px;
padding-bottom: 10px;
}

#footer{
height: 3em; 
background-color:#ffffff; 
clear:both;
border-top: 1px #333 solid;
} 

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*---------------------general link styles------------------------*/

a img {border: 0;}

a:link, a:visited {
color: #B23B11;
text-decoration: underline;}

a:hover {
color: #4c475b;
}

/*-----------------------read more link styles-------------------*/

a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
background: url(../images/design_elements/icons/read_more.gif) no-repeat left top;
padding-left:20px;
color: #B23B11;
}

a.morelink:hover {
background: url(../images/design_elements/icons/read_more_hover.gif) no-repeat left top;
color: #4c475b;
}

.morelink span {
position:absolute;
left:-9999px;
width:900px
}

/*--------styles for the sidecol caption----------*/
.caption a:link, .caption a:visited {
color: #fff;
text decoration: underline;
}

.caption a:hover {
font-weight: bold;
}

/*----------lightbox caption styles--------------------*/

#maincol .caption a:link, #maincol .caption a:visited {
color: #333;
text-decoration: none;
}

#maincol .caption a:hover {
font-weight: bold;
}

/*-------------------footer link styles-----------------------*/

#footer a:link, #footer a:visited {
text-decoration: none;
}

#footer a:hover {
color: #4c475b;
text-decoration: underline;
}

/*--------------------whatever hover menu coding---------------*/

#menu h2 {
margin: 0;
padding: 0;
}

#menu {
width: 200px;
background: #9ea4ac;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bolder 11px/16px arial, helvetica, sans-serif;
display: block;
border-right: 1px #888888 solid;
border-left: 0px #bbbbbb solid;
border-bottom: 1px #555555 solid;
border-top:1px  #cccccc solid;
margin: 0;
padding: 2px 3px;
}

#menu h2.navtitle {
border-top: 0;
}

#menu a.last {
border-bottom: 0;
}

#menu h2 {
color: #fff;
background: #496887;
text-transform: uppercase;
}

#menu a {
color: #333;
background: #9ea4ac;
text-decoration: none;
}

#menu a:hover {
color: #B23B11;
background: #b9bec3;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div.more-levelone, div.more-leveltwo {
width: 193px;
padding: 0;
margin: 0;
background: url(../images/design_elements/icons/menu_arrow.gif) no-repeat right center;
}

#menu a:hover.levelone {
background: #b9bec3}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*-------------------------heading styles-------------------*/

#maincol h2 {
margin-bottom: .5em;
margin-left: .8em;
}

#maincol h3 {
margin-bottom: .5em;
margin-left: 1em;
}

#maincol h2 {
font-size: 1.8em;
font-weight: bold;
color: #333;
padding-left: 12px;
background: url(../images/design_elements/icons/bullet_red.gif) no-repeat left 55%;}

#maincol h3 {
font-size: 1.3em;
line-height: 1.4em;
font-weight: bold;
color: #333;
padding-left: 10px;
background: url(../images/design_elements/icons/bullet_orange.gif) no-repeat left 55%;}

#maincol h4 {
font-size: 1.2em;
margin: 5px 1em 5px 1em;
}

/*------------------paragraph styling---------------------*/

#maincol p {
font-size: 1.2em;
line-height: 1.6em;
margin: .75em 1em;
text-align: justify;
}

/*--------------------list styles--------------------------*/

ul {
margin: 0;
padding: 0;
}

#maincol ul {
position: relative;
font-size: 1.2em;
line-height: 1.4em;
margin-left: 2em;
margin-right: 1em;
}

#maincol ul ul {
font-size: 1em;
}

#maincol ul li {
list-style-type: none;
padding-left: 15px;
background: url(../images/design_elements/icons/small_bullet_red.gif) no-repeat 0em 7px;
}

#maincol ul li.mapwrap {
background: none;
}

/*---------------------footer styles------------------*/

#footer p {
font-size: 1.1em;
text-align: center;
line-height: 3em;
margin: 0;
padding: 0;
}

/*---------------------header row styles------------------------*/

hrthin {
  border: 0;
  width: 75%;
color: #336699;
background-color: #9999CC;
height: 4px;
}

/*--------------------form styles contact page-------------*/

#contact {
padding-left: 20px;
}

form.contact {
float: left;
margin: 5px 0px 15px 0;
padding: 0;
width: 485px;
}

fieldset {
float: left;
margin: 0;
padding: 10px 0px 15px 0px;
width: 510px;
border: none;
}

fieldset.row1 {
border-top: 1px solid #e7e7e7;
}

form h3 {
margin: 0 15px 5px 15px;
}		

.form-pair {
display: inline;	/* prevent ie6/win from doubling margins */
float: left;
margin: 5px 15px 0 15px;
width: 480px;
}

.form-item {
float: left;
margin-top: 5px;
width: 165px;
font-size: 1.2em;
line-height: 1.5em;
text-align: right;
}	

.form-value {
float: right;
margin-top: 5px;
width: 300px;
font-size: 1.1em;
line-height: 1.5em;
}

.checklist {
margin: 0;
font-size: 1em;
}

.checklist li {
margin: 0 0 5px 0;
padding: 0;
background: none;
}

.input-text, select, textarea {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
}

.form-submit {
border-top: none;
background: #f4f4f4;
}

.form-submit-buttons {
text-align: right;
padding-right: 15px;
}

.form-submit-buttons .input-reset {
margin-right: 5px;
}

.input-submit, .input-reset {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.3em;
}

.input-submit {
font-weight: bold;
}

/*------------------form styles paypal-----------------*/

.donate {
margin: 5px 45px 5px 45px;
}

.buy {
margin: 5px 66px 5px 66px;
}

.paypal img {
border: 0;
margin: 0 auto 0 auto;
}

.paypal-main {
text-align: center;
} 


/*----miscellaneous styles including image styles for maincol---*/

acronym {
cursor: help;
border-bottom: 1px dashed}

.h2highlight {
color: #B23B11;
font-weight: bold;
padding: 0 3px 3px 0;
}

.highlight {
color:#E17000;
}

.iraq-clock {
font-size: 1.3em;
margin-left: 1em;
}

/*---------------------------feature boxes----------------------*/

#main-featurebox {

background-color: #f3f3f3;
margin: 3em 1em 1em 1em;
border: 1px #999999 solid;
}

#main-featurebox p {
font-size: 1.1em;
}

#main-featurebox h1 {
font-size: 1.6em;
font-weight: bold;
text-align: center;
color: #fff;
padding: 5px 10px 5px 10px;
margin: 0;
background: #4C475B;
}

#main-featurebox h2 {
font-size: 1.3em;
line-height: 1.4em;
font-weight: bold;
color: #333;
padding-left: 10px;
background: url(../images/design_elements/icons/bullet_orange.gif) no-repeat left 55%;
}

#main-featurebox ul {
margin-bottom: 0;
padding-bottom: 10px;
}

#main-featurebox ul li {
list-style-type: none;
padding-left: 15px;
background: url(../images/design_elements/icons/small_bullet_red.gif) no-repeat 0 7px;}

.side-featurebox {
position: relative;
margin: 0;
background-color: #f3f3f3;
margin: 2em 0 2em 0;
padding-bottom: .5em;
}

.side-featurebox p {
font-size: 1.1em;
line-height: 1.3em;
text-align: left;
padding-bottom: 10px;
margin:.75em 1em;
letter-spacing:1px;
}

.side-featurebox h1 {
font-size: 1.3em;
font-weight: bold;
text-align: center;
color: #ffffff;
margin: 0;
padding: .5em;
background-color: #4C475B;
letter-spacing:1px;
}

.side-featurebox h2 {
font-size: 1.1em;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
padding-left:10px;
padding-right: 10px;
background: none;
}

/*--------photo styles...includes styles for div class sidephoto-----------*/

.imageright {
float:right;
margin: 0 0 5px 10px;
}

.right-bordered {
float:right;
margin: 0 0 5px 10px;
padding: 3px;
border: 1px #D5CEBB solid;
}

.imageleft {
float: left;
margin: 0 10px 5px 0;
}

.rankinsmall {
margin-top: 8px;
}

.mainbox {
float:right;
margin: 0 0 5px 10px;
padding: 3px;
border: 1px #D5CEBB solid;
clear:left;
}

div.sidephoto {
position: relative;
background-color: #f3f3f3;
width: 200px;
margin: 2em 0 0 0;
}

div.sidephoto img {
border: 0;
margin: 0;
}

div.sidephoto p.caption {
color: #505050;
margin: 0;
padding: 3px;
}

/*-------------------definition list styles---------------------*/

dl {
margin-left: 3em;
margin-right: 1em;
}

dt {
font-size: 1.2em;
font-weight: bold;
padding-top: 5px;
}

dt.topterm {
padding-top: 0;
}

dd {
font-size: 1.2em;
line-height: 1.4em;
}

/*--------------------------war clock styles----------------------*/

#war-clock {
position: relative;
font-size: 1.8em;
margin-left: 1em;
}

#war-clock p {
font-size: 1.3em;
}

/*----------------------------lightbox photo gallery styles-----------------*/

.thumbnail {
float: left;
margin: 10px 0 10px 10px;
padding: 5px;
border: 1px #D5CEBB solid;
}

.thumbleft {
float: left;
margin: 10px 0 10px 10px;
padding: 5px;
border: 1px #D5CEBB solid;
}

.thumbnail img {
border: 0;
}

#lightbox {
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxDetails {
font-size: 1em;
padding-top: 0.4em;
}

#lightboxCaption{
float: left;
}

#keyboardMsg {
float: right;
}

#closeButton {
top: 5px;
right: 5px;
}

#lightbox img {
border: none;
} 
#overlay img {
border: none;
}

#overlay {
background: url(../photo_gallery/overlay.png);}

* html #overlay {
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../photo_gallery/overlay.png", sizingMethod="scale");
}

/*---------blockquote
Used as a highlight on various pages. It contains paragraphs.
-------*/

#noteworthy {
position: relative;
float: right;
border: 1px #999999 solid;
width: 200px;
background-color: #f3f3f3;
margin: .5em 1em 0 1em;
padding: .5em;
}

#noteworthy-heading {
font-size: 1.4em;
color: #ffffff;
text-align: center;
background-color: #4C475B;
margin: 0;
padding: .25em;
}

#noteworthy p {
font-size: 1.1em;
text-align: left;
}

/*-----
end the history and mission blockquote styles
---*/